/*
 Theme Name:   Vitanutrics - THEME
 Theme URI:    https://we-june.com
 Description:  Template pour Vitanutrics
 Author:       WE JUNE Agency
 Author URI:   https://we-june.com
 Version:      1.0.0
*/

@import url('assets/css/custom-style.css');

:root {
   --primary: #79b827;
   --secondary: #d70428;
   --tertiary: #158C2E;
   --tertiary-dark: #00632f;
   --light: #dddddd;
   --dark: #1f1f1f;
   --white: #ffffff;
}


input {
   -webkit-user-select: auto !important;
   user-select: auto !important;
}

/* BLOG + ESPACE PRO */
img.avatar-bulle {
   max-width: 50px;
   margin-right: 5px;
}


html {
   scroll-padding-top: 200px;
}


a {
   font-weight: bold;
}

body.home main#content {
   margin-top: 0 !important
}

.wp-block-button__link {
   border-radius: 5px !important;
}

.wp-block-embed iframe {
   min-width: 100%;
}

.crop-text-1 {
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.crop-text-2 {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.line-title {
   position: relative;
}

.um-account-side .um-account-profile-link {
   display: none;
}


@media screen and (max-width: 768px) {
   .line-title {
      text-align: center;
   }
}

@media screen and (min-width: 769px) {
   .line-title:after {
      content: '';
      display: block;
      height: 2px;
      width: 80%;
      background: var(--dark);
      position: absolute;
      right: 0;
      top: 10px;
   }

   body.home .line-title:after {
      width: 70%;
   }
}

#copyright * {
   color: var(--dark) !important;
}

.vita-flower {
   position: relative;
}

.vita-flower:after {
   content: '';
   display: block;
   background: url('assets/img/logo-icon.png') no-repeat center center / contain;
   height: 110px;
   width: 150px;
   position: absolute;
   right: 5%;
   bottom: -25px;
}

/* nav */
#navigation-secondary ul,
#navigation-secondary li {
   list-style: none;
   display: inline-block;
   font-size: 0.75rem;
}

#navigation-secondary i {
   font-size: 1.25rem;
}

#navigation-secondary .btn a {
   color: var(--white) !important;
}

/* HOME */
.bg-shop {
   background: url('/wp-content/uploads/2021/11/vitanutrics-accueil-couple-ete.jpg') no-repeat top right / cover;
   padding: 75px 0;
}

body.home #newsletters * {
   text-align: center !important;
}

body.home #newsletters ._form-title {
   text-transform: uppercase !important;
   color: var(--tertiary) !important;
   font-size: 1.5rem !important;
   margin-bottom: 2rem !important;
}

body.home #newsletters ._html-code {
   margin-bottom: 2rem !important;
}

body.home #newsletters form input {
   width: initial !important;
}

/* EQUIPE */
.card-img-overlay {
   top: initial;
   background: linear-gradient(rgba(255, 255, 255, 0), #ffffff 55%);
}

.post-type-archive-equipe h1 {
   text-align: center;
}

.single-equipe h1 {
   display: none;
}

/* vignette BLOG */
span.details-single-post {
   font-weight: bold;
   border-bottom: 2px solid var(--tertiary);
}

.post-categories {
   padding: 0;
   position: absolute;
   left: 15px;
}

.post-categories li:before {
   content: none !important;
}

.post-categories a {
   background: var(--tertiary);
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   border-radius: 0.25rem;
   color: var(--white) !important;
}

.post-categories a:hover {
   color: var(--white) !important;
   opacity: 0.7;
}

/* Pagination BLOG */
.wp-pagenavi {
   display: flex;
   justify-content: center;
}

.wp-pagenavi span,
.wp-pagenavi a {
   margin: 0 10px;
   color: var(--primary) !important;
   border: none !important;
}

.wp-pagenavi span.current,
.wp-pagenavi a:hover {
   color: var(--secondary) !important;
}

.wp-pagenavi span.pages,
.wp-pagenavi a.first,
.wp-pagenavi a.last {
   display: none;
}

/* Ultimate Members */
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus {
   background: var(--secondary) !important;
}

.um input[type=submit].um-button:hover {
   opacity: .8;
}

/* BOUTON : pro ou presse */
.btn-group-or>.btn:first-child {
   padding-right: 1.2rem;
}

.btn-group-or>.btn:last-child {
   padding-left: 1.2rem;
}

.btn-group-or .or {
   position: relative;
   width: .3rem;
   height: 2.5rem;
   z-index: 3;
}

.btn-group-or .or:before {
   position: absolute;
   text-align: center;
   border-radius: 50%;
   content: 'or';
   top: 50%;
   left: 50%;
   background-color: #fff;
   margin-top: -1rem;
   margin-left: -1rem;
   width: 2rem;
   height: 2rem;
   line-height: 1.8rem;
   color: #868e96;
}

/* CONTACT FORM 7 */
form.wpcf7-form {
   padding: 35px;
   border: 2px solid var(--primary);
}

form.search-form-error input[type="search"] {
   width: 50% !important;
}

form.search-form-error button[type="submit"] {
   width: initial !important;
}

/* RESPONSIVE */
@media screen AND (max-width: 768px) {
   #logo {
      max-height: 75px !important;
   }

   .btn-shop {
      display: block;
      text-align: center !important;
   }

   form.search-form {
      text-align: right;
      margin: 20px 0;
   }
}

