/* CSS Document */
@charset "utf-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");
@import url("fontawesome/scss/fontawesome.css"); 
@import url("fontawesome/scss/solid.css");
@import url("fontawesome/scss/brands.css");
@import url("owl-carousel/scss/owl.carousel.css");
@import url("owl-carousel/scss/owl.theme.default.css");
@import url('plugins/forms.css');
@import url('woocommerce.css');
@import url('modules/mod_header.css');
@import url('modules/mod_cards.css');
@import url('modules/mod_cta.css');
@import url('modules/mod_breadcrumb.css');
@import url('modules/mod_recom.css');
@import url('modules/mod_menu.css');
@import url('modules/mod_form.css');
@import url('modules/mod_email.css');
@import url('modules/mod_blog.css');
@import url('modules/mod_blurb.css');
@import url('modules/mod_categoriesbox.css');
@import url('modules/account.css');
@import url('modules/mod_code.css');
@import url('nav-bar.css');
@import url('header.css');
@import url('footer.css');
@import url('b2b_theme.css');
@import url('wpml.css');


:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #33348d;
  --bs-pink: #d63384;
  --bs-red: #d80b1e;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #aba095;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #ff0000;
  --bs-dark: #212529;
  --bs-gray: #e6e6e6;
  --bs-silver: #efefef;
  --bs-secondary: #00a4e3;
  --bs-danger-rgb: 255, 0, 0;
  --bs-light: #e3e0dc;
  --bs-orange: #fd7e14;
  --tw-bg-opacity: 1;
  --bs-bg: #f1f1f1;
  --bs-text: #212529;
  --bs-body-font-family: proxima-nova, sans-serif;
  --bs-body-font-size: 0.85rem;
  --bs-body-text-align: left;
  --bs-btn-font-family: proxima-nova, sans-serif !important;
  --bs-btn-font-size: 0.85rem !important;
  --bs-color-brand: rgb(0, 0, 163);
  --bs-btn-border-radius: 2px;
  --bs-borderline: #eaeaea;
  --bs-body-bg: #fff;
  --bs-header-font-family: "dolce", sans-serif; /*cairo, sans-serif;*/
  --bs-header-font-size: 1.2rem !important;
  --bs-header-font-weight: 400;
  --bs-header-font-weight_medium: 500;
  --bs-header-font-weight_bold: 700;
  --bs-header-font-weight_black: 900;
  --bs-header-font-size-h1: 3rem;
  --bs-header-font-size-h2: 2rem;
  --bs-header-font-size-h3: 1.8rem;
  --bs-footer-font-size: 2rem;
}

*,
*::before,
*::after {
    box-sizing: border-box; }

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth; 
    } 
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-text);
    text-align: var(--bs-body-text-align);
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}
hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0.25; 
}
hr:not([size]) {
      height: 1px; 
}
.container {
    max-width: 1270px;
}
.sticky-top {
    z-index: 500 !important;
}
.form-select {
    font-size: .875rem;
    font-weight: 300;
    font-family: proxima-nova, sans-serif;
}
.bg-grey-300 {
    background-color: rgba(247,247,247, 1);
}

.rosepink {
    background:linear-gradient(135deg,#faf4f4,#e8dddd);
}
.matt-gold {
    background:linear-gradient(135deg,#f8f4ed,#e9e3d7);
}
.lavendel {
    background:linear-gradient(135deg,#f1f0f4,#dedbe7);
}
.baby-blue {
    background:linear-gradient(135deg,#eff6f8,#dae5e8);
}
.olivegreen {
    background:linear-gradient(135deg,#f5f6f0,#e4e6da);
}
.grassgreen {
    background:linear-gradient(135deg,#f3fbf8,#e1ede9);
}
.champagne {
    background:linear-gradient(135deg,#f5f2ef,#e6ded6);
}
.none { 
    background:#ebebeb; 
}
.white {
    background:#fff;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: var(--bs-header-font-weight_bold);
    line-height: 1.2; 
    font-family: var(--bs-header-font-family);
}
h1, .h1 {
    font-size: calc(var(--bs-header-font-size-h1) + 1.5vw); 
}
@media (min-width: 1200px) {
    h1, .h1 {
        font-size: var(--bs-header-font-size-h1); 
    } 
}
h2, .h2 {
  font-size: calc(var(--bs-header-font-size-h2) + 0.9vw); 
}
@media (min-width: 1200px) {
    h2, .h2 {
        font-size: 1.8rem; 
    } 
}
h3, .h3 {
  font-size: calc(var(--bs-header-font-size-h3) + 0.6vw); 
}
@media (min-width: 1200px) {
    h3, .h3 {
        font-size: var(--bs-header-font-size-h3); 
    } 
}
h4, .h4 {
  font-size: calc(1.275rem + 0.3vw); 
}
@media (min-width: 1200px) {
    h4, .h4 {
        font-size: 1.5rem; 
    } 
}
h5, .h5 {
    font-size: 1.25rem; 
}
h6, .h6 {
    font-size: 1rem; 
}

/* HEADER TOP BAR */
.announcement-bar {
    height: 32px;
    font-size: 0.85rem;
    border-bottom: 1px solid var(--bs-gray);
    background-color: var(--bs-red);
    text-align: center; 
    color: var(--bs-white); 
}
.announcement-bar .row {
    line-height: 30px;
}
.announcement-bar span {
    padding: 0;
    list-style-type: none;
    display: inline-flex;
    align-items: center;
    margin: 0 10px 0 0; 
}
.announcement-bar span .bi {
    background-color: var(--bs-icon-background);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    margin-right: 5px; 
}
.announcement-bar span a {
    text-decoration: none;
    color: var(--bs-white); 
}
.announcement-bar span a:hover {
    color: var(--bs-white);
    text-decoration: underline; 
}

@media (max-width: 991.98px) {
    .announcement-bar {
        display: none; 
    } 
}

.btn {
    border-radius: 2px !important;
    font-size: var(--bs-body-font-size);
    font-family: var(--bs-btn-font-family);
    border-width: 0px !important;
    padding: 0.375rem 0.75rem;
}
.btn-primary {
    background-color: var(--bs-purple) !important;
    color: var(--bs-white) !important;
}
.btn-secondary {
    background-color: var(--bs-gray-600) !important;
    color: var(--bs-white) !important;
}
.form-control:focus {
    outline: none !important;
    box-shadow: none;
    border-radius: 2px !important;
}
.form-control {
    border-radius: 2px !important;
    font-size: var(--bs-body-font-size);
    font-family: var(--bs-btn-font-family);
    background-color: var(--bs-body-bg);
}