/*--------------------------------------------------------------- Global
*/

.main {
  overflow-x: hidden;
}

/* Container Size */
.wrapper {
  width: 85%;
}
.t-wrapper {
  max-width: none;
}
.t-wrapper {
  width: 85%;
}

@media screen and (min-width: 2000px) {
  .main-header .wrapper-menu-desktop {
    width: 85%;
  }
}

/* Basic link */
a {
  color: var(--color-primary-dark);
  font-weight: 700;
}

a:hover {
  color: var(--color-primary-dark);
  text-decoration: none;
}

/*--------------------------------------------------------------- Header
 */

/*!* Container margin match to the rest of the website containers *!*/
.header-top {
  width: 85%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.header-top__inside {
  width: 100%;
}
.header-top__container--left {
  justify-content: start;
}
@media only screen and (max-width: 1090px) {
  .header-top {
    display: none;
  }
}

/* CTA */
a.btn-see-more:hover {
  background: var(--color-primary-highlight-hover);
  transition: background var(--transition-cta);
}

.t-cta--header:hover .content {
  color: var(--color-primary-dark);
  transition: color var(--transition-cta);
}
.t-cta--back-transparent:hover {
  background: var(--color-primary-highlight) !important;
}

.container__circle {
  transition: background var(--transition-cta);
}
.container__circle:hover {
  background: var(--color-primary-highlight);
}
.container__circle:hover svg {
  fill: initial;
}

.main-navigation .btn-close {
  transition: background var(--transition-cta);
}
.main-navigation .btn-close:hover {
  background: var(--color-primary-highlight-hover);
}
.main-navigation .btn-close:hover svg path {
  stroke: var(--color-primary-dark);
}

.main-navigation .article-link:hover .article-image img {
  transform: var(--transform-zoom-in);
}
.main-navigation .article-link .article-image img {
  transition: all var(--transition-zoom-in);
}
/* counter opacity effect on images */
.main-navigation .article-link:hover img {
  opacity: initial;
}

/*--------------------------------------------------------------- Tag
 */
.article-category__container-tag .checkbox-field label {
  font-size: 14px;
  color: var(--color-primary-dark);
  border-color: var(--color-grey);
  transition: all var(--transition-cta);
}
.article-category__container-tag .checkbox-field input:checked ~ label.option,
.article-category__container-tag .checkbox-field input:checked ~ label.option:hover {
  color: var(--color-primary-light);
  border-color: var(--color-primary-dark);
  background: var(--color-primary-dark);
}
.slider-tags .article-category__container-tag .article-category__tag.checkbox-field label:hover {
  color: var(--color-primary-dark);
  border-color: var(--color-secondary-lighten-dark-bg);
  background: var(--color-secondary-lighten-dark-bg);
}

/*--------------------------------------------------------------- About making diabetes easier
 */
/* Text colors */
.about div.newsletter h2,
.about div.about-content h2,
.about .about-content .our-mission .hash-tag {
  color: var(--color-primary-dark);
}
.about div.about-content p,
.about .about-content .our-mission .title-mission {
  color: var(--color-secondary-lighten-dark);
}

.main-navigation .btn-close {
  transition: background var(--transition-cta);
}
.main-navigation .btn-close:hover {
  background: var(--color-primary-highlight-hover);
}
.main-navigation .btn-close:hover svg path {
  stroke: var(--color-primary-dark);
}

.main-navigation .article-link:hover .article-image img {
  transform: var(--transform-zoom-in);
}
.main-navigation .article-link .article-image img {
  transition: all var(--transition-zoom-in);
}
/* counter opacity effect on images */
.main-navigation .article-link:hover img {
  opacity: initial;
}

/*--------------------------------------------------------------- Tag
 */
.article-category__container-tag .checkbox-field label {
  font-size: 14px;
  color: var(--color-primary-dark);
  border-color: var(--color-grey);
  transition: all var(--transition-cta);
}
.article-category__container-tag .checkbox-field input:checked ~ label.option,
.article-category__container-tag .checkbox-field input:checked ~ label.option:hover {
  color: var(--color-primary-light);
  border-color: var(--color-primary-dark);
  background: var(--color-primary-dark);
}
.slider-tags .article-category__container-tag .article-category__tag.checkbox-field label:hover {
  color: var(--color-primary-dark);
  border-color: var(--color-secondary-lighten-dark-bg);
  background: var(--color-secondary-lighten-dark-bg);
}


/*--------------------------------------------------------------- Fill Arianne
 */
.breadcrumb ul {
  justify-self: unset;
}
.breadcrumb ul li .t-font-fillArriane:hover {
  color: var(--color-dark-grey);
}
ul.breadcrumb li {
  font-size: 12px;
  text-transform: unset;
}
ul.breadcrumb li:last-child {
  color: var(--color-secondary-third);
  font-weight: bold;
}
ul.breadcrumb li a:hover,
ul.breadcrumb li a:active,
ul.breadcrumb li a:focus {
  color: var(--color-dark-grey);
}
ul.breadcrumb li:after{
  all:unset;
}
ul.breadcrumb li:not(:last-child) a:after{
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjEwIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgNyAxMCI+CiAgPHBhdGggZmlsbD0iI0I0QjhCQiIgZD0iTTEuMzU2IDkuMTI4LjAwNSA3Ljc4MSAzLjMgNC41NjQuMDYgMS4zNDcgMS40MiAwbDQuNjE3IDQuNTY0LTQuNjgxIDQuNTY0WiIvPgo8L3N2Zz4=);
  height: 80%;
  align-self: center;
}
ul.breadcrumb li a {
  font-style: normal;
  font-weight: normal;
  line-height: 16px;
  color: #B4B8BB;
  display: grid;
  grid-template: auto / auto auto;
  column-gap: 8px;
  text-decoration: none;
}

