:root {

    --sidebar-width-laptop: 490px;
    --sidebar-width-desktop: 490px;
    --sidebar-width-sm-laptop: 445px;

    --custom-x-padding-mobile: 5vw;
    --custom-x-padding-tablet: 4vw;
    --custom-x-padding-laptop: 4vw;
    --custom-x-padding-desktop: 6vw;
    --custom-x-padding-sm-laptop: 2vw;
}

/* Custom template overrides */

body {
    background: var(--bivb-color-surface-muted) !important;
}

.site-template__content {
    padding-top: 1em;
    padding-bottom: 1em;
}

.site-template__sidebar {
    padding-top: 0;
}

.site-template__sidebar-content {
    padding-top: 1em;
}

/*RESPONSIVE*/

/*phone*/
@media (max-width: 767px) {

}

/*tablet*/
@media (min-width: 768px) and (max-width: 1023px) {

}

/*mobile and tablet*/
@media (max-width: 1023px) {

    .site-template .site-template__sidebar,
    .site-template--sidebar .site-template__content .elementor-element.e-parent{
        gap: var(--bivb-content-layout-gap-mobile);
        padding-left: 0!important;
        padding-right: 0!important;
    }

}

/*desktop*/
@media (min-width: 1025px) {

    .site-template--sidebar {
        margin-left: auto;
        margin-right: auto;
        max-width: calc(1400px + (var(--custom-x-padding-desktop) * 2));
    }

    .site-template .site-template__sidebar {
        padding-bottom: 0;
    }

    .site-template .site-template__sidebar-content {
        padding-bottom: 2em;
    }

    .site-template--sidebar .site-template__content .elementor-element.e-parent {
        gap: var(--bivb-content-layout-gap-desktop);
        padding-left: unset !important;
        padding-right: unset !important;
    }

}

/*laptop 1*/
@media (min-width: 1024px) and (max-width: 1439px) {

    .site-template--sidebar {
        max-width: calc(1400px + (var(--custom-x-padding-sm-laptop) * 2));
    }

    .site-template--sidebar .site-template__content .elementor-element.e-parent {
        gap: var(--bivb-content-layout-gap-desktop);
    }

}

/*laptop 2*/
@media (min-width: 1440px) and (max-width: 1700px) {

    .site-template--sidebar {
        max-width: calc(1400px + (var(--custom-x-padding-laptop) * 2));
    }

}

/*RESPONSIVE*/