/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/_woocommerce/cart-product-added/cart-product-added.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
.cart-product-added {
  z-index: 99999;
  position: fixed;
}
.cart-product-added.overlay {
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cart-product-added .message-holder {
  position: fixed;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: var(--general-padding);
  border-radius: var(--general-border-radius);
  background-color: var(--succes);
}
.cart-product-added .message-holder.error {
  background-color: var(--error);
}
.cart-product-added .message-holder span {
  color: var(--white);
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/_woocommerce/fixed-product-bar/fixed-product-bar.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
.fixed-product-bar {
  position: fixed;
  left: 0;
  bottom: -300px;
  width: calc(100% - 80px);
  background: var(--white);
  display: flex !important;
  justify-content: space-between;
  z-index: 1000;
  padding: var(--general-padding);
  transition: var(--general-transition);
  margin: 0 40px 40px 40px;
  border-radius: var(--general-border-radius);
  border: 1px solid var(--primary);
}
.fixed-product-bar.show {
  bottom: 0px;
}
.fixed-product-bar p {
  margin-bottom: 0;
}
.fixed-product-bar .course-level-label {
  margin-bottom: 0px;
}
.fixed-product-bar form.cart {
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: right;
}
.fixed-product-bar form.cart .screen-reader-text {
  display: none;
}
.fixed-product-bar form.cart.single-stock .quantity {
  display: none;
}
.fixed-product-bar .left-side {
  display: flex;
  align-items: center;
}
.fixed-product-bar .left-side * {
  color: var(--white-content);
}
.fixed-product-bar .left-side .product-name {
  font-size: 18px;
  font-weight: 700;
}
.fixed-product-bar .right-side {
  display: flex;
  align-items: center;
  gap: 30px;
}
.fixed-product-bar .right-side .pricing-and-stock {
  margin-bottom: unset;
}
.fixed-product-bar .right-side .pricing-and-stock .price {
  font-size: 18px;
}
.fixed-product-bar .right-side .cart-actions .stock, .fixed-product-bar .right-side .cart-actions .added_to_cart {
  display: none;
}
.fixed-product-bar .right-side .cart-actions .btn {
  margin: unset !important;
}
.fixed-product-bar .right-side .cart-actions .cart:not(.variations_form), .fixed-product-bar .right-side .cart-actions .woocommerce-variation-add-to-cart {
  display: flex;
  flex-direction: row;
}
.fixed-product-bar .right-side .cart-actions .cart:not(.variations_form) .quantity, .fixed-product-bar .right-side .cart-actions .woocommerce-variation-add-to-cart .quantity {
  margin-right: -10px;
}
.fixed-product-bar .right-side .cart-actions .cart:not(.variations_form) .quantity button.plus, .fixed-product-bar .right-side .cart-actions .woocommerce-variation-add-to-cart .quantity button.plus {
  margin-right: 10px;
}
.fixed-product-bar .right-side .cart-actions .cart:not(.variations_form) .single_add_to_cart_button, .fixed-product-bar .right-side .cart-actions .woocommerce-variation-add-to-cart .single_add_to_cart_button {
  position: relative;
  z-index: 2;
  padding: 10px 30px;
}
@media only screen and (max-width: 991px) {
  .fixed-product-bar {
    margin: 0 15px 15px 15px;
    width: calc(100% - 30px);
    padding: 15px;
  }
  .fixed-product-bar .left-side {
    display: none;
  }
  .fixed-product-bar .right-side {
    flex-direction: column;
    gap: 15px;
    width: 100%;
  }
  .fixed-product-bar .right-side .cart-actions {
    width: 100%;
  }
  .fixed-product-bar .right-side .cart-actions .cart {
    width: 100%;
  }
  .fixed-product-bar .right-side .cart-actions .cart .quantity {
    display: none;
  }
  .fixed-product-bar .right-side .cart-actions .cart .quantity + .button {
    margin-left: unset !important;
  }
  .fixed-product-bar .right-side .cart-actions .cart .single_add_to_cart_button {
    width: 100%;
  }
  .fixed-product-bar .right-side .cart-actions .btn.configure-button {
    width: 100%;
    justify-content: center;
  }
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/_woocommerce/mini-cart/mini-cart.scss ***!
  \**************************************************************************************************************************************************************************************************************************/
.woocommerce-mini-cart__empty-message {
  padding: 0 20px;
}

.blockUI.blockOverlay {
  background-color: var(--white) !important;
  opacity: 0.9 !important;
  border-radius: var(--general-border-radius);
}

.mini-cart-holder {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  height: 100%;
  max-height: calc(100% - 20px);
}
.mini-cart-holder .product_list_widget {
  flex: 1 1 auto;
  flex-direction: inherit;
  display: flex;
  overflow-y: scroll;
  min-height: 150px;
}
.mini-cart-holder .variation {
  display: none;
}
.mini-cart-holder .cart_totals {
  border-top: 2px solid var(--gray);
  padding-top: 10px;
}
.mini-cart-holder .cart_totals .woocommerce-shipping-totals.shipping {
  display: none;
}
.mini-cart-holder .cart_totals .cart-subtotal {
  display: none;
}

.mini-cart-totals {
  margin-bottom: 10px;
}
.mini-cart-totals table.mini-cart-table tr {
  border: unset;
}
.mini-cart-totals table.mini-cart-table td {
  padding: 3px 0;
}
.mini-cart-totals table.mini-cart-table .cart-total .cart-tax {
  line-height: 1.8em;
}

.mini-cart-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.mini-cart-footer .additional-shipping-info-text {
  font-size: var(--tiny-font-size);
  text-align: center;
  line-height: var(--p-line-height);
}
.mini-cart-footer .discount-notice {
  color: var(--white-content);
  font-size: var(--tiny-font-size);
  text-align: center;
  line-height: var(--p-line-height);
}
.mini-cart-footer .payment-methods {
  min-width: 242px;
  width: 100%;
  margin-bottom: unset;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/accordion-item/accordion-item.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.accordion {
  background-color: var(--card-color);
  color: var(--card-content);
  border: var(--card-border-width) solid var(--card-border-color);
  border-radius: var(--general-border-radius);
}
.accordion .accordion-title {
  padding: var(--general-padding);
  font-weight: 700;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
  align-items: center;
}
.accordion .accordion-title .title {
  display: block;
}
.accordion .accordion-title .accordion-toggle .hide {
  display: none;
}
.accordion .accordion-content {
  padding: var(--general-padding);
  border-top: var(--card-border-width) solid var(--card-border-color);
  display: none;
}
.accordion.opened .accordion-title .accordion-toggle .hide {
  display: block;
}
.accordion.opened .accordion-title .accordion-toggle .show {
  display: none;
}
.accordion.opened .accordion-content {
  display: block;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/accordion/accordion.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.accordions {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/libraries/nouislider.css ***!
  \**********************************************************************************************************************************************************************************/
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/archive-filter/archive-filter.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.toggle-filter {
  margin-top: unset;
  display: none;
}
@media only screen and (max-width: 991px) {
  .toggle-filter {
    display: block;
  }
}

.archive-filter {
  position: sticky;
  top: 30px;
  transition: opacity 0.3s ease-in-out, pointer-events 0.3s ease-in-out;
}
.archive-filter.loader-active {
  opacity: 0.5;
  pointer-events: none;
}
.archive-filter.filter-holder {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media only screen and (max-width: 991px) {
  .archive-filter.filter-holder.woocommerce-sidebar {
    display: none;
  }
  .archive-filter.filter-holder.woocommerce-sidebar.active {
    margin-top: 20px;
    display: flex;
  }
}
.archive-filter.filter-holder aside.widget_block:has(.filter-item[style*="display: none"]) {
  display: none;
}
.archive-filter .filter-item {
  background: var(--gray);
  color: var(--gray-content);
  padding: var(--general-padding);
  border-radius: var(--general-border-radius);
  position: relative;
}
.archive-filter .filter-item:last-child {
  margin-bottom: unset;
}
.archive-filter .filter-item .price-slider-holder {
  margin-top: 16px;
  margin-bottom: 20px;
}
.archive-filter .filter-item .price-slider-holder .price-slider.noUi-target {
  height: 5px;
  background: var(--white);
  border: unset;
  box-shadow: unset;
  margin-left: 3px;
  margin-right: 17px;
}
.archive-filter .filter-item .price-slider-holder .price-slider.noUi-target .noUi-base {
  height: 5px;
}
.archive-filter .filter-item .price-slider-holder .price-slider.noUi-target .noUi-base .noUi-connects {
  height: 5px;
}
.archive-filter .filter-item .price-slider-holder .price-slider.noUi-target .noUi-base .noUi-connects .noUi-connect {
  background: var(--primary);
}
.archive-filter .filter-item .price-slider-holder .price-slider.noUi-target .noUi-base .noUi-origin .noUi-handle {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: unset;
  background: var(--primary);
  box-shadow: unset;
  top: -7.5px;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}
.archive-filter .filter-item .price-slider-holder .price-slider.noUi-target .noUi-base .noUi-origin .noUi-handle::before, .archive-filter .filter-item .price-slider-holder .price-slider.noUi-target .noUi-base .noUi-origin .noUi-handle::after {
  all: unset;
}
.archive-filter .filter-item .price-slider-holder .price-slider.noUi-target .noUi-base .noUi-origin .noUi-handle:not(.noUi-active) .noUi-tooltip {
  display: none;
}
.archive-filter .filter-item .price-slider-holder .price-slider.noUi-target .noUi-base .noUi-origin .noUi-handle .noUi-touch-area {
  cursor: pointer;
}
.archive-filter .filter-item .price-slider-holder .price-slider.noUi-target .noUi-base .noUi-origin .noUi-handle:hover {
  background: var(--primary-darkened);
}
.archive-filter .filter-item .price-slider-holder .price-slider.noUi-target .noUi-pips .noUi-value {
  display: none;
}
.archive-filter .filter-item .price-slider-values {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.archive-filter .filter-item .price-slider-values input {
  flex: 1;
}
.archive-filter .filter-item .filter-title {
  cursor: pointer;
  margin-bottom: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.archive-filter .filter-item .filter-title h4 {
  margin-bottom: unset;
}
.archive-filter .filter-item .filter-title .open-switcher {
  line-height: 12px;
  transition: var(--general-transition);
  cursor: pointer;
  transform-origin: center;
}
.archive-filter .filter-item .filter-title .open-switcher .icon {
  line-height: 12px;
}
.archive-filter .filter-item .filter-elements .filter-element:not(:last-child) ul {
  margin-bottom: 6px;
}
.archive-filter .filter-item .filter-elements, .archive-filter .filter-item .filter-elements > ul {
  margin-top: 10px;
  margin-bottom: 10px;
  list-style-type: none;
  padding: unset;
}
.archive-filter .filter-item .filter-elements ul, .archive-filter .filter-item .filter-elements > ul ul {
  list-style-type: none;
}
.archive-filter .filter-item .filter-elements li label, .archive-filter .filter-item .filter-elements > ul li label {
  margin-bottom: 5px;
  line-height: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 5px;
}
.archive-filter .filter-item .filter-elements li label > span, .archive-filter .filter-item .filter-elements > ul li label > span {
  flex: 1;
  display: flex;
  align-items: baseline;
}
.archive-filter .filter-item .filter-elements li label.both-system-notice, .archive-filter .filter-item .filter-elements > ul li label.both-system-notice {
  margin-top: 10px;
}
.archive-filter .filter-item .filter-elements li:last-child label, .archive-filter .filter-item .filter-elements > ul li:last-child label {
  margin-bottom: unset;
}
.archive-filter .filter-item .filter-elements > ul ul {
  padding-left: 16px;
}
.archive-filter .filter-item .filter-count {
  font-size: 0.85em;
  opacity: 0.55;
  margin-left: auto;
  padding-left: 5px;
}
.archive-filter .filter-item form input,
.archive-filter .filter-item .form input {
  line-height: 40px;
  height: 40px;
  padding: 0 10px;
  width: 100%;
}
.archive-filter .filter-item.filter-closed .open-switcher {
  transform: rotate(180deg);
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/archive-intro/archive-intro.scss ***!
  \*********************************************************************************************************************************************************************************************************************/

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/archive-outro-seo-text/archive-outro-seo-text.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.archive-outro.under-products {
  padding: 30px 0 0 0;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/archive-outro/archive-outro.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.archive-outro.under-products {
  padding: 30px 0 0 0;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/back-to-top/back-to-top.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.back-to-top-outer {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 3;
  -webkit-transition: var(--general-transition);
  -moz-transition: var(--general-transition);
  -o-transition: var(--general-transition);
  transition: var(--general-transition);
}
.back-to-top-outer .btn {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.back-to-top-outer .icon {
  margin-right: 0;
}
.back-to-top-outer.visible {
  opacity: 1;
  pointer-events: all;
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/before-after-slider/before-after-slider.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.before-after-slider .slider-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.before-after-slider .slider-container img {
  width: 100%;
  display: block;
}
.before-after-slider .slider-container,
.before-after-slider .slider-container * {
  user-select: none;
}
.before-after-slider .slider-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-right: 2px solid var(--primary);
}
.before-after-slider .slider-overlay img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}
.before-after-slider .slider-handle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  background-color: var(--primary);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
.before-after-slider .slider-handle::before {
  content: "\eeb9";
  font-family: "icomoon";
  color: var(--primary-content);
  font-size: 20px;
}
.before-after-slider .slider-label {
  position: absolute;
  top: 10px;
  color: var(--primary-content);
  padding: 5px 10px;
  background-color: var(--primary);
  border-radius: var(--general-border-radius);
  font-weight: 400;
}
.before-after-slider .slider-label.previous-label {
  left: 10px;
  text-align: left;
  z-index: 10;
}
.before-after-slider .slider-label.new-label {
  right: 10px;
  text-align: right;
}
.before-after-slider .no-select {
  user-select: none;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/card-default/card-default.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
@media only screen and (min-width: 992px) {
  .card-default.in-row-with-1 .image-outer {
    max-width: 200px;
    align-self: stretch;
  }
  .card-default.in-row-with-1 .image-outer .image-holder {
    height: 100%;
  }
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/card-portfolio/card-portfolio.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.card-portfolio {
  position: relative;
  overflow: hidden;
}
.card-portfolio .content-outer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.17);
  color: var(--white);
}
.card-portfolio .buttons-holder {
  margin-top: 0px;
}
.card-portfolio .image-outer .image-holder {
  padding-bottom: 100%;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/card-reviews/card-reviews.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.card.card-reviews {
  background-color: var(--white);
  border-radius: var(--general-border-radius);
  padding: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.card.card-reviews .content-outer {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
}
.card.card-reviews .review-intro {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.card.card-reviews .review-intro .star-count {
  display: flex;
  flex-direction: row;
  gap: 2px;
  color: var(--primary);
  font-size: 16px;
}
.card.card-reviews .review-intro .star-count .icon-star {
  line-height: 1;
}
.card.card-reviews .review-intro h4 {
  margin-bottom: 0;
  font-size: 18px;
  color: var(--black);
}
.card.card-reviews .excerpt-holder {
  color: var(--black);
}
.card.card-reviews .excerpt-holder p:last-child {
  margin-bottom: 0;
}
.card.card-reviews .verified-owner {
  display: inline-block;
  font-size: var(--small-font-size);
  color: var(--primary);
  align-self: flex-start;
}
.card.card-reviews .review-date {
  margin-top: auto;
  font-size: var(--tiny-font-size);
  color: rgba(var(--black-rgb), 0.6);
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/card-simple/card-simple.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.card-search strong {
  background: var(--secondary);
  color: var(--secondary-content);
  display: inline-block;
  padding: 0 3px;
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/card-taxonomy-term/card-taxonomy-term.scss ***!
  \*******************************************************************************************************************************************************************************************************************************/
.card-taxonomy-term.small-taxonomy-image .image-outer .image-holder img {
  height: 180px;
  width: 260px;
  object-fit: contain;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.card-taxonomy-term .term-title {
  text-decoration: none !important;
}
.card-taxonomy-term .term-title h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card-taxonomy-term .term-title h4 .icon {
  background: var(--gray);
  color: var(--gray-content);
  width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: unset;
  border-radius: 3px;
}
.card-taxonomy-term .child-terms {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.card-taxonomy-term .child-terms .child-term {
  text-decoration: none !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 100%;
}
.card-taxonomy-term .child-terms .child-term .icon {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: unset;
}
.card-taxonomy-term .child-terms .child-term span {
  opacity: 0.8;
}
.card-taxonomy-term .child-terms .child-term:hover span {
  text-decoration: underline !important;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/countdown/countdown.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.countdown {
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(var(--general-padding) * -0.5);
}
.countdown .countdown-partial {
  padding: var(--general-padding);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  margin: 0 calc(var(--general-padding) / 2);
  text-align: center;
  background-color: var(--gray);
  color: var(--gray-content);
}
.countdown .countdown-partial .countdown-value {
  font-weight: 700;
  font-size: 3em;
  line-height: 1em;
  display: inline-block;
}
.countdown .countdown-unit {
  line-height: 1;
}
.countdown.alignment-full-width .countdown-partial {
  flex: 1;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/counter/counter.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.count-outer * {
  text-align: center;
}
.count-outer .top-layer {
  display: flex;
  justify-content: center;
}
.count-outer .top-layer .counter, .count-outer .top-layer .counter-prefix {
  font-weight: bold;
  font-size: 2em;
}
.count-outer .top-layer .counter-surfix {
  margin-left: 5px;
  font-weight: bold;
  font-size: 1.5em;
  color: var(--primary);
}
.count-outer .counter-ondertitle {
  opacity: 0.6;
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/featured-faqs/featured-faqs.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
.featured-faqs {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.featured-faqs .faq-items {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.featured-faqs .faq-categories-row {
  grid-row-gap: 30px;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/featured-products/featured-products.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/

/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/featured-taxonomy-terms/featured-taxonomy-terms.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.featured-taxonomy-terms.display-as-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/featured-taxonomy/featured-taxonomy.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/

/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/featured/featured.scss ***!
  \***********************************************************************************************************************************************************************************************************/

/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/footer/footer.scss ***!
  \*******************************************************************************************************************************************************************************************************/
footer {
  background: var(--black);
  color: var(--white);
}

.wpml-ls-statics-footer {
  display: none;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/gallery/gallery.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.gallery-outer a.image-gallery-outer {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
.gallery-outer a.image-gallery-outer img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  padding-bottom: 30px;
}
.gallery-outer a.image-gallery-outer:before {
  width: 100%;
  height: calc(100% - 30px);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: var(--general-transition);
  -moz-transition: var(--general-transition);
  -o-transition: var(--general-transition);
  transition: var(--general-transition);
  background-color: var(--primary);
}
.gallery-outer a.image-gallery-outer:hover:before {
  opacity: 0.3;
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/icon/icon.scss ***!
  \***************************************************************************************************************************************************************************************************/
.icon-outer i {
  font-size: 2em;
}
.icon-outer.size-medium i {
  font-size: 3em;
}
.icon-outer.size-large i {
  font-size: 4em;
}
.icon-outer.size-xlarge i {
  font-size: 5em;
}
.icon-outer.size-xxlarge i {
  font-size: 6em;
}
.icon-outer.align-left {
  text-align: left;
}
.icon-outer.align-center {
  text-align: center;
}
.icon-outer.align-right {
  text-align: right;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/image-slider/image-slider.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.image-slider .slide {
  border-radius: var(--general-border-radius);
  height: 100%;
}
.image-slider .slide .image-outer {
  height: 100%;
}
.image-slider .slide .image-outer .image-holder {
  height: 100%;
}
.image-slider .slide .image-outer .image-holder img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.image-slider .slide .video-outer {
  height: 100%;
  padding-top: unset;
}
.image-slider .slide.slide-has-video {
  position: relative;
}
.image-slider .slide.slide-has-video:not(.display-video) {
  cursor: pointer;
  overflow: hidden;
}
.image-slider .slide.slide-has-video:not(.display-video) .video-outer {
  display: none;
}
.image-slider .slide.slide-has-video:not(.display-video)::before {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: calc(100% - 30px);
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: var(--general-border-radius);
}
.image-slider .slide.slide-has-video:not(.display-video)::after {
  content: "\eb7f";
  font-family: "icomoon";
  position: absolute;
  color: var(--white);
  top: 0;
  left: 0;
  font-size: 60px;
  width: calc(100% - 30px);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.image-slider .slide.slide-has-video.display-video .video-outer {
  display: block;
}
.image-slider .slide.slide-has-video.display-video .image-outer {
  display: none;
}
/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/mobile-navigation/mobile-navigation.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
nav.mobile-navigation {
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  background: var(--white);
  color: var(--white-content);
  align-items: flex-start;
  transform: translateX(-100%);
  opacity: 0;
  pointer-events: none;
  display: flex;
  visibility: hidden;
  transition: transform 0.3s ease-in-out;
  overflow-y: scroll;
  padding: 120px var(--general-padding) var(--general-padding) var(--general-padding);
}
nav.mobile-navigation .mobile-menu-toggle-position {
  position: absolute;
  top: 40px;
  right: 20px;
}
nav.mobile-navigation .menu-mobile-container {
  width: 100%;
}
nav.mobile-navigation .menu {
  padding-left: 0;
  list-style-type: none;
}
nav.mobile-navigation .menu a {
  flex: 1;
  padding: 15px;
  font-size: var(--mobile-menu-font-size);
  color: var(--white-content);
  text-decoration: none;
}
nav.mobile-navigation .menu li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}
nav.mobile-navigation .menu li.menu-item-button {
  margin: 0;
}
nav.mobile-navigation .menu li.menu-item-has-children {
  position: relative;
}
nav.mobile-navigation .menu ul.sub-menu {
  width: 100%;
  display: none;
  padding: 0;
  margin: 0;
  list-style-type: none;
  background-color: var(--gray);
}
nav.mobile-navigation .menu ul.sub-menu a {
  color: var(--gray-content);
}
nav.mobile-navigation .menu ul.sub-menu.open {
  display: block;
}
nav.mobile-navigation .menu ul.sub-menu ul.sub-menu {
  background: rgba(0, 0, 0, 0.07);
}

button.sub-menu-toggle {
  width: auto;
  height: 40px;
  min-width: 40px;
  border: 0;
  outline: 0;
  position: relative;
  right: 0;
  top: 0;
  font-size: var(--tiny-font-size);
  padding: 0px 20px;
  margin: 0;
  background-color: var(--primary);
}
button.sub-menu-toggle:after {
  font-family: "icomoon" !important;
  content: "\edfe";
  display: inline-block;
  color: var(--primary-content);
}
button.sub-menu-toggle.open:after {
  transform: rotate(180deg);
}

.menu-open .mobile-navigation {
  transform: translateX(0%);
  animation: fadeInMobile 0.3s forwards;
  pointer-events: all;
}

.menu-closed .mobile-navigation {
  transform: translateX(-100%);
  animation: fadeOut 0.3s forwards;
}

@keyframes fadeInMobile {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  1% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    visibility: visible;
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/openinghours/openinghours.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.openinghours li.single-day {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.openinghours li.single-day .open-status-circle {
  margin-right: 3px;
}
.openinghours li.single-day.active {
  font-weight: 700;
}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/page-password-protected/page-password-protected.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.page-password-protected {
  display: block !important;
}
.page-password-protected form {
  padding: 30px;
  color: var(--gray-content) !important;
  background: var(--gray);
  border-radius: var(--general-border-radius);
}
.page-password-protected form input[type=submit] {
  width: fit-content;
  margin-top: 20px;
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/pagination/pagination.scss ***!
  \***************************************************************************************************************************************************************************************************************/
.pagination-holder .page-navigation, .ajax-pagination .page-navigation {
  align-items: center;
  justify-content: space-between;
}
.pagination-holder .page-navigation ul li a, .ajax-pagination .page-navigation ul li a {
  padding: 10px;
  text-decoration: none;
}
.pagination-holder .page-navigation ul li.active a, .ajax-pagination .page-navigation ul li.active a {
  background-color: var(--gray);
}
.pagination-holder .page-navigation .disabled, .ajax-pagination .page-navigation .disabled {
  opacity: 0.5;
}
@media only screen and (max-width: 991px) {
  .pagination-holder .page-navigation, .ajax-pagination .page-navigation {
    flex-direction: column;
  }
}

.ajax-pagination {
  position: relative;
}
.ajax-pagination ul li a {
  padding: 10px;
  text-decoration: none;
  cursor: pointer;
}
.ajax-pagination ul li a.active {
  background-color: var(--gray);
}
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/popups/popups.scss ***!
  \*******************************************************************************************************************************************************************************************************/
.lef-popup {
  display: none;
}
.lef-popup.popup-opened {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lef-popup.popup-opened .popup-inner {
  position: relative;
  background: var(--white);
  color: var(--white-content);
  max-width: calc(100vw - 50px);
  max-height: calc(100% - 250px);
  padding: var(--general-padding);
  border-radius: var(--general-border-radius);
  overflow: auto;
}
@media only screen and (min-width: 600px) {
  .lef-popup.popup-opened .popup-inner {
    min-width: 500px;
  }
}
@media only screen and (max-width: 599px) {
  .lef-popup.popup-opened .popup-inner {
    width: 100%;
  }
}
.lef-popup.popup-opened .popup-inner .popup-close {
  position: absolute;
  top: var(--general-padding);
  right: var(--general-padding);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--primary);
  color: var(--primary-content);
  border-radius: 40px;
  cursor: pointer;
  z-index: 100;
}
.lef-popup.popup-opened .popup-inner .popup-close .icon {
  margin: unset;
  font-size: 18px;
}
.lef-popup.popup-opened .popup-inner .popup-content {
  height: 100%;
  overflow: auto;
}
.lef-popup.popup-opened .popup-inner .popup-content .lef-section {
  padding: unset;
}
.lef-popup.popup-opened .popup-inner .popup-content .lef-section:not(:last-child) {
  padding-bottom: 30px;
}
.lef-popup.popup-opened .popup-inner .popup-content .gform_wrapper {
  display: block !important;
}

.open-popup.loading {
  opacity: 0.5;
  pointer-events: none;
}
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/quote-block/quote-block.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
.block-quote-outer {
  padding-left: 10px;
  border-left: 2px solid var(--black);
}

blockquote {
  font-weight: bold;
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/restaurant-menu/restaurant-menu.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
li.single-list-dish {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

ul li.single-list-dish {
  padding: 5px 10px;
}
ul li.single-list-dish:nth-child(even) {
  background: var(--gray);
}

.dish-name {
  font-weight: bold;
}

.dish-addition {
  font-size: 0.9em;
}

.restaurant-wrapper > * {
  margin-bottom: var(--card-content-padding);
}
.restaurant-wrapper > * :last-child() {
  margin-bottom: 0;
}
/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/section-tabs/section-tabs.scss ***!
  \*******************************************************************************************************************************************************************************************************************/
.section-tabs .section-tab {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border: 1px solid transparent;
  text-align: center;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  border-radius: var(--general-border-radius);
  height: 100%;
  cursor: pointer;
}
.section-tabs .section-tab.active, .section-tabs .section-tab:hover {
  background: var(--white);
  color: var(--white-content);
  border-color: var(--card-border-color);
}
.section-tabs .section-tab .tab-image {
  margin: 0 auto 30px;
  position: relative;
  width: 100%;
}
.section-tabs .section-tab .tab-image img {
  position: relative;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.section-tabs .section-tab .tab-content-outer {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.section-tabs .section-tab .tab-readmore {
  margin-top: auto;
}
.section-tabs .section-tab .tab-readmore .btn {
  margin: unset;
}
@media only screen and (max-width: 991px) {
  .section-tabs .section-tab {
    flex-direction: row;
  }
  .section-tabs .section-tab .tab-image {
    width: calc(25% - 30px);
    margin: 0;
    margin-right: 30px;
  }
  .section-tabs .section-tab .tab-content-outer {
    width: 75%;
    text-align: left;
  }
}

.hide-section {
  display: none;
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/share/share.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.share-on-social-media {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
.share-on-social-media a {
  text-decoration: none !important;
  transition: color 0.3s ease-in-out;
  cursor: pointer;
}
.share-on-social-media a i {
  font-size: 40px;
  margin: unset !important;
}
.share-on-social-media a:hover {
  color: var(--primary) !important;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/sidebar/sidebar.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.sidebar {
  background-color: var(--gray);
  border-radius: var(--general-border-radius);
}
/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/whatsapp-button/whatsapp-button.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
.whatsapp-button {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background: var(--succes);
  color: var(--succes-content) !important;
  width: 64px;
  height: 64px;
  border-radius: 64px;
  text-decoration: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
  z-index: 100;
  box-shadow: var(--general-box-shadow);
}
.whatsapp-button:hover {
  color: var(--succes-content);
  background: var(--succes-darkened);
}
.whatsapp-button .icon {
  margin: unset;
  font-size: 25px;
}
.whatsapp-button.left {
  right: unset;
  left: 30px;
}
@media only screen and (max-width: 991px) {
  .whatsapp-button {
    bottom: 20px;
    right: 20px;
    width: 55px;
    height: 55px;
  }
  .whatsapp-button.left {
    left: 20px;
  }
}
/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./web/app/themes/leflite/components/slider/tiny-slider.scss ***!
  \************************************************************************************************************************************************************************************************************/
.tns-outer {
  padding: 0 !important;
}

.tns-outer [hidden] {
  display: none !important;
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s;
}

.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s;
}

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}

.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6;
}

.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal,
.tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}

.tns-vpfix > div,
.tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}

.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: 2333.3333333333%;
  position: absolute;
  right: 0;
}

.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}

.tns-t-ct > div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: 1.4285714286%;
  height: 10px;
  float: left;
}


.tns-outer {
  position: relative;
}
.tns-outer .tns-controls {
  display: flex;
  flex-direction: row;
  z-index: 2;
}
.tns-outer .tns-controls.top-left, .tns-outer .tns-controls.bottom-left {
  justify-content: flex-start;
}
.tns-outer .tns-controls.top-right, .tns-outer .tns-controls.bottom-right {
  justify-content: flex-end;
}
.tns-outer .tns-controls:not(.center) {
  margin: calc(var(--btn-margin-outer) * -1) calc(var(--btn-margin-outer) * -1) calc(var(--btn-margin-outer) * -1);
}
.tns-outer .tns-controls.center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  justify-content: space-between;
}
.tns-outer .tns-controls.center button {
  margin: unset;
}
.tns-outer .tns-controls button {
  border-radius: 100%;
  width: 50px;
  height: 50px;
  padding: unset;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  background: var(--primary);
  color: var(--primary-content);
  outline: none;
  border: unset;
}
.tns-outer .tns-controls button .icon {
  margin: unset;
}