/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/

/* device-xxs */
/* @media (max-width: 479px) { */

/* device-xs */
/* @media (min-width: 480px) and (max-width: 767px) { */

/* device-sm */
/* @media (min-width: 768px) and (max-width: 991px) { */

/* device-md */
/* @media (min-width: 992px) and (max-width: 1199px) { */

/* device-lg */
/* @media (min-width: 1200px) { */

/*




body, 
h1, h2, h3, h4, h5, h6,
.table, 
.cart th {
  color: var(--body-text-color);
}

a:hover {
  color: var(--content-links-hover-color);
}

#wrapper {
  min-height: 100%;
}



*/

/*
#header #primary-menu ul li.current>a {
  color: var(--primary-color);
}
*/

/********************************************************/
/*                      THEMING                         */
/********************************************************/

body {
  background-color: var(--body-background-color);
  color: var(--body-text-color);
}

.dark.white, .dark.white h1, .dark.white h2, .dark.white h3, .dark.white h4, .dark.white h5, .dark.white h6 {
  color: #333;
}

/********************************************************/
/*                      HEADER                          */
/********************************************************/

/* We ensure that the header has shadow on all viewports (as removed in smaller ones by default */
@media (max-width: 991.8px) {
  .sticky-header #header-wrap {
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  }
}

/* We set some default padding to have smaller logo and have it animated when updated */
#logo img {
  padding-top:5px;
  padding-bottom:5px;

  -webkit-transition: height .4s ease, padding .4s ease, opacity .3s ease;
	-o-transition: height .4s ease, padding .4s ease, opacity .3s ease;
	transition: height .4s ease, padding .4s ease, opacity .3s ease;
}

/* We ensure language selector links have the right color */
.language-selector ul.dropdown-menu a:hover { 
  color: var(--header-links-hover-color) !important; 
}

/* We ensure that the mobile menu trigger has the right color */
#primary-menu-trigger .svg-trigger path {
  stroke: var(--header-links-color);
}
#header.dark #primary-menu-trigger .svg-trigger path {
  stroke: var(--header-dark-links-color);
}

/* We ensure that header has the right background */
#header:not(.dark), #header:not(.dark) #header-wrap {
  background-color: var(--header-background-color);
  border-color: var(--header-border-color)!important;
}

/* We ensure that header has the right background in dark */
#header.dark, #header.dark #header-wrap {
  background-color: var(--header-dark-background-color);
}

/* We ensure header header links, top cart icon and language selector link have the right color */
#header:not(.dark) .primary-menu > ul.menu-container .menu-item:not(:hover):not(.current) .menu-link,
#header:not(.dark) #top-cart.header-misc-icon > a,
#header:not(.dark) .language-selector .menu-link,
#header.dark:has(+ .slider-swiper .swiper-slide-active.white)  .primary-menu > ul.menu-container .menu-item:not(:hover):not(.current) .menu-link {
  color: var(--header-links-color);
}

#header:not(.dark) .primary-menu > ul.menu-container .menu-item:hover .menu-link,
#header:not(.dark) #top-cart.header-misc-icon > a:hover,
#header.dark:has(+ .slider-swiper .swiper-slide-active.white)  .primary-menu > ul.menu-container .menu-item:hover .menu-link {
  color: var(--header-links-hover-color);
}

#header:not(.dark) .primary-menu > ul.menu-container .menu-item.current .menu-link,
#header.dark:has(+ .slider-swiper .swiper-slide-active.white) .primary-menu > ul.menu-container .menu-item.current .menu-link {
  color: var(--header-links-active-color);
}

/* We ensure header header links, top cart icon and language selector link have the right color */
#header.dark .primary-menu > ul.menu-container .menu-item:not(:hover):not(.current) .menu-link,
#header.dark #top-cart.header-misc-icon > a,
#header.dark .language-selector .menu-link {
  color: var(--header-dark-links-color);
}

#header.dark .primary-menu > ul.menu-container .menu-item:hover .menu-link,
#header.dark #top-cart.header-misc-icon > a:hover {
  color: var(--header-dark-links-hover-color);
}

#header.dark .primary-menu > ul.menu-container .menu-item.current .menu-link {
  color: var(--header-dark-links-active-color);
}

