/* Defining the overall layout parameters */

/*
 * Outer Elementor container paddings 
 * Using clamp() to set a minimum and maximum padding value
 * the clamp calculator can be found here: https://www.marcbacon.com/tools/clamp-calculator/
 */

 .e-con:not(.e-child) {
    --padding-left: var(--content-padding);
    --padding-right: var(--content-padding);
}

/* Refactor with custom class */
.default-section-spacing > .e-con-inner,
.default-section-spacing.e-con-full {
    --padding-block-start: var(--section-padding-top);
    --padding-block-end: var(--section-padding-bottom);
}

@media screen and (max-width: 1024px) {
    .default-section-spacing > .e-con-inner,
    .default-section-spacing.e-con-full {
        --padding-block-start: var(--section-padding-top-tablet);
        --padding-block-end: var(--section-padding-bottom-tablet);
    }  
}

@media screen and (max-width: 767px) {
    .default-section-spacing > .e-con-inner,
    .default-section-spacing.e-con-full {
        --padding-block-start: var(--section-padding-top-mobile);
        --padding-block-end: var(--section-padding-bottom-mobile);
    }  
    
}

/* .page > .e-con:not(.e-child){
    --padding-left: 0;
    --padding-right: 0;
} */

/* Define Layout outside of Elementor Template (For example default archive pages) */
/**
 * Responsive layouts. Overwriting the hello-elementor theme's default layout settings (from theme.css)
 */
  
@media (max-width: 575px) {
    .site-header .header-inner, .site-header:not(.dynamic-header), .site-footer .footer-inner, .site-footer:not(.dynamic-footer), body:not([class*=elementor-page-]) .site-main, .page-header .entry-title {
        padding-inline-start: 0px;
        padding-inline-end: 0px;
    }
}
.site-header .header-inner, .site-header:not(.dynamic-header), .site-footer .footer-inner, .site-footer:not(.dynamic-footer), body:not([class*=elementor-page-]) .site-main {
    padding-inline-start: var(--content-padding);
    padding-inline-end: var(--content-padding);
}

.site-header .header-inner, .site-header:not(.dynamic-header), .site-footer .footer-inner, .site-footer:not(.dynamic-footer), body:not([class*=elementor-page-]) .site-main, .page-header .entry-title {
    max-width: calc(var(--content-width) + var(--content-padding) + var(--content-padding));    
}

/**
 * Fixes
 */

body { overflow-x:hidden; }

/* Removing margin-bottom from last paragraphs */
body[class*="elementor-kit-"] p:last-child {
    margin-bottom: 0;
}