/*--------------------------------------------------------------- About making diabetes easier
 */

/* Social networks */
.about .our-mission ul.social li.title {
  display: none;
}
.about .our-mission ul.social {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
ul.social li {
  margin: 0;
}
.about ul.social li a:hover {
  background: var(--color-secondary-lighten-dark);
  transition: background var(--transition-cta);
}


/*--------------------------------------------------------------- Social networks
 */
.full-article .page-tools {
  padding: 20px 0;
  border-top: 1px solid var(--color-grey);
  border-bottom: 1px solid var(--color-grey);
}
.full-article .page-tools .share .share-title {
  font-weight: 400;
  margin-right: 30px;
}
.full-article .page-tools .share .share-title:after {
  content: "\00a0 :";
  display: inline-block;
}
.at-share-btn-elements {
  display: flex;
  gap: 15px;
}
.at-resp-share-element .at-share-btn-elements .at-share-btn {
  margin: 0;
}
a.at-icon-wrapper.at-share-btn {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  flex-direction: column;
  background-color: var(--color-primary-dark) !important; /* to take priority on inline style */
  transition: background-color var(--transition-cta);
}
a.at-icon-wrapper.at-share-btn:hover {
  background-color: var(--color-secondary-lighten-dark) !important; /* to take priority on inline style */
  transform: translateX(0px);
}
/* Remove deployed share button*/
a.at-icon-wrapper.at-share-btn.at-svc-compact {
  display: none;
}
.at-share-btn-elements a.at-icon-wrapper.at-share-btn .at-icon-wrapper {
  width: 25px !important; /* to take priority on inline style */
  height: 25px !important; /* to take priority on inline style */
}
.at-share-btn-elements a.at-icon-wrapper.at-share-btn .at-icon-wrapper .at-icon {
  width: unset !important; /* to take priority on inline style */
  height: unset !important; /* to take priority on inline style */
}

/*--------------------------------------------------------------- Article page
 */

.related-articles {
  width: 100%;
}
.related-articles .article a{
  overflow: hidden;
  border-radius: 20px;
}
.related-articles .article a img{
  transition: var(--transition-zoom-in);
}
.related-articles .article a:hover img{
  transform: var(--transform-zoom-in);
}
.related-articles .article a:after {
  background-image: url("../../air_liquide_mde/img/icons/arrow-right.svg");
  background-color: var(--color-primary-highlight);
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 40px;
  transition: background-color var(--transition-cta);
}
.related-articles .article a:hover:after {
  background-color: var(--color-primary-highlight-hover);
}
.related-articles .article ul.breadcrumb li a {
  border-color: var(--color-grey);
}
.related-articles .article ul.breadcrumb li a:hover {
  background: var(--color-secondary-lighten-dark-bg);
  color: var(--color-primary-dark);
}
.related-articles .article ul.breadcrumb li a:after {
  content:none;
}

.full-article .article-cta .button:hover {
  background: var(--color-primary-highlight-hover);
}
.full-article .article-cta .button:after,
.full-article .article-cta .button:hover:after {
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
}

.full-article header h1, .full-article header .article-intro {
  padding-right: 0;
}

.article-faq .article-faq-title .icon {
  cursor: pointer;
  transition: transform 0.15s linear, background var(--transition-cta);
  background-image: url(../../air_liquide_mde/img/icons/my-academy.png);
}
.article-faq .article-faq-title .icon:hover {
  background-color: var(--color-primary-highlight-hover);
}

/* Article title */
.full-article h1 {
  font-size: 50px;
}
.full-article h2 {
  font-size: 36px;
}
.full-article h3 {
  font-size: 24px;
  line-height: 30px;
}
.full-article h4 {
  font-size: 20px;
  line-height: 28px;
}
.full-article h5 {
  font-size: 18px;
  line-height: 28px;
}
.full-article h6 {
  font-size: 16px;
  line-height: 28px;
}


/*--------------------------------------------------------------- Home page
 */

/* Banner */
.masthead .masthead-banner-inner .button {
  background: var(--color-primary-highlight);
  transition: background var(--transition-cta);
}
.masthead .masthead-banner-inner .button:hover {
  background: var(--color-primary-highlight-hover);
}
.masthead .masthead-banner-inner .button:after {
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
}
.masthead .masthead-banner-inner .button:hover:after {
  right: 18px;
  transition: initial;
}

/* You need to know about... */
.spotlights h2 {
  color: var(--color-primary-dark);
}
.spotlights article.featured h3 {
  gap: 10px;
  align-items: end;
}
.spotlights article.featured h3:after {
  flex-shrink: 0; /* prevent resize of arrow */
  background-image: url("../../air_liquide_mde/img/icons/arrow-right.svg");
  background-color: var(--color-primary-highlight);
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 40px;
  transition: background-color var(--transition-cta);
}
.spotlights article.featured:hover h3:after {
  background-color: var(--color-primary-highlight-hover);
}

/* Managing diabetes & Living Diabetes */
/* CTA view all */
.category-details a.view-all {
  background: var(--color-primary-highlight);
  transition: background var(--transition-cta);
}
.category-articles .category-details a.view-all:hover,
.category-spotlights .category-details a.view-all:hover {
  background: var(--color-primary-highlight-hover);
}
.category-articles .category-details a.view-all:after,
.category-spotlights .category-details a.view-all:after {
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
}
.category-articles .category-details a.view-all:hover:after,
.category-spotlights .category-details a.view-all:hover:after {
  right: 18px;
  transition: initial;
}

.category-articles .category-details h2,
.category-spotlights .category-details h2,
.category-articles .article-links article a:hover h3,
.category-spotlights .category-links article a:hover h3 {
  color: var(--color-primary-dark);
}
.category-articles .category-details p,
.category-spotlights .category-details p {
  color: var(--color-secondary-lighten-dark);
}
.category-articles .article-links article .image-container img,
.category-spotlights .category-links article .image-container img {
  margin: 0;
  border-radius: 0px;
}
.category-articles .article-links article a,
.category-spotlights .category-links article a {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.category-articles .article-links article h3:after,
.category-spotlights .category-links article h3:after {
  content: none;
}

.image-container {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.image-container:after {
  content: '';
  width: 40px;
  height: 40px;
  display: block;
  background-image: url("../../air_liquide_mde/img/icons/arrow-right.svg");
  background-color: var(--color-primary-highlight);
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 40px;
  transition: background-color var(--transition-cta);
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.image-container:hover:after {
  background-color: var(--color-primary-highlight-hover);
}
.image-container img {
  display: block;
  transition: transform var(--transition-zoom-in);
}
.image-container:hover img {
  transform: var(--transform-zoom-in);
}

/* Corporate */
.corporate article a.more {
  transition: background var(--transition-cta);
}
.corporate article a.more:hover {
  background: var(--color-primary-highlight-hover);
}
.corporate article a.more:after {
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
}
.corporate article a.more:hover:after {
  right: 18px;
  transition: initial;
}

/*--------------------------------------------------------------- Pop ups
 */

 .leaving-site-modal .modal-content,
 .al-modal .modal-content { 
  position: relative;
  background: var(--color-secondary-lighten-dark-bg);
  color: var(--color-primary-dark);
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}
.al-modal .modal-content {
  background: var(--color-purple-pastel);
  padding: 20px 0;
}

.leaving-site-modal .modal-content .text,
.al-modal .modal-content .text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.leaving-site-modal .modal-content .icon,
.al-modal .modal-content .icon {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: 1px solid var(--color-grey);
  display: flex;
  align-items: center;
  justify-content: center;
}
.leaving-site-modal .modal-content h2,
.al-modal .modal-content h2 {
  font-weight: 700;
  color: inherit;
  margin-bottom: initial;
}
.leaving-site-modal .modal-content p,
.al-modal .modal-content p {
  margin-bottom: initial;
}
.leaving-site-modal .modal-content .close-cta,
.al-modal .modal-content .close-cta {
  color: var(--color-primary-dark);
  text-indent: initial;
  right: initial;
  text-decoration: none;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-weight: 400;
  background: var(--color-primary-light);
  border-radius: 100%;
  border: 2px solid var(--color-secondary-lighten-dark-bg);
  transform: translate(-40%, -40%);
  width: 36px;
  height: 36px;
  font-size: 15px;
}

#floatingNewsletterCTA {
  background: var(--color-secondary-lighten-dark-bg);
  color: var(--color-primary-dark);
  width: 200px;
}
#floatingNewsletterCTA p {
  font-weight: 700;
  line-height: 1.8em;
}
#floatingNewsletterCTA a.closeCTA {
  border: 2px solid var(--color-secondary-lighten-dark-bg);
  background: var(--color-primary-light);
  color: var(--color-primary-dark);
  width: 36px;
  height: 36px;
  font-size: 15px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}
#floatingNewsletterCTA a.button {
  background: var(--color-primary-highlight);
  border-radius: 50px;
  color: var(--color-primary-dark);
  display: inline-flex;
  font-family: vinyl, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px 45px 10px 20px;
  transition: background var(--transition-cta);
  top: 50%;
  transform: translateY(-50%);
}
#floatingNewsletterCTA a.button:hover {
  background: var(--color-primary-highlight-hover);
}
#floatingNewsletterCTA a.button:after {
  content: "";
  background-image: url(../../air_liquide_mde/img/icons/arrow-right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 13px;
  position: absolute;
  width: 13px;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
}