/* 
  We put a reduced padding top and bottom to ensure dropdown is well aligned with menu 
  It is applied on both top cart icon and language selector icon
*/
.language-selector .menu-link,
#top-cart.header-misc-icon {
  padding: 37px 15px;
}

/* We add some space on the right of the menu and right of language selector */
#header.full-header .primary-menu > ul.menu-container,
#header.full-header .header-misc {
  border-right:0px;
  margin-right:50px;
}

/* For size above shrinked header without menu links */
@media (min-width: 992px) {

  #header.transparent-header.full-header.dark,
  #header.transparent-header.full-header.dark #header-wrap,
  #header.transparent-header.full-header.dark #logo  {
    border-color: transparent;
  }

  /* We reduce the padding when header is shrink */
  #header.sticky-header.sticky-header-shrink #logo img { 
    padding-top:0px;
    padding-bottom:0px;
  }

  /* We need to ensure that top cart icon and language selector icon shrink as well as the menu */
  .sticky-header-shrink .language-selector .menu-link,
  .sticky-header-shrink #top-cart.header-misc-icon {
    padding-top: 17px;
    padding-bottom: 17px; 
  }

}

@media all and (max-width: 1250px) {
  /* We reduce the margin on the right of the menu and right of language selector */
  #header.full-header .primary-menu > ul.menu-container,
  #header.full-header .header-misc {
    margin: 0px 10px;
  }
}

@media all and (max-width: 1200px) {
  /* We reduce logo padding to shrink header */
  #logo img {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  /* We reduce header and logo height padding to shrink header */
  #logo img {
    height:80px;
  }
}

@media all and (max-width: 1100px) {
  /* We reduce logo padding to shrink header */
  #logo img {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  /* We reduce header and logo height padding to shrink header */
  /* #header, #header-wrap, #header .header-wrap-clone, */
  /* 
    Reducing the logo height should be enough as we should 
    have items in the header expected to be reduced and not the header itself 
  */
  #logo img {
    height:60px;
  }

  /* We add the border usually added for shrink header */
  #header-wrap {
    border-bottom: 1px solid #EEE;
  }

  /* We reduce menu link padding to shrink header */
  .menu-link {
    padding-top: 19px;
    padding-bottom: 19px; 
  }

  /* We reduce top cart icon and language selector icon padding to shrink header */
  .language-selector .menu-link,
  #top-cart.header-misc-icon {
    padding-top: 18px;
    padding-bottom: 18px; 
  }

  /* We reduce the padding on the right of the links */
  #header.full-header .primary-menu > ul.menu-container {
    padding-right:0px;
  }

  /* We reduce the margin on left and right of language selector + top cart */
  #header.full-header .header-misc {
    margin: 0px;
  }
}

@media (max-width: 991px) {
  /* We ensure that the header is not sticky on mobile view */
  /* The webkit transform must be overriden to avoid cart staying on top of the page and possibility to scroll to the right and see the cart when closed */
  #header.sticky-header #header-wrap {
    position: relative;
    -webkit-transform: none;
  }

  /* We reduce margin to have icons closer to mobile menu trigger */
  #header.full-header .header-misc {
    margin-right: 0px;
  }

  /* We ensure that header can take the space it needs when menu is opened */
  #header, #header-wrap, #header .header-wrap-clone {
    height:auto;
  }

  /* We remove the border bottom of the header because header and wrap have height to auto */
  #header {
    border-bottom:0px;
  }
}

@media (max-width: 390px) {
  /* We reduce the size of the logo */
  #logo img {
    height:50px;
  }

  /* We reduce top cart icon and language selector icon padding to shrink header */
  .language-selector .menu-link,
  #top-cart.header-misc-icon {
    padding: 12px 9px;
  }

  #header.full-header #header-wrap > div {
    padding-left:5px;
  }

  /*

  #primary-menu-trigger {
    top: 0px;
  }

  .container, #header.full-header .container, .container-fullwidth {
      width: 100% !important;
  }
  */
}

/*


@media (max-width: 991px) {
  #logo {
    height:60px;
  }

  #primary-menu-trigger {
    top: 5px;
  }
}

@media (max-width: 479px) {
  #header.full-header .container {
    width: 361px !important;
  }

  // Specific padding for modal content to keep the close button visible
  .mfp-content {
    padding-top: 40px;
  }
}



*/

/********************************************************/
/*                      PAGE-TITLE                      */
/********************************************************/

