/* 
Theme Name: iCreate Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.2.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


:root {
    --v-space: 20px;
    --h-space: 30px;
    --h-space-half: 15px;
}

.e-con {
    --col-1:  calc(100% * (1 / 12));
    --col-2:  calc(100% * (2 / 12));
    --col-3:  calc(100% * (3 / 12));
    --col-4:  calc(100% * (4 / 12));
    --col-5:  calc(100% * (5 / 12));
    --col-6:  calc(100% * (6 / 12));
    --col-7:  calc(100% * (7 / 12));
    --col-8:  calc(100% * (8 / 12));
    --col-9:  calc(100% * (9 / 12));
    --col-10: calc(100% * (10 / 12));
    --col-11: calc(100% * (11 / 12));
    --col-12: 100%;
    --col-width-1:  calc(var(--container-max-width) * (1 / 12));
    --col-width-2:  calc(var(--container-max-width) * (2 / 12));
    --col-width-3:  calc(var(--container-max-width) * (3 / 12));
    --col-width-4:  calc(var(--container-max-width) * (4 / 12));
    --col-width-5:  calc(var(--container-max-width) * (5 / 12));
    --col-width-6:  calc(var(--container-max-width) * (6 / 12));
    --col-width-7:  calc(var(--container-max-width) * (7 / 12));
    --col-width-8:  calc(var(--container-max-width) * (8 / 12));
    --col-width-9:  calc(var(--container-max-width) * (9 / 12));
    --col-width-10: calc(var(--container-max-width) * (10 / 12));
    --col-width-11: calc(var(--container-max-width) * (11 / 12));
    --col-width-12: var(--container-max-width);
}


/*********************************
TYPOGRAPHY
**********************************/

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: var(--v-space);
}

a.elementor-button:hover {
    text-decoration: none;
}

.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol,
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol {
    margin-bottom: var(--v-space);
}

.elementor-widget-text-editor .elementor-widget-container > *:last-child,
.elementor-widget-text-editor .elementor-text-editor > *:last-child,
.elementor-widget-theme-post-content > .elementor-widget-container > *:last-child {
    margin-bottom: 0;
}


/*********************************
COLUMNS
**********************************/

.site-width-1  { --width: min(var(--col-1),  var(--col-width-1)); }
.site-width-2  { --width: min(var(--col-2),  var(--col-width-2)); }
.site-width-3  { --width: min(var(--col-3),  var(--col-width-3)); }
.site-width-4  { --width: min(var(--col-4),  var(--col-width-4)); }
.site-width-5  { --width: min(var(--col-5),  var(--col-width-5)); }
.site-width-6  { --width: min(var(--col-6),  var(--col-width-6)); }
.site-width-7  { --width: min(var(--col-7),  var(--col-width-7)); }
.site-width-8  { --width: min(var(--col-8),  var(--col-width-8)); }
.site-width-9  { --width: min(var(--col-9),  var(--col-width-9)); }
.site-width-10 { --width: min(var(--col-10), var(--col-width-10)); }
.site-width-11 { --width: min(var(--col-11), var(--col-width-11)); }
.site-width-12 { --width: min(var(--col-12), var(--col-width-12)); }

.stretch-width-1  { --width: max(var(--col-1),  (50% - var(--col-width-5))); }
.stretch-width-2  { --width: max(var(--col-2),  (50% - var(--col-width-4))); }
.stretch-width-3  { --width: max(var(--col-3),  (50% - var(--col-width-3))); }
.stretch-width-4  { --width: max(var(--col-4),  (50% - var(--col-width-2))); }
.stretch-width-5  { --width: max(var(--col-5),  (50% - var(--col-width-1))); }
.stretch-width-6  { --width: min(var(--col-6),   50%); }
.stretch-width-7  { --width: min(var(--col-7),  (50% + var(--col-width-1))); }
.stretch-width-8  { --width: min(var(--col-8),  (50% + var(--col-width-2))); }
.stretch-width-9  { --width: min(var(--col-9),  (50% + var(--col-width-3))); }
.stretch-width-10 { --width: min(var(--col-10), (50% + var(--col-width-4))); }
.stretch-width-11 { --width: min(var(--col-11), (50% + var(--col-width-5))); }
.stretch-width-12 { --width: min(var(--col-12), (50% + var(--col-width-6))); }

.col-pad-left  { --margin-inline-start: min(var(--col-1), var(--col-width-1)); }
.col-pad-right { --margin-inline-end:   min(var(--col-1), var(--col-width-1)); }

.remove-gap-left .elementor-widget-container {
    margin-left: calc(var(--h-space-half) * -1);
}
.remove-gap-right .elementor-widget-container {
    margin-right: calc(var(--h-space-half) * -1);
}

@media (max-width: 767px) {
    .remove-gap-left .elementor-widget-container {
        margin-left: 0;
    }
    .remove-gap-right .elementor-widget-container {
        margin-right: 0;
    }
}


/*********************************
IMAGES/MEDIA
**********************************/

.elementor-widget-icon .elementor-icon {
    vertical-align: middle;
}

.icon-dynamic-size .elementor-icon svg {
    height: 1em;
    width: auto;
}

.elementor-widget-image.full-height-image,
.elementor-widget-image.full-height-image .elementor-widget-container,
.elementor-widget-image.full-height-image .elementor-widget-container > a {
    height: 100%;
}
.elementor-widget-image.full-height-image .elementor-widget-container img {
    min-height: 100%;
    object-fit: cover;
    object-position: center;
}

.image-aspect-1-1 .elementor-widget-container,
.image-aspect-4-3 .elementor-widget-container,
.image-aspect-3-2 .elementor-widget-container,
.image-aspect-5-3 .elementor-widget-container,
.image-aspect-16-9 .elementor-widget-container,
.image-aspect-3-4 .elementor-widget-container,
.image-aspect-2-3 .elementor-widget-container {
    position: relative;
    z-index: 1;
    width: 100%;
}
.image-aspect-1-1 img,
.image-aspect-4-3 img,
.image-aspect-3-2 img,
.image-aspect-5-3 img,
.image-aspect-16-9 img,
.image-aspect-3-4 img,
.image-aspect-2-3 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
}
.image-aspect-1-1 .elementor-widget-container { padding-top: 100%; }
.image-aspect-4-3 .elementor-widget-container { padding-top: 75%; }
.image-aspect-3-2 .elementor-widget-container { padding-top: 66.666%; }
.image-aspect-5-3 .elementor-widget-container { padding-top: 60%; }
.image-aspect-16-9 .elementor-widget-container { padding-top: 56.25%; }
.image-aspect-3-4 .elementor-widget-container { padding-top: 133.333%; }
.image-aspect-2-3 .elementor-widget-container { padding-top: 150%; }


/*********************************
MENUS
**********************************/

.elementor-widget-nav-menu ul.elementor-nav-menu--dropdown a,
.elementor-widget-nav-menu ul.elementor-nav-menu--dropdown a:focus,
.elementor-widget-nav-menu ul.elementor-nav-menu--dropdown a:hover {
    border-left-width: var(--h-space-half);
}
.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu--dropdown a {
    border: none;
}

.elementor-widget-nav-menu .elementor-menu-toggle {
    padding: 0;
}