/*--------------------------------------------------------------- For comming next CTA with text & arrow
 */

.cta-text-arrow {
  align-items: center;
  background: var(--color-primary-highlight);
  border-radius: 50px;
  color: var(--color-primary-dark);
  display: inline-flex;
  font-family: vinyl, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
  position: relative;
  text-decoration: none;
  padding: 10px 45px 10px 20px;
  transition: background var(--transition-cta);
}
.cta-text-arrow:hover {
  background: var(--color-primary-highlight-hover);
}
.cta-text-arrow:after {
  content: "";
  background-image: url(../../air_liquide_mde/img/icons/arrow-right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 13px;
  position: absolute;
  width: 13px;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
}


/*--------------------------------------------------------------- Discover content sticky button
 */

.sticky-button {
  background: var(--color-secondary-lighten-dark-bg);
}
.sticky-button:hover {
  background: #DBE7FF;
}
.sticky-button span {
  color: var(--color-primary-dark);
}

/*--------------------------------------------------------------- Page list with tags
 */
/* Card list */
.article-category__card {
  max-width: unset;
}
.article-category__card__inside {
  max-width: unset;
}
.article-category__card__inside .article-category__card__inside__img img {
  transition: var(--transition-zoom-in);
}
.article-category__card__inside:hover .article-category__card__inside__img img {
  transform: var(--transform-zoom-in);
}
.article-category__card__inside:hover .article-category__card__inside__btn {
  background: var(--color-primary-highlight-hover);
}
.article-category__card__inside:hover .article-category__card__inside__btn #arrow {
  fill: var(--color-primary-dark);
}
.article-category__container-card {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.article-category__card__inside__img {
  max-width: unset;
}
@media only screen and (min-width: 768px) {
  .article-category__card {
    min-width: unset;
  }
}
.article-category__card__inside__tag:hover {
  background: var(--color-secondary-lighten-dark-bg);
  color: var(--color-primary-dark);
  border-color: var(--color-secondary-lighten-dark-bg);
  transition: var(--transition-cta);
}
.article-category__card__inside__btn {
  width: 40px;
  height: 40px;
  background: var(--color-primary-highlight);
}

/* Title */
h1.t-title {
  color: var(--color-primary-dark);
}

/* Tags */
.article-category__container-tag  li.article-category__tag {
  transition: var(--transition-cta);
}
.article-category__container-tag  li.article-category__tag:hover {
  background: var(--color-secondary-lighten-dark-bg);
  color: var(--color-primary-dark);
  border-color: var(--color-secondary-lighten-dark-bg);
}
.article-category__container-tag  li.article-category__tag.current {
  background: var(--color-primary-dark);
}
.article-category__container-tag  li.article-category__tag.current:hover {
  background: var(--color-primary-dark);
  color: var(--color-primary-light);
}
.article-category__container-tag  li.article-category__tag a {
  font-weight: 500;
}
.article-category__container-tag  li.article-category__tag a:hover {
  color: initial;
}
.article-category__container-tag  li.article-category__tag.current a:hover {
  color: var(--color-primary-light);
}

/* Results */
.article-category .page-top .t-title,
.article-category .page-top .edit-your-answer,
.article-category .find-more .find-more-title,
.article-category .find-more .find-more-cta {
  color: var(--color-primary-dark);
}

.article-category  .article-category__card {
  display: flex;
  flex-direction: column;
  max-width: 520px;
}
.article-category  .article-category__card__inside {
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
}
.article-category .article-category__card__inside__btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  margin: 0;
}
.article-category .article-category__card__inside__btn:hover {
  width: 40px;
  height: 40px;
}



