.elementor-kit-129{--e-global-color-primary:#EBB457;--e-global-color-secondary:#03251C;--e-global-color-text:#F0EFED;--e-global-color-accent:#D89F3E;--e-global-typography-primary-font-family:"Cairo";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Cairo";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Cairo";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Cairo";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-secondary );font-family:"Cairo", cairo;}.elementor-kit-129 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================
   DEELZ SHOP - Retailer Theme Global CSS
   ========================================================== */

/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap');

/* ==========================
   BRAND COLORS
========================== */

:root{
    --primary:#EBB457;
    --secondary:#03251C;
    --text:#F0EFED;
    --accent:#D89F3E;

    --dark:#03251C;
    --light:#F8F8F5;
    --muted:#CBD5D1;
}

/* ==========================
   GLOBAL FONT
========================== */

*,
body,
button,
input,
select,
textarea,
a,
span,
p,
li,
label,
h1,
h2,
h3,
h4,
h5,
h6{
    font-family:'Cairo',sans-serif !important;
}

/* ==========================
   BODY
========================== */

body{
    background:var(--light);
    color:var(--dark);
}

/* ==========================
   HEADINGS
========================== */

h1,h2,h3,h4,h5,h6{
    color:var(--dark);
    font-weight:700;
}

/* ==========================
   LINKS
========================== */

a{
    color:var(--primary);
    transition:.3s;
}

a:hover{
    color:var(--accent);
}

/* ==========================
   PRODUCT TITLES
========================== */

.woocommerce ul.products li.product h2,
.woocommerce-loop-product__title,
.product-title{
    color:var(--dark)!important;
    font-weight:700;
}

/* ==========================
   PRODUCT PRICE
========================== */

.price,
.amount{
    color:var(--primary)!important;
    font-weight:700;
}

/* ==========================
   BUTTONS
========================== */

button,
.button,
input[type=submit],
input[type=button],
.add_to_cart_button,
.single_add_to_cart_button{
    background:var(--primary)!important;
    color:var(--dark)!important;
    border:none!important;
    border-radius:8px;
    transition:.3s;
}

button:hover,
.button:hover,
input[type=submit]:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover{
    background:var(--accent)!important;
    color:#fff!important;
}

/* ==========================
   HEADER
========================== */

.site-header,
.header,
.header-wrapper{
    background:#ffffff;
}

/* ==========================
   FOOTER
========================== */

.site-footer,
.footer,
.footer-wrapper{
    background:var(--secondary)!important;
    color:var(--text)!important;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6{
    color:var(--primary)!important;
}

.site-footer p,
.site-footer li,
.footer p,
.footer li{
    color:var(--muted)!important;
}

.site-footer a,
.footer a{
    color:var(--text)!important;
}

.site-footer a:hover,
.footer a:hover{
    color:var(--primary)!important;
}

/* ==========================
   FORM FIELDS
========================== */

input,
textarea,
select{
    border:1px solid #dcdcdc;
    border-radius:8px;
}

/* ==========================
   TEXT SELECTION
========================== */

::selection{
    background:var(--primary);
    color:var(--secondary);
}/* End custom CSS */