/* couleurs */
/* MARGE */
/* Width */
/* responsive */
/* responsive */
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap");
/* line 2, _partials/_font.scss */
body {
  font-family: 'Quicksand', sans-serif;
}

/* line 3, _partials/_general.scss */
body {
  background-color: #221e1f;
}
/* line 7, _partials/_general.scss */
body:not(.logged-in) .site-header + .elementor {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

/* line 16, _partials/_general.scss */
a {
  color: #221e1f;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/* line 19, _partials/_general.scss */
a:hover, a:focus {
  color: #ff8100;
}

/* line 25, _partials/_general.scss */
.form-card {
  padding: 0 1rem;
  border-radius: 10px;
  color: #221e1f;
}
/* line 30, _partials/_general.scss */
.form-card label {
  margin-bottom: 1rem;
  font-weight: bold;
  color: #fff;
}
/* line 35, _partials/_general.scss */
.form-card input[type=date], .form-card input[type=email], .form-card input[type=number],
.form-card input[type=password], .form-card input[type=search],
.form-card input[type=tel], .form-card input[type=text], .form-card input[type=url], .form-card select, .form-card textarea {
  border: none;
  background-color: #f2f2f2;
  border-radius: 10px;
  text-align: center;
}
/* line 43, _partials/_general.scss */
.form-card [type=button], .form-card [type=submit], .form-card button {
  border-color: #ff8100;
  background-color: #ff8100;
  color: #fff;
  padding: .5rem 1rem;
  border-radius: 10px / 25%;
  font-weight: bold;
  width: 100%;
}

/* line 55, _partials/_general.scss */
#logout {
  position: fixed;
  left: 1.25rem;
  bottom: 4.5rem;
  z-index: 10;
}
/* line 60, _partials/_general.scss */
#logout a {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 0.5rem;
  background-color: #ff8100;
  border-radius: 100rem;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
/* line 68, _partials/_general.scss */
#logout a svg {
  display: block;
  width: 25px;
  height: 25px;
  fill: #fff;
}

/* line 78, _partials/_general.scss */
#loginform {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
/* line 82, _partials/_general.scss */
#loginform .site-logo {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
}
/* line 86, _partials/_general.scss */
#loginform .site-logo > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  max-width: 100px;
}
/* line 93, _partials/_general.scss */
#loginform .site-logo > a {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 350px;
}

/* line 101, _partials/_general.scss */
#login-form {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
}
/* line 105, _partials/_general.scss */
#login-form .login-username {
  width: 100%;
  -webkit-box-ordinal-group: 2;
          order: 1;
}
/* line 108, _partials/_general.scss */
#login-form .login-username label {
  display: none;
}
/* line 112, _partials/_general.scss */
#login-form .login-password {
  width: 100%;
  -webkit-box-ordinal-group: 3;
          order: 2;
}
/* line 115, _partials/_general.scss */
#login-form .login-password label {
  display: none;
}
/* line 119, _partials/_general.scss */
#login-form .login-submit {
  -webkit-box-ordinal-group: 4;
          order: 3;
  margin-top: 1rem;
  width: 100%;
  text-align: center;
}
/* line 125, _partials/_general.scss */
#login-form .login-remember {
  width: 50%;
  -webkit-box-ordinal-group: 5;
          order: 4;
  font-size: .8rem;
}
/* line 129, _partials/_general.scss */
#login-form .login-remember label {
  font-weight: normal;
  margin: 0;
}
/* line 134, _partials/_general.scss */
#login-form .login-forgotpwd {
  width: 50%;
  -webkit-box-ordinal-group: 6;
          order: 5;
  font-size: .8rem;
}

/* line 141, _partials/_general.scss */
.login-forgotpwd {
  text-align: right;
}
/* line 143, _partials/_general.scss */
.login-forgotpwd a.btn-forgot-pwd {
  color: #fff;
}

/* line 148, _partials/_general.scss */
.login-remember {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
}
/* line 151, _partials/_general.scss */
.login-remember > label {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}
/* line 157, _partials/_general.scss */
.login-remember input {
  opacity: 0;
  width: 0;
  height: 0;
}
/* line 161, _partials/_general.scss */
.login-remember input:checked + .slider:before {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}
/* line 165, _partials/_general.scss */
.login-remember > span.label {
  display: inline-block;
  margin-right: 0.5rem;
  color: #fff;
  cursor: pointer;
}
/* line 171, _partials/_general.scss */
.login-remember .slider.round {
  border-radius: 17px;
}
/* line 174, _partials/_general.scss */
.login-remember .slider:before {
  height: 12px;
  width: 12px;
  bottom: 3px;
}