/*--------------------------------------------------------------- Footer
 */

.main-footer .footer-main {
  background: var(--color-secondary-lighten-dark-bg);
  padding: 3rem 0 5rem 0;
}
.main-footer .footer-sub {
  background: var(--color-primary-dark);
  box-shadow: unset;
}
.main-footer .footer-main nav a {
  font-weight: 700;
  color: var(--color-primary-dark);
  text-decoration: none;
}
.footer-main,
.footer-sub {
  width: 100%;
}
.footer-main .wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.footer-main .container {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}
.footer-main .col {
  display: flex;
  margin: 0;
  flex: 1;
  min-width: 200px;
}
.footer-main .nav ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.footer-main .company-img-ctn {
  width: 246px;
}
.footer-main .company-img-ctn img {
  display: block;
}

.main-footer .footer-sub .logo {
  float: none;
}

.main-footer .footer-sub nav ul {
  float: none;
}

.footer-main .col-company-about {
  font-weight: 400;
  color: var(--color-secondary-lighten-dark);
}
.footer-main .col-company-about p {
  margin: 0;
}
.main-footer .footer-main nav a:hover {
  color: var(--color-primary-dark);
}
.main-footer .footer-main ul.social li.title {
  color: var(--color-primary-dark);
  font-weight: 700;
}

