/* 
Theme Name: iCreate Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor child theme created by iCreate for your website.
Author: iCreate
Author URI: https://icreate.agency/
Template: hello-elementor
Version: 1.4.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);
	
    --boxed-large: var(--col-width-10);
    --boxed-medium: var(--col-width-8);
    --boxed-small: var(--col-width-6);
    --boxed-x-small: var(--col-width-4);
}


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

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

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

.mce-content-body ul,
.mce-content-body ol,
.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);
}

.mce-content-body > *:last-child,
.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-left:  min(var(--col-1), var(--col-width-1)); }
.col-pad-right { --margin-right: min(var(--col-1), var(--col-width-1)); }

/* Column Images */

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

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

@media (max-width: 767px) {
    .stretch-left .elementor-widget-container {
        margin-left: 0;
    }
    .stretch-right .elementor-widget-container {
        margin-right: 0;
    }
	.filled-left .elementor-widget-container {
		margin-right: calc(var(--h-space-half) * -1);
	}
	.filled-right .elementor-widget-container {
		margin-left: calc(var(--h-space-half) * -1);
	}
}


/*********************************
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;
}

[class*="image-aspect-"].elementor-widget-image,
[class*="image-aspect-"].elementor-widget-image-carousel {
	width: 100%;
}
[class*="image-aspect-"].elementor-widget-image .elementor-widget-container,
[class*="image-aspect-"].elementor-widget-image-carousel  .swiper-slide-inner {
    position: relative;
    z-index: 1;
    width: 100%;
}
[class*="image-aspect-"].elementor-widget-image .elementor-widget-container a {
    display: block;
}
[class*="image-aspect-"] img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
}
.elementor-widget-image.image-aspect-1-1  .elementor-widget-container { padding-top: 100%; }
.elementor-widget-image.image-aspect-4-3  .elementor-widget-container { padding-top: 75%; }
.elementor-widget-image.image-aspect-3-2  .elementor-widget-container { padding-top: 66.666%; }
.elementor-widget-image.image-aspect-5-3  .elementor-widget-container { padding-top: 60%; }
.elementor-widget-image.image-aspect-16-9 .elementor-widget-container { padding-top: 56.25%; }
.elementor-widget-image.image-aspect-3-4  .elementor-widget-container { padding-top: 133.333%; }
.elementor-widget-image.image-aspect-2-3  .elementor-widget-container { padding-top: 150%; }
.elementor-widget-image.image-aspect-3-5  .elementor-widget-container { padding-top: 166.666%; }
.elementor-widget-image-carousel.image-aspect-1-1  .swiper-slide-inner { padding-top: 100%; }
.elementor-widget-image-carousel.image-aspect-4-3  .swiper-slide-inner { padding-top: 75%; }
.elementor-widget-image-carousel.image-aspect-3-2  .swiper-slide-inner { padding-top: 66.666%; }
.elementor-widget-image-carousel.image-aspect-5-3  .swiper-slide-inner { padding-top: 60%; }
.elementor-widget-image-carousel.image-aspect-16-9 .swiper-slide-inner { padding-top: 56.25%; }
.elementor-widget-image-carousel.image-aspect-3-4  .swiper-slide-inner { padding-top: 133.333%; }
.elementor-widget-image-carousel.image-aspect-2-3  .swiper-slide-inner { padding-top: 150%; }
.elementor-widget-image-carousel.image-aspect-3-5  .swiper-slide-inner { padding-top: 166.666%; }


/*********************************
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;
}

/* Add the same divider from the style tab to the start of the menu */
.menu-divider-start .elementor-nav-menu:before {
    content: var(--e-nav-menu-divider-content, none);
    height: var(--e-nav-menu-divider-height, 35%);
    border-left: var(--e-nav-menu-divider-width, 2px) var(--e-nav-menu-divider-style, solid) var(--e-nav-menu-divider-color, #000);
    border-bottom-color: var(--e-nav-menu-divider-color, #000);
    border-right-color: var(--e-nav-menu-divider-color, #000);
    border-top-color: var(--e-nav-menu-divider-color, #000);
    -ms-flex-item-align: center;
    align-self: center;
    
    margin-inline-start: var(--e-nav-menu-horizontal-menu-item-margin);
    margin-inline-end: var(--e-nav-menu-horizontal-menu-item-margin);
}
/* Hide on mobile */
@media (max-width: 767px) {
    .menu-divider-start .elementor-nav-menu:before {
        content: none;
    }
}


/*********************************
FORMS
**********************************/

.gform_wrapper.gravity-theme input[type=date],
.gform_wrapper.gravity-theme input[type=datetime-local],
.gform_wrapper.gravity-theme input[type=datetime],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=month],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=search],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=time],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=week],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea,
.eael-gravity-form .gform_wrapper.gravity-theme textarea {
    padding: var(--input-padding-v) var(--input-padding-h);
    border-radius: 0;
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    font-weight: var(--input-font-weight);
    font-style: var(--input-font-style);
    text-transform: var(--input-text-transform);
    text-decoration: var(--input-text-decoration);
    letter-spacing: var(--input-letter-spacing);
    word-spacing: var(--input-word-spacing);
    
    color: var(--input-color);
    background-color: var(--input-background-color);
    border-color: var(--input-border-color);
    border-top-width: var(--input-border-top);
    border-bottom-width: var(--input-border-bottom);
    border-left-width: var(--input-border-left);
    border-right-width: var(--input-border-right);
    border-style: solid;
}
.gform_wrapper.gravity-theme input[type=date]:focus,
.gform_wrapper.gravity-theme input[type=datetime-local]:focus,
.gform_wrapper.gravity-theme input[type=datetime]:focus,
.gform_wrapper.gravity-theme input[type=email]:focus,
.gform_wrapper.gravity-theme input[type=month]:focus,
.gform_wrapper.gravity-theme input[type=number]:focus,
.gform_wrapper.gravity-theme input[type=password]:focus,
.gform_wrapper.gravity-theme input[type=search]:focus,
.gform_wrapper.gravity-theme input[type=tel]:focus,
.gform_wrapper.gravity-theme input[type=text]:focus,
.gform_wrapper.gravity-theme input[type=time]:focus,
.gform_wrapper.gravity-theme input[type=url]:focus,
.gform_wrapper.gravity-theme input[type=week]:focus,
.gform_wrapper.gravity-theme select:focus,
.gform_wrapper.gravity-theme textarea:focus,
.eael-gravity-form .gform_wrapper.gravity-theme textarea:focus {
    border-color: var(--input-border-color-active);
}