#header.square-logo + #page-title {
  text-align: center;
}


/********************************************************/
/*                      FOOTER                          */
/********************************************************/

#footer #copyrights {
  background-color: var(--footer-background-color);
}

#footer {
  border-top: 5px solid var(--footer-border-color);
  color: var(--footer-text-color);
}

#footer a {
  color: var(--footer-links-color);
  border-bottom-color: var(--footer-links-color);
}

#footer a.active {
  color: var(--footer-links-active-color);
  border-bottom-color: var(--footer-links-active-color);
}

#footer a:hover {
  color: var(--footer-links-hover-color);
  border-bottom-color: var(--footer-links-hover-color);
}

#footer .copyrights-menu {
  margin-top:10px;
  margin-bottom: 0px;
}

/*
#footer, #footer .container {
  width:100%;
}

#footer .container {
  padding:0px 30px;
}





@media (max-width: 790px) {
  #footer #copyrights {
    padding: 20px 0px;
  }
  
  #footer #copyrights .footer-logo {
    margin-left: auto;
    margin-right: auto;
  }
  
  #footer .container {
    width: 600px;
    padding:0px 15px;
  }
  
  #copyrights .col_half {
    width: 100%;
    text-align: center;
    margin:0px;
  }

  #copyrights .col_half:last-child {
    display:block;
  }

  #footer .copyrights-menu {
    text-align: center;
    margin:0px;
  }
}

*/


/*

#body {
  position:relative;
}

#body .pageTemplateLoading {
  position:absolute;
	top:0px;
	left:0px;
	z-index:9999;
	background: #FFFFFF;	
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.social-icon {
  background: #FFF;
}

.si-whatsapp:hover,
.si-colored.si-whatsapp { background-color: #25D366 !important; }

*/

/********************************************************/
/*                     STICKY FOOTER                    */
/********************************************************/

html, body, .app, .layout {
  height: 100%;
}

.layout {
  display:flex;
  flex-direction: column;
}

.layout > .content {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}

.layout > .content > .content-wrap {
  flex: 1 0 auto;
}

.layout > .content > .content-wrap > .container {
  height:100%
}

.layout > footer, .layout > header {
  flex-shrink: 0;
}

/********************************************************/
/*                     SHOP PAGES                       */
/********************************************************/

/* We applt specific top and bottom padding */
.shop-layout .content .content-wrap,
.order .content-wrap {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* We add some margin for shop layout for page-title (used on static pages as conditions generales) */
.shop-layout .content > #page-title {
  margin-top:50px;
}

/* We apply specific top and bottom padding + content background color */
.shop-layout .content .content-wrap .container,
.order .content-wrap .container {
  padding-top: 40px;
  padding-bottom: 20px;
  background-color: var(--content-background-color);
}

/* We apply specific margin and padding for shop page content */
@media (max-width: 575.98px) {
  .shop-menu.content-wrap .container, /* sub-links */
  .shop-layout .content .content-wrap .container, /* shop pages content */
  .order .order-retrieve .container {
      padding-left: 15px!important;
      padding-right: 15px!important;
  }
}

/* We apply specific margin and padding for shop page content */
@media (min-width: 576px) {
  .shop-menu.content-wrap .container, /* sub-links */
  .shop-layout .content .content-wrap .container, /* shop pages content */
  .order .order-retrieve .container {
      margin-left: 40px;
      margin-right: 40px;
      max-width: unset;
      width: auto;
  }
}

/* We apply specific margin and padding for shop page content */
@media (min-width: 1200px) {
  .shop-menu.content-wrap .container, /* sub-links */
  .shop-layout .content .content-wrap .container, /* shop pages content */
  .order .order-retrieve .container {
      margin-left: 80px;
      margin-right: 80px;
      max-width: unset;
      width: auto;
  }
}

/********************************************************/
/*    PROCESS STEP ON CHECKOUT AND CONFIRMATION PAGES   */
/********************************************************/

/* Fixed width to not wrap after the list */
.checkout .row.step > div:first-child,
.order-content .row.step > div:first-child {
  width: auto;
  padding: 0px;
}

.row.step .process-steps:not(.timeline) {
  width:200px;
}

/* We set specific style for step numbers on checkout and confirmation page */
@media (max-width: 991.98px) {
  .row.step .process-steps:not(.timeline) {
    width:auto;
  }
}

