/* 
Theme Name: Web Illusion Child
Description: Web Illusion Child is a child theme of Woodmart, created by Web Illusion.
Author: Web Illusion
Author URI: https://webillusion.gr/
Template: woodmart
Version: 1.0.0
Requires at least: 5.9
Requires PHP: 5.6
Text Domain: web-illusion-child
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Define Custom CSS Variables */

:root,
.web-illusion-child,
.web-illusion-child .e-con,
.web-illusion-child .elementor-element,
.web-illusion-child .elementor-element .elementor-widget-container {
    --wi-container-max-width: min(calc(100% - 128px), 1500px);
    --wi-container-padding: max(16px, calc(8px + 1vw));
    --wi-container-padding-vertical: max(16px, calc(8px + 1vw));
    --wi-container-padding-horizontal: max(16px, calc(8px + 1vw));
    --wi-table-border: 2px solid;
    --wi-button-border: 1px solid;
    --wi-button-border-width: 1px;
    --wi-button-border-style: solid;
    --wi-border-radius: 15px;
    --wi-button-min-width: 100px;
    --wi-button-padding: 13px 15px;
    --wi-button-padding-vertical: 13px;
    --wi-button-padding-horizontal: 15px;
    --wi-transition-all: all .3s;
    --wi-transition: .3s;
    --wi-title-margin-start: 1rem;
    --wi-title-margin-end: 1rem;
    --wi-heading-margin-start: 1.75rem;
    --wi-heading-margin-end: 1rem;
    --wi-paragraph-margin-start: 0.9rem;
    --wi-paragraph-margin-end: 0.9rem;
    --wi-heading-line-height: 1;
    --wi-paragraph-line-height: 1.5;
    --wi-sections-margin: 0 0 max(16px, calc(8px + 1vw)) 0;
    --wi-sections-margin-bottom: max(16px, calc(8px + 1vw));
    --wi-container-background-color: var(--e-global-color-4450c4b);
    --wi-white-color: var(--e-global-color-df4e322);
    --wi-secondary-text-font-family: var(--e-global-typography-00a21e9-font-family), Sans-serif;
    --wi-secondary-text-font-size: var(--e-global-typography-00a21e9-font-size);
    --wi-secondary-text-font-weight: var(--e-global-typography-00a21e9-font-weight);
}

@media (max-width: 1200px) {

    :root,
    .web-illusion-child,
    .web-illusion-child .e-con,
    .web-illusion-child .elementor-element,
    .web-illusion-child .elementor-element .elementor-widget-container {
        --wi-container-max-width: 100%;
    }
}

/* Add your custom styles here */

/* ---------------------------- */
/* Headings */
/* ---------------------------- */
.web-illusion-child h1,
.web-illusion-child h2,
.web-illusion-child h3,
.web-illusion-child h4,
.web-illusion-child h5,
.web-illusion-child h6 {
    /* padding: 0;
    margin: 0;
    line-height: var(--wi-heading-line-height); */
}

/* Title for Single Post Template */
.web-illusion-child .web-illusion-single-post h1 {
    margin-block-start: var(--wi-title-margin-start);
    margin-block-end: var(--wi-title-margin-end);
}

/* h2-h6 Headings for Single Post Template */
.web-illusion-child .web-illusion-single-post h2,
.web-illusion-child .web-illusion-single-post h3,
.web-illusion-child .web-illusion-single-post h4,
.web-illusion-child .web-illusion-single-post h5,
.web-illusion-child .web-illusion-single-post h6 {
    margin-block-start: var(--wi-heading-margin-start);
    margin-block-end: var(--wi-heading-margin-end);
}

/* ---------------------------- */
/* Paragraph */
/* ---------------------------- */
.web-illusion-child p {
    /* padding: 0;
    margin: 0;
    line-height: var(--wi-paragraph-line-height); */
}

/* Paragraph for Single Post Template */
.web-illusion-child .web-illusion-single-post p {
    margin-block-start: var(--wi-paragraph-margin-start);
    margin-block-end: var(--wi-paragraph-margin-end);
}

/* ---------------------------- */
/* Header */
/* ---------------------------- */

/* ---------------------------- */
/* Navigation Menu */
/* ---------------------------- */
.web-illusion-child .elementor-nav-menu .elementor-item {
    transition: var(--wi-transition-all);
}

.web-illusion-child .elementor-nav-menu--main .elementor-nav-menu,
.web-illusion-child .elementor-nav-menu--main .elementor-nav-menu li,
.web-illusion-child .elementor-nav-menu--main .elementor-nav-menu li a {
    transition: var(--wi-transition-all);
}

/* ---------------------------- */
/* Posts Archive Pagination */
/* ---------------------------- */
.web-illusion-child .elementor-pagination .page-numbers {
    transition: var(--wi-transition-all);
}