.footer-main .social {
  display: flex;
  flex-wrap: wrap;
}
.footer-main .social li {
  margin-right: 20px;
}
.footer-main .social li:hover a {
  background-color: var(--color-secondary-lighten-dark);
}
.footer-main .social li:last-child {
  margin-right: 0;
}
.footer-main .social a {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  flex-direction: column;
  background-color: var(--color-primary-dark);
  background-size: 16px;
  transition: background-color var(--transition-cta);
  border-radius: 50px;
}
.footer-main .social .title {
  width: 100%;
  margin-bottom: 1rem;
}

.main-footer .footer-main ul.social li.instagram a {
  background-image: url(../../air_liquide_mde/img/icons/instagram.svg);
}

@media screen and (max-width: 768px) {
  .footer-main .col {
    min-width: 150px;
  }
  .footer-main .col-company-about {
    flex-basis: 100%;
  }
  .footer-main .col-social {
    flex-basis: 100%;
  }
  .footer-main .container {
    gap: 2rem;
  }
}
@media screen and (max-width: 750px) {
  .main-footer .footer-main {
    text-align: initial;
  }

  .main-footer .footer-main nav ul,
  .main-footer .footer-main ul.social {
    margin-left: 0;
  }

  .main-footer .footer-main nav li {
    margin-bottom: 0;
  }
}