/* We set specific style for step numbers on checkout and confirmation page */
.row.step .process-steps:not(.timeline) li span {
  border-color: var(--secondary-color) !important;
  background-color:var(--secondary-color) !important;
  color: #FFF;
}

/* We set specific style for step numbers on checkout and confirmation page */
@media (max-width: 991.98px) {
  .row.step .process-steps:not(.timeline) li span {
    display: inline-block;
    margin-top: 0px;
    margin-right: 5px!important;
    vertical-align: bottom;
  }

  .row.step .process-steps:not(.timeline) li h5 {
    display: inline-block;
    margin-top: 0px;
    line-height: 52px;
    vertical-align: bottom;
  }
}

.row.step .process-steps:not(.timeline) li {
  float:none;
  width:auto;
}


/********************************************************/
/*     CHECKOUT / CONFIRMATION / ORDER COMMON LAYOUT    */
/********************************************************/

/* We remove the margins for the whole section */
.checkout .steps,
.order-content .steps {
  background-color: var(--body-background-color);
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

.checkout .row,
.order-content .row {
  /* We ensure that the width of the section is not bigger than container */
  margin-left:0px;
  margin-right:0px;
  background-color: var(--content-background-color);
}

.checkout .row.step,
.order-content .row.step {
  border: 0px;
  border-bottom: 1px solid rgba(0,0,0,0.075);
  box-shadow: 0 10px 10px rgba(0,0,0,.1);
  margin-bottom: 20px;
  padding-top:20px;  
}

@media (max-width: 991.98px) {
  .checkout .row.step,
  .order-content .row.step {
    display:block;
  }
}

/********************************************************/
/*                     FACEBOOK                         */
/********************************************************/

.fb_iframe_widget > span > iframe {
  width:inherit;
}

/********************************************************/
/*                     BOOTSTRAP                        */
/********************************************************/

/* We override the rule for table header to have specific border bottom */
/* This is visible in the cart recap table */
.table > :not(:last-child) > :last-child > * {
  border-bottom: 2px solid #dee2e6;
}

/* The offcanvas-backdrop is generated by bootstrap but there is no style associated. this is a copy of modal-backdrop */
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.offcanvas-backdrop.fade {
  opacity: 0;
}

.offcanvas-backdrop.show {
  opacity: .5;
}


/********************************************************/
/*                 GOOGLE RECAPTCHA                     */
/********************************************************/

.grecaptcha-badge {
  z-index:2000;
}

/********************************************************/
/*                 VUE COOKIE LAW                       */
/********************************************************/

.Cookie.Cookie--vigneron {
  display:block;
  background: transparent;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.Cookie.Cookie--vigneron::before {
  position: fixed;
  width: 100%;
  height: 100%;
  top:0px;
  content:'';
  display: block;
  background-color: #000;
  opacity: 0.5;
  z-index: -1;
}

.Cookie.Cookie--vigneron .Cookie--modal {
  margin: 1.75rem auto!important;
  display: flex;
  align-items: center;
  min-height: calc(100% - 3.5rem)!important;
  max-width:800px;
}

.Cookie.Cookie--vigneron .Cookie--modal--content {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: var(--content-background-color);
  border: 1px solid var(--primary-color);
  border-radius: .3rem;
}

.Cookie.Cookie--vigneron .Cookie__content {
  padding: 50px;
  font-size: 0.975rem;
}

.Cookie.Cookie--vigneron .Cookie__buttons {
  align-self: center;
  padding: 0px 50px 50px 50px ;
}

.Cookie.Cookie--vigneron-bottom {
  background-color: var(--content-background-color);
  color: #232323;
  padding: 1.250em;
  border-top:2px solid var(--primary-color);
  display: block;
}

.Cookie.Cookie--vigneron-bottom .Cookie--modal--content {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.Cookie.Cookie--vigneron-bottom .Cookie__content {
  font-size: 0.975rem;
}

/********************************************************/
/*                PRETTY CHECKBOX VUE                   */
/********************************************************/

/* Used in radio on checkout page to set default style */
.pretty .state label {
  text-indent: 0px;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
}

/********************************************************/
/*                 SPINNER ANIMATION                    */
/********************************************************/

.spinner {
  	position: absolute;
	height: 100%;
	z-index: 10;
	padding: inherit;
	top: 0px;
  	text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: var(--primary-color);

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}


/********************************************************/
/*                     FORMS                            */
/********************************************************/

/*

.invalid-feedback {
  font-size: 100%;
}

*/

/*******************************************************
            VUE SELECT CUSTOM STYLE
*******************************************************/

.v-select {
  border:0px;
  padding:0px;
  margin:0px;
}

.v-select .vs__dropdown-toggle {
    width: 100%;
    padding: 8px 14px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 2px solid #ddd;
    border-radius: 0!important;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}

.v-select.vs--open .vs__dropdown-toggle {
  border-color: var(--secondary-color);
  border-bottom: 0;
}
.v-select.vs--open .vs__dropdown-menu {
  border: 2px solid var(--secondary-color);
  border-top:0;
}
.v-select input[type="search"] {
  margin:0px;
  padding:0px;
}
.v-select input[type="search"]::placeholder {
  color: #6c757d;
  opacity: 1;
}
.v-select .vs__dropdown-toggle::after {
  content: normal !important;
}
.v-select .vs__dropdown-menu {
  transform: scale(1, 1) !important;
}
.v-select .vs__selected {
  margin:0px;
  border:0px;
  padding:0px;
}
.v-select .vs__actions {
  padding:0px;
}

.is-valid .vs__dropdown-toggle , .is-valid .vs__dropdown-toggle:focus {
  border-color: #28a745;
}

.is-invalid .vs__dropdown-toggle , .is-invalid .vs__dropdown-toggle:focus {
  border-color: #dc3545;
}

.was-validated .v-select.form-control:invalid, .was-validated .v-select.form-control:valid, .v-select.form-control.is-invalid, .v-select.form-control.is-valid {
  padding-right:0px;
}

/*******************************************************
            INTL TEL INPUT STYLE
*******************************************************/

div.iti {
  display: block;
  flex-grow: 2; /* in case of being part of flex structure */
}

div.iti.flag-left .iti__flag-container {
  right: auto;
  left: 0;
}

div.iti.flag-left input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
}

/*******************************************************
            VUE-AUTOSUGGEST STYLE
*******************************************************/

.autosuggest__input.autosuggest__input--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: var(--secondary-color)!important;
  border-bottom: 0;
  box-shadow: inherit!important;
}

.autosuggest__results-container {
  position: relative;
  width: 100%;
}

.autosuggest__results {
  font-size: 0.9rem;
  margin: 0;
  position: absolute;
  z-index: 10000001;
  width: 100%;
  border: 2px solid var(--secondary-color);
  border-top: 0;
  background: white;
  padding: 0px;
}

.autosuggest__results ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.autosuggest__results .autosuggest__results-item {
  cursor: pointer;
  padding: 15px;
}

#autosuggest ul:nth-child(1) > .autosuggest__results_title {
  border-top: none;
}