@media screen AND (max-width: 440px) {
   .bg-shop {
      background-position: top center;
   }

   .btn-espace-pro {
      margin: 25px 0 !important;
   }

   .card-img-overlay h4 {
      font-size: 0.9rem;
   }

   .card-img-overlay h6 {
      font-size: 0.7rem;
   }
}

#espace-pro form.search-form input,
#espace-pro form.search-form input::placeholder {
   font-size: initial !important;
}

/* COOKIEBOT */
#CybotCookiebotDialogHeader {
   display: none !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
   background-color: #79b827 !important;
   border-color: #79b827 !important;
   color: #ffffff;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
   border-color: #79b827 !important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
   color: #79b827 !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
   border: 2px solid #79b827 !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
   border-bottom: 1px solid #79b827 !important;
   color: #79b827 !important;
}

#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
   background-color: #79b827 !important;
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for="CybotCookiebotDialogBodyLevelButtonNecessary"]) .CybotCookiebotDialogBodyLevelButtonDescription:hover {
   color: #79b827 !important;
}

.wp-block-gallery.columns-8 ul li.blocks-gallery-item {
   margin-right: 1em !important;
}

.wp-block-gallery.columns-8 ul li.blocks-gallery-item::before {
   content: none !important;
}

#content form._form input,
#content form._form textarea,
#content form._form select {
   width: initial !important
}

div#fiches-technique a {
   overflow: hidden;
   max-height: 395px;
}

.evcal_month_line {
   margin: 2rem 0 1rem;
}

.evcal_month_line p {
   font-weight: 100 !important;
}

body.single-produits li.nav-item:before {
   content: none !important;
}

body.single-produits li.nav-item button {
   background: none !important;
   border: none !important;
   font-weight: bold;
   text-transform: uppercase;
   color: #cccccc;
}

body.single-produits li.nav-item button.active {
   color: #79b827;
}

body.single-produits .nav-comp li button.active {
   color: #158C2E;
}

body.single-produits h1 {
   visibility: hidden;
}

aside#sidebar ul#menu-menu-produits li.menu-item.menu-item-has-children>a,
aside#sidebar ul#menu-menu-produits li.menu-item.menu-item-has-children:before {
   color: #000000;
   content: '';
}

aside#sidebar ul#menu-menu-produits {
   padding-left: 0 !important;
}

.badge-cat a {
   padding: 10px;
   background: #158C2E;
   color: white;
}

/* ORDONNANCES */

#quantite-produit {
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
}

#quantite-produit input[type="number"] {
   width: 60px !important;
   max-height: 35px;
}

#quantite-produit span.btn-quantity-icons.btn-decr {
   order: -1;
}

#quantite-produit .btn-quantity-icons {
   border-radius: 100%;
   background: #158C2E;
   color: white;
   font-weight: bold;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   height: 30px;
   width: 35px;
   margin: 5px 5px 10px;
   cursor: pointer;
}

@media screen and (max-width: 576px) {
   #quantite-produit .btn-quantity-icons {
      height: 32.5px;
   }
}

.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover {
   background: var(--tertiary) !important;
}

.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
   background: var(--primary) !important;
}

.picker__box select.picker__select--year {
   width: auto !important;
}

input.um-do-search.um-button {
   background: var(--secondary);
}

input.um-do-search.um-button:hover {
   opacity: 0.7;
}

ul#suggestions li::before {
   content: none !important;
}

ul#suggestions li {
   padding: 0.5em 1em;
   cursor: pointer;
   border-bottom: dotted #ced4da 1px;
}

ul#suggestions li:last-child {
   border: none;
}

ul#suggestions {
   border: 1px solid #ced4da;
   padding: 0;
}

.table-com {
   width: 100%;
}

.table-com td {
   padding: .5em;
}

/*COMMISSIONS*/

#content-pro thead.thead-dark {
   line-height: 4em;
   border-bottom: 1px solid #dee2e6;
}

#content-pro tbody tr {
   line-height: 2em;
}

article#alert {
   text-align: left;
}