.main-footer .footer-sub .disclaimer {
  text-align: left;
  grid-template: auto / auto 70%;
  margin-bottom: 40px;
}

@media screen and (max-width: 750px) {
  .main-footer .footer-sub .disclaimer {
    grid-template: auto / auto ;
  }
}

.footer-sub-info {
  margin-top: 60px;
  display: flex;
  color: #FFFFFF;
  opacity: .3;
}

.more {
  align-items: center;
  background: #ffd439;
  border-radius: 50px;
  color: #1a3461 !important;
  display: inline-flex !important;
  font-family: vinyl, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
  transition-duration: .3s;
  position: relative;
  text-decoration: none;
  border: 0;
  padding: 10px 45px 10px 20px;
}

.more:hover {
  color: #1a3461 !important;
  background: var(--color-primary-highlight-hover);
}

.more:after {
  background-image: url('../../air_liquide_mde/img/icons/arrow-right.svg');
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 13px;
  position: absolute;
  right: 15px;
  top: 13px;
  width: 13px;
  transition: all .3s ease-in-out;
}

.more:hover:after {
  right: 10px;
  transition: all .3s ease-in-out;
}

.footer-sub-col {
  display: flex;
  align-content: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

@media screen and (max-width: 750px) {
  .footer-sub-col {
    display: flex;
    flex-direction: column;
  }
}

.footer-sub-col p {
  margin-bottom: 0;
  max-width: 450px;
}

.footer-sub-col .footer-dislaimer p {
  margin-bottom: 20px;
  max-width: 900px;
}

@media screen and (max-width: 750px) {
  .footer-sub-col p {
    max-width: 100%;
    margin-bottom: 20px;
  }
}

.footer-sub-col .footer-sub-link a {
  text-decoration: none;
}

.footer-sub-col .footer-sub-link a:hover {
  color: #FFFFFF;
}

@media screen and (min-width: 750px) {
  .footer-sub-col .footer-sub-link {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 20px;
    grid-column-gap: 100px;
    text-align: left !important;
  }
}

/*--------------------------------------------------------------- Formulaire
 */

.form-box{
  color:var(--color-primary-dark);
  background:#F3F4FF;
}

.form-item label,
.form-wrapper label{
  font-size:16px;
  color:var(--color-primary-dark);
}

.form-item label.form-required:after{
  content:" *";
  color:#8062D4;
}

.form-item .form-text,
.form-item .form-email,
.form-item .form-tel,
.form-item .form-date,
.form-item .form-select,
.form-item .form-textarea {
  font-size:16px;
  height: 60px;
  border:1px solid #D7DEDE;
}

.form-item .form-text.error,
.form-item .form-email.error,
.form-item .form-tel.error,
.form-item .form-date.error,
.form-item .form-select.error,
.form-item .form-textarea.error{
  border: 1px solid #FF7171;
}

.form-item .form-item--error-message, .captcha .form-item--error-message, .g-recaptcha .form-item--error-message, .captcha-message.form-item--error-message {
  color: #FF7171;
  font-size: smaller;
}

.form-item select.form-select{
  background:#fff url(../../air_liquide_mde/img/arrow-select.svg) right 15px top 50% no-repeat;
  padding-right: 70px;
  overflow:hidden; 
  white-space:nowrap; 
  text-overflow:ellipsis;
}

.form-item label.button{
  font-size:16px;
  font-weight:700;
  text-transform: uppercase;
  font-style: oblique;
  color:var(--color-primary-dark);
  border:1px dashed var(--color-primary-dark);
  background:transparent;
}

.description .webform-element-description {
  font-size: 15px;
}

.form-item label.button:hover,
.form-item label.button:focus{
  color:var(--color-primary-dark);
  background:transparent;
}

.js-form-type-checkbox .form-checkbox{
  border:1px solid #D7DEDE;
}

.js-form-type-checkbox input.form-checkbox:checked:after{
  background:var(--color-primary-dark);
}


.webform-actions {
  align-items: center;
  background: #ffd439;
  border-radius: 50px;
  color: var(--color-primary-dark);
  width: max-content;
  transition-duration: .3s;
  position: relative;
  text-decoration: none;
  border: 0;
  padding: 10px 45px 10px 20px;
}

.webform-actions .webform-button--submit {
  padding: 0 6px;
  background: transparent;
  font-size: 18px;
  text-transform: uppercase;
  font-style: italic;
  font-weight: 400;
  line-height: 18px;
  font-family: vinyl, sans-serif;
  color: var(--color-primary-dark);
}

.webform-actions:after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  height: 13px;
  width: 13px;
  background: url(../../air_liquide_mde/img/icons/arrow-right.svg) no-repeat;
  background-size: contain;
  transition: all .3s ease-in-out;
}