.autosuggest__results .autosuggest__results_title {
  color: gray;
  font-size: 11px;
  margin-left: 0;
  padding: 15px 13px 5px;
  border-top: 1px solid lightgray;
}

.autosuggest__results .autosuggest__results-item:active,
.autosuggest__results .autosuggest__results-item:hover,
.autosuggest__results .autosuggest__results-item:focus,
.autosuggest__results .autosuggest__results-item.autosuggest__results-item--highlighted {
  background-color: #F6F6F6;
}

/********************************************************/
/*                     BUTTONS                          */
/********************************************************/

/* We add support for disabled buttons */
.button:disabled {
  opacity: 0.5!important;
  cursor: not-allowed;
}

/* We define quantity buttons */
.cart-product-quantity .quantity {
  width:122px;
}

/* We define quantity buttons */
@media (max-width: 767.98px) {
  /* We ensure that buttons wrap and take full width */
  .cart-product-quantity .quantity {
    width:auto;
    display:block;
  }

  .cart-product-quantity .quantity .qty,
  .cart-product-quantity .quantity .plus,
  .cart-product-quantity .quantity .minus {
    float: none;
    width: 100%;
  }
}

/* We define quantity buttons */
.quantity.loading .qty {
  color:rgb(170, 170, 170);
}

/* We override the default system color to avoid blue on iOS */
.quantity .plus, .quantity .minus {
  color: #000;
}

/* We define quantity buttons */
.quantity .minus:disabled, .quantity .plus:disabled {
  color: rgba(16, 16, 16, 0.3);
  cursor: default;
  background-color: #EEE;
}