/* line 182, _partials/_general.scss */
#filter-bar {
  background: none;
}

/* line 187, _partials/_general.scss */
#product-filter > h1 {
  margin-top: 0;
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
}
/* line 194, _partials/_general.scss */
#product-filter > p {
  color: #fff;
  text-align: center;
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  /* line 199, _partials/_general.scss */
  #product-filter input[type="submit"] {
    display: block;
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 150px;
  }
}
/* line 208, _partials/_general.scss */
#product-filter .filters {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
/* line 212, _partials/_general.scss */
#product-filter .form-group {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 1rem;
  padding: .5rem 1rem;
  background: #393536;
  border-radius: 15px / 25%;
  width: 100%;
}
@media screen and (min-width: 768px) {
  /* line 212, _partials/_general.scss */
  #product-filter .form-group {
    width: calc(100%/2 - 1rem);
    margin-right: 1rem;
  }
}
@media screen and (min-width: 991px) {
  /* line 212, _partials/_general.scss */
  #product-filter .form-group {
    width: calc(100%/3 - 1rem);
  }
}
/* line 227, _partials/_general.scss */
#product-filter .form-group.optionnal-ah {
  display: none;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  margin-bottom: 0;
  padding: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/* line 235, _partials/_general.scss */
#product-filter .form-group.optionnal-ah.visible {
  display: -webkit-box;
  display: flex;
  opacity: 1;
  max-height: 100%;
  margin-bottom: 1rem;
  padding: .5rem 1rem;
}
/* line 245, _partials/_general.scss */
#product-filter .form-group#group-not-have-lipide:not(.visible), #product-filter .form-group#group-have-lipide:not(.visible) {
  display: none;
}
/* line 249, _partials/_general.scss */
#product-filter .form-group span.label {
  -webkit-box-flex: 1;
          flex: 1;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}
/* line 255, _partials/_general.scss */
#product-filter .form-group .switch {
  margin: 0 0 0 10px;
}

/* line 262, _partials/_general.scss */
#products-results {
  margin-top: 2rem;
  padding: 1rem;
  border-radius: 10px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/* line 267, _partials/_general.scss */
#products-results .result-heading {
  margin-bottom: 2rem;
  margin-top: 0;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
}
/* line 275, _partials/_general.scss */
#products-results .nothing-found {
  color: #fff;
}

/* line 280, _partials/_general.scss */
.products-gridlist {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  row-gap: 1rem;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
@media screen and (min-width: 768px) {
  /* line 280, _partials/_general.scss */
  .products-gridlist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  /* line 280, _partials/_general.scss */
  .products-gridlist {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/* line 293, _partials/_general.scss */
.products-gridlist.order-horus > div {
  -webkit-box-ordinal-group: 3;
          order: 2;
}
/* line 295, _partials/_general.scss */
.products-gridlist.order-horus > div[data-brand="Horus Pharma"] {
  -webkit-box-ordinal-group: 2;
          order: 1;
}
/* line 300, _partials/_general.scss */
.products-gridlist .product-item {
  padding: .7rem;
  background-color: #ff8100;
  color: #fff;
  border-radius: 15px;
  text-align: center;
}
/* line 306, _partials/_general.scss */
.products-gridlist .product-item h3 {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
}
/* line 313, _partials/_general.scss */
.products-gridlist .product-item p {
  margin-bottom: 0;
  line-height: 1;
}

/* The switch - the box around the slider */
/* line 321, _partials/_general.scss */
.switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 30px;
}
/* line 326, _partials/_general.scss */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
/* line 333, _partials/_general.scss */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #5a4231;
  -webkit-transition: .4s;
  transition: .4s;
}
/* line 343, _partials/_general.scss */
.slider.round {
  border-radius: 30px;
}
/* line 345, _partials/_general.scss */
.slider.round:before {
  border-radius: 50%;
}
/* line 349, _partials/_general.scss */
.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}