.webform-actions:hover{
  color:var(--color-primary-dark);
  background: var(--color-primary-highlight-hover);
}

.g-recaptcha.recaptcha-processed {
  margin-bottom: 20px;
}

.al_qualif.discovering_content .form-actions.js-form-wrapper.form-wrapper:after {
  display: none;
}

.al_qualif.discovering_content .form-actions.js-form-wrapper.form-wrapper {
  background: transparent;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}

.form-actions.js-form-wrapper.form-wrapper {
  align-items: center;
  background: #ffd439;
  border-radius: 50px;
  color: var(--color-primary-dark);
  width: max-content;
  transition-duration: .3s;
  position: relative;
  text-decoration: none;
  border: 0;
  padding: 10px 45px 10px 20px;
}

.form-actions.js-form-wrapper.form-wrapper:after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  height: 13px;
  width: 13px;
  background: url(../../air_liquide_mde/img/icons/arrow-right.svg) no-repeat;
  background-size: contain;
  transition: all .3s ease-in-out;
}

.form-actions.js-form-wrapper.form-wrapper:hover {
  color:var(--color-primary-dark);
  background: var(--color-primary-highlight-hover);
}

.form-actions.js-form-wrapper.form-wrapper input {
  padding: 0 6px;
  background: transparent;
  font-size: 18px;
  text-transform: uppercase;
  font-style: italic;
  font-weight: 400;
  line-height: 18px;
  font-family: vinyl, sans-serif;
  color: var(--color-primary-dark);
}

.simplesamlphp-auth-login-link {
  display: block;
}

/*--------------------------------------------------------------- Page article product full
 */

.article-product-full img {
  border-radius: 20px;
}

.article-product-full .page-builder ul,
.paragraph--type--text-wysiwyg ul{
  list-style: none;
  margin-left: 20px;
}

.article-product-full .page-builder ul li::before,
.paragraph--type--text-wysiwyg ul li::before{
  content: "•";
  color: #F46BAE;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.article-product-full .paragraph--type--testimonials {
  margin-bottom: 100px;
}

.breadcrumb ul li::before,
.local-tasks li::before {
  display: none;
}

.article-product-full h1 {
  font-weight: 700;
}

.article-product-full h1,
.article-product-full h2,
.article-product-full h3 {
  color: var(--color-primary-dark);
}

.article-product-full .page-builder .bloc-download-documentation h2 {
  color: var(--color-secondary-second);
}

.article-product-full .bloc-contact__container h3 {
  color: var(--color-primary-light);
}

.paragraph--type--webform .webform-submission-form .form-actions.js-form-wrapper.form-wrapper {
  background: transparent;
  border-radius: 0;
  padding: 0;
}
.paragraph--type--webform .webform-submission-form .form-actions.js-form-wrapper.form-wrapper:after {
  display: none;
}

.paragraph--type--webform .webform-submission-form .form-actions.js-form-wrapper.form-wrapper input{
  align-items: center;
  background-color: #ffd439;
  border-radius: 50px;
  color: var(--color-primary-dark);
  width: max-content;
  transition-duration: .3s;
  position: relative;
  text-decoration: none;
  border: 0;
  padding: 13px 43px 13px 20px;
  background-image: url(../../air_liquide_mde/img/icons/arrow-right.svg);
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: calc(100% - 18px) center;
  font-style: initial;
}

.paragraph--type--webform .webform-submission-form .form-actions.js-form-wrapper.form-wrapper input.webform-button--previous{
  background-position: 18px center;
  margin-right: 10px;
  padding: 13px 20px 13px 43px;
  background-image: url(../../air_liquide_mde/img/icons/arrow-left.svg);
}

.paragraph--type--webform .webform-submission-form .form-actions.js-form-wrapper.form-wrapper input:hover {
  color:var(--color-primary-dark);
  background-color: var(--color-primary-highlight-hover);
}