/* We define quantity buttons */
.quantity span.qty {
  cursor: default;
  display:inline-block;
  color: #000;
}

/********************************************************/
/*                     SHOP PRODUCT                     */
/********************************************************/

.product-price, .product-capacity, .product-degree, .product-duration {
  float: left;
}

.product-price, .product-capacity, .product-degree, .product-duration {
  font-size: 20px;
}

.product-capacity > span,
.product-degree > span,
.product-duration > span {
  margin-left: 10px;
}

/* We set the correct size and style for product in cart text */
.product-details .product-in-cart,
.product-list .product-in-cart,
.product-details .product-out-of-stock,
.product-list .product-out-of-stock {
    white-space: nowrap;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    color: #1abc9c;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
}

/* We set a specific color for out of stock */
.product-details .product-out-of-stock,
.product-list .product-out-of-stock {
  color: #FF0000;
}

/* We set the margin for product in cart remove button */
.product-details .product-in-cart button,
.product-list .product-in-cart button {
    margin-left:30px;
}

/* We set custom size to remove from cart button in product list and detalils */
button.product-remove {
  padding: 0 8px;
  height: 36px;
  line-height: 38px;
  margin:0px;
}

/* We set custom icon size to remove from cart button in product list and detalils */
button.product-remove > i {
  font-size: 18px;
}

/* We set style of subtitles for products in product list and details */
.product-title h2,
.product-title h4 {
  margin:0px;
  font-weight: 500;
  font-style: italic;
}

/*


.product-desc > p {
  clear:both;
}



*/

/********************************************************/
/*               PAGES SPECIFIC CUSTOM                  */
/********************************************************/

.nos-services.content .row-content img {
  max-height: 200px;
}

.strategie-marketing.content .row-content img {
  max-height: 200px;
}

.creation-site-internet.content .row-content img {
  max-height: 200px;
}

.boutique-en-ligne.content .row-content img {
  max-height: 200px;
}

/********************************************************/
/*                     CANVAS CUSTOM                    */
/********************************************************/

/* We reduce the space on top of the page */
.content-wrap {
  padding-top:40px;
}

/* We hide the margin and bottom border for specific headers */
.shop-search .heading-block:after,
.order-retrieve .heading-block:after {
	content:none;
}

/* Custom size and margin for back to shop links on checkout and product pages */
p.back-to-shop, p.back-to-actualites {
  text-align: left;
  font-size: 1.2rem;
  margin-bottom:0px;
}

/* Custom header for cart-recap table */
.table.cart-recap th {
  border-top:0px;
  text-transform: uppercase;
  font-weight: 400;
}

/* Specific header display for table headers */
/* this td.header class is used for recap tables */
.table td.header {
  font-weight: bold;
  padding-left:0px;
  white-space: nowrap;
}

/* Specific header style for feature-box on our services page */
.feature-box h4 {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0;
  color: #333;
}

/* We remove margin for h4 in promo used on our services page */
.promo h4 {
  margin-bottom: 0px;
}

/* We set the position of chevron right icon in the list group used on our services page */
.list-group a i.icon-chevron-right {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 50%;
  left: auto;
  right: 6px;
  margin-top: -8px;
  margin-right: 0;
  opacity: .4;
  font-size: 12px !important;
}

/* We set the theme background color for active tabs of list-group */
.list-group-item.active {
  background-color: var(--secondary-color) !important; ;
  border-color: var(--secondary-color) !important; ;
}

/* We add theme for posts entry bottom border and before si-share */
.entry:after {
    background-color: var(--secondary-color);
    margin-top:20px;
}
.single-post .si-share {
  border-top:2px solid;
	border-bottom: 0px;
  padding-top: 20px;
  border-top-color: var(--secondary-color);
}

/* We add possibility to have white background on one panel out of two */
.section.even {
  background-color: #FFF;
}

/* By default the last section / item of the content has no margin with footer */
.content-wrap > div:last-child {
  margin-bottom: 0px;
}

/* Swiper slider arrows to be hidden when disabled */
.slider-arrow-left.swiper-button-disabled,
.slider-arrow-right.swiper-button-disabled {
  display: none;
}

/* We keep the body color for heading block sub title */
.heading-block > span:not(.before-heading) {
  color:#555;
}