/* line 362, _partials/_general.scss */
input:checked + .slider {
  background-color: #1c5ead;
}

/* line 366, _partials/_general.scss */
input:focus + .slider {
  box-shadow: 0 0 1px #1c5ead;
}

/* line 370, _partials/_general.scss */
input:checked + .slider:before {
  -webkit-transform: translateX(24px);
          transform: translateX(24px);
}

/* line 374, _partials/_general.scss */
#contact-lenses-infos {
  margin-top: 4rem;
  color: #fff;
  font-style: italic;
}

/* line 382, _partials/_general.scss */
.ordering-bar {
  margin-bottom: 1rem;
}

/* line 385, _partials/_general.scss */
.ordering-button {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 0.5rem;
  border: 2px solid #1c5ead;
  background-color: transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/* line 393, _partials/_general.scss */
.ordering-button:hover, .ordering-button:focus {
  background-color: #1c5ead;
  outline: none;
}
/* line 398, _partials/_general.scss */
.ordering-button svg {
  height: 15px;
  width: 15px;
}
/* line 402, _partials/_general.scss */
.ordering-button.active {
  background-color: #1c5ead;
}

/* line 3, _partials/_header.scss */
#site-header {
  display: block;
  margin-bottom: 1rem;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/* line 8, _partials/_header.scss */
.logged-in #site-header {
  opacity: 1;
}
/* line 11, _partials/_header.scss */
#site-header .site-branding {
  max-width: 100%;
}
/* line 13, _partials/_header.scss */
#site-header .site-branding .site-logo {
  margin-left: auto;
  margin-right: auto;
}
/* line 16, _partials/_header.scss */
#site-header .site-branding .site-logo > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  max-width: 100px;
}
/* line 23, _partials/_header.scss */
#site-header .site-branding .site-logo > a {
  display: block;
  max-width: 350px;
}

/* line 3, _partials/_footer.scss */
.site-footer {
  padding: 1rem;
}
/* line 6, _partials/_footer.scss */
.site-footer .footer-inner {
  max-width: 100%;
  -webkit-box-pack: center;
          justify-content: center;
}
/* line 10, _partials/_footer.scss */
.site-footer a {
  color: #c2bdbe;
}
/* line 15, _partials/_footer.scss */
.site-footer .menu > .menu-item + .menu-item {
  position: relative;
  padding-left: 10px;
}
/* line 18, _partials/_footer.scss */
.site-footer .menu > .menu-item + .menu-item:before {
  content: '-';
  color: #c2bdbe;
  display: inline;
  position: absolute;
  left: 0;
  top: 50%;
  line-height: 0;
}

/* line 13, last.scss */
.packs {
  display: grid;
  row-gap: 4em;
  -webkit-column-gap: 4em;
     -moz-column-gap: 4em;
          column-gap: 4em;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media screen and (min-width: 768px) {
  /* line 13, last.scss */
  .packs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* line 23, last.scss */
.single-pack {
  padding: 2rem;
  border-radius: 10px;
  background: #F7FBFF;
}
/* line 27, last.scss */
.single-pack .pack-title {
  font-size: 1.5rem;
  margin-bottom: 2rem;
}
/* line 32, last.scss */
.single-pack .short-desc-pack .duree {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  color: #00558F;
  font-family: 'Roboto';
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  text-align: left;
}
/* line 41, last.scss */
.single-pack .short-desc-pack .duree:before {
  content: '';
  display: -webkit-inline-box;
  display: inline-flex;
  width: 2.97625rem;
  height: 2.97625rem;
  background: url("/wp-content/themes/conversion/assets/img/picto-time.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.5rem;
}
/* line 56, last.scss */
.single-pack .pack-content {
  margin-top: 1rem;
}
/* line 58, last.scss */
.single-pack .pack-content ul {
  margin-top: 0;
  padding: 0;
  font-size: 14px;
  text-align: left;
}
/* line 63, last.scss */
.single-pack .pack-content ul:before {
  display: none;
}
/* line 66, last.scss */
.single-pack .pack-content ul span {
  font-weight: bold;
  color: #068799;
}
/* line 72, last.scss */
.single-pack .pack-price {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
/* line 76, last.scss */
.single-pack .pack-actions {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center;
}
/* line 80, last.scss */
.single-pack .pack-actions > a {
  margin: 0.5rem;
}