/*
Theme Name: Hello Child theme
Version: 1.0
Description: A child theme of Elementor Hello Theme
Author: Elchanan Levavi
Template: hello-elementor
*/

html, body {
    overflow-x: hidden;
}

p:last-child {margin-bottom: 0;}

.skip-link a:focus {
    background-color: #eee;
    clip: auto!important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #333;
    display: block;
    font-size: 1rem;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

.luminosity img {
    mix-blend-mode: luminosity;
    opacity: 60%;
}

.inline-space {
    --padding-inline: 80px;
    padding-inline: var(--padding-inline);
}

.inline-space-narrow,
.inline-end-space-narrow {
    --content-width: 1375px;
    --padding-inline: 205px;
    padding-inline: var(--padding-inline);
}

/* Tablet & desktop */
@media (min-width:768px) {
    .inline-end-space-narrow .last-con > .elementor-widget {
    --page-content-width: 1375px;
    --content-padding: var(--padding-inline);
    --viewport-width: 100vw;
    --custom-padding: max(calc((var(--viewport-width) - var(--page-content-width)) / 2), var(--content-padding));
    max-width: unset !important;
    overflow: visible;
    width: calc(100% + var(--custom-padding));
}
}

/* laptop */
@media (max-width: 1300px) {
    .inline-space,
    .inline-space-narrow,
    .inline-end-space-narrow {
        --padding-inline: 60px;
    }
}

/* Tablet and mobile*/
@media (max-width: 1024px) {
    .inline-space,
    .inline-space-narrow,
    .inline-end-space-narrow {
        --padding-inline: 50px;
    }
}

/* mobile */
@media (max-width: 767px) {
    .inline-space,
    .inline-space-narrow,
    .inline-end-space-narrow{
        --padding-inline: 20px;
    }
    
    .mobile-hidden {
        display: none;
    }
}