.gform_wrapper.gravity-theme textarea {
    vertical-align: top;
}
.gform_wrapper.gravity-theme .gfield textarea.large {
    height: calc(var(--input-font-size) * var(--input-line-height) * 7);
}
.gform_wrapper.gravity-theme .gfield textarea.medium {
    height: calc(var(--input-font-size) * var(--input-line-height) * 5);
}
.gform_wrapper.gravity-theme .gfield textarea.small {
    height: calc(var(--input-font-size) * var(--input-line-height) * 3);
}

.gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: var(--field-col-gap);
    grid-row-gap: var(--field-row-gap);
}

.gform_wrapper.gravity-theme .gfield_label {
    font-size: var(--label-font-size);
    line-height: var(--label-line-height);
    font-weight: var(--label-font-weight);
    margin-bottom: var(--label-margin-bottom)
}

.gform_wrapper.gravity-theme .gform_footer,
.gform_wrapper.gravity-theme .gform_page_footer {
    margin: var(--field-row-gap) 0 0 0;
    padding: 0;
}

@media (max-width: 767px) {
    /* Reduce column gap on mobile as the standard 30px is too wide and causes an overflow */
    .gform_wrapper.gravity-theme .gform_fields {
        grid-column-gap: calc(var(--field-col-gap) / 2);
    }
}

@media (max-width: 641px) {
    /* Fix for built in gf theme css */
    .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: var(--input-line-height);
        min-height: 0;
    }
}


/* FANCY FIELDS */

.fancy-field {
    position: relative;
}

.fancy-field .gfield_label {
    --half-height: calc(
        (var(--input-padding-v) + var(--input-border-size))
        + ((var(--input-font-size) * var(--input-line-height)) / 2)
    );
    
    position: absolute;
    left: var(--input-padding-h);
    bottom: calc(100% - var(--half-height));
    margin-bottom: 0 !important;
    transform: translateY(50%);
    transition: all 0.3s;
    pointer-events: none;
}

.fancy-field.filling .gfield_label {
    left: 0;
    bottom: 100%;
    transform: translateY(0);
    font-size: var(--fancy-field-active-label-size);
    pointer-events: auto;
}

/* add extra space above fancy fields when not on the first row */
.fancy-field:not(:first-child) {
    margin-top: var(--fancy-field-extra-space);
}
@media (min-width: 641px) {
    .fancy-field:nth-child(2).gfield--width-half,
    .fancy-field:nth-child(2).gfield--width-third,
    .fancy-field:nth-child(2).gfield--width-quarter,
    .fancy-field:nth-child(3).gfield--width-third,
    .fancy-field:nth-child(3).gfield--width-quarter,
    .fancy-field:nth-child(4).gfield--width-quarter {
        margin-top: 0;
    }
}