:root {

    --sidebar-width-laptop: 500px;
    --sidebar-width-desktop: 550px;
    --sidebar-width-sm-laptop: 425px;

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

html {
    margin: 0!important;
}

*,::before, *::after {
    box-sizing: border-box;
}

@view-transition {
    navigation: auto;
}

html::view-transition-old(root),
html::view-transition-new(root) {
    animation-delay: .5s;
}

.site-template {
    width: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
}

.site-template__sidebar-content .site-sidebar__list {
    gap: 1em;
    display: flex;
    flex-direction: column;
}

.site-template__sidebar-content .site-sidebar__list a {
    padding: 0.5em 1em;
    background-color: #f5f5f5;
}

.site-template__woocommerce-filters {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-top: 1em;
    align-items: center;
    justify-content: space-between;
}

.site-template__woocommerce-filters .woocommerce-notices-wrapper {
    width: 100%;
}


.site-template__content section.related.products {
    gap: 1em;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.site-template__content section.related.products ul.products {
    gap: 2em;
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0 2em 0;
}

.site-template__content section.related.products ul.products::before,
.site-template__content section.related.products ul.products::after {
    display: none;
}

.site-template__content section.related.products ul.products li.product {
    margin: 0;
    padding: 0;
    width: 100%;
}

.site-banner {
    width: 100%;
    display: flex;
    min-height: 200px;
    position: relative;
    align-items: center;
    background-color: #f5f5f5;
}

.site-banner__inner {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.site-banner__title {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
}

.woocommerce-page .site-template__content {
    padding-top: 2em;
    padding-bottom: 2em;
}

.woocommerce-page .site-template__content .alignwide {
     margin-inline: unset;
}

.bwah-list__items {
    gap: 2em;
    display: flex;
    flex-wrap: wrap;
    padding-top: 1em;
    padding-bottom: 1em;
    align-items: center;
    justify-content: center;
}


/*forminator*/

.forminator-row {
    margin-bottom: 0.5em !important;
}

.forminator-row.forminator-row-last {
    margin-bottom: 0 !important;
}

.forminator-error-message {
    display: none !important;
}

.forminator-field-textarea .forminator-description {
    display: none !important;
}

.forminator-row label,
.forminator-row span.forminator-label {
    font-size: .9rem !important;
    line-height: 2rem !important;
    font-weight: 600 !important;
}

.forminator-row label .forminator-required {
    color: red !important;
}

.forminator-row input,
.forminator-row textarea {
    outline: none !important;
    font-size: 16px !important;
    min-height: 2.5rem !important;
    border: 1px solid #d1d5db !important;
    background-color: #ffffff !important;
}

.forminator-row textarea {
    min-height: 80px!important;
}

.forminator-has_error input,
.forminator-has_error textarea {
    border: 1px solid red !important;
}

.forminator-row input::placeholder,
.forminator-row textarea::placeholder {
    color: #d1d5db !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}

.forminator-row .forminator-radio-label {
    font-size: .8rem !important;
    font-weight: 500 !important;
}

.forminator-row input:checked + .forminator-radio-bullet {
    border-color: #d1d5db;
}

.forminator-row input:checked + .forminator-radio-bullet:before {
    background-color: #d1d5db;
}

.forminator-row .select2-container .selection {
    outline: none !important;
    border: 1px solid #d1d5db !important;
    background-color: transparent !important;
}

.forminator-row .select2-selection {
    outline: none !important;
    border: none!important;
    background-color: transparent !important;
}

.forminator-row .select2-selection__rendered {
    outline: none !important;
    font-size: 16px !important;
    border: none!important;
    min-height: 2.5rem !important;
    background-color: transparent !important;
}

body .forminator-select.forminator-select-dropdown-container--open {
    border: none!important;
    outline: none !important;
    margin-top: 0 !important;
}

body .forminator-select-dropdown {
    outline: none !important;
    background-color: #E6E6E6;
    border: 1px solid #d1d5db !important;
}

body .select2-results {
    border: none!important;
    outline: none !important;
}

body .select2-results__options {
    border: none!important;
    outline: none !important;
}

body .select2-results__option {
    border: none!important;
    outline: none !important;
}

body .select2-results__option--selected {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.forminator-row .forminator-description {
    opacity: 0.75;
    font-size: .75rem !important;
    font-weight: 500 !important;
}

.forminator-row .forminator-field-radio .forminator-field {
    gap: 1em;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
}

.forminator-row .forminator-field-radio .forminator-field label {
    margin: 0 !important;
}

.forminator-multi-upload {
    background-color: rgba(0, 0, 0, 0.01);
}

.forminator-row .forminator-uploaded-file--delete {
    border: none !important;
    background-color: transparent !important;
}

.forminator-row .forminator-uploaded-file--preview {
    border: none !important;
    width: 15px !important;
    align-items: flex-start !important;
    background-color: transparent !important;
}

.forminator-uploaded-file--size {
    font-size: 0.55rem !important;
}

.forminator-uploaded-file--title {
    font-size: 0.9rem !important;
    line-height: 1rem !important;
}

.forminator-field-upload .forminator-error-message {
    color: red !important;
    font-size: .85rem !important;
    font-weight: 500 !important;
}

.forminator-row-last .forminator-field {
    text-align: center !important;
}

.forminator-row button.forminator-button-submit {
    box-shadow: none!important;
    width: fit-content!important;
    border: solid 1px #d1d5db !important;
    transition: background-color 0.3s ease-in-out;
}
/*forminator*/


/*RESPONSIVE*/

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

    .hide-mobile {
        display: none !important;
    }

    .custom-x-padding {
        padding-left: var(--custom-x-padding-mobile) !important;
        padding-right: var(--custom-x-padding-mobile) !important;
    }

    .woocommerce-page .site-template__content {
        padding-left: var(--custom-x-padding-mobile) !important;
        padding-right: var(--custom-x-padding-mobile) !important;
    }

    .site-template .site-template__sidebar,
    .site-template--sidebar .site-template__content .elementor-element.e-parent {
        padding-left: var(--custom-x-padding-mobile) !important;
        padding-right: var(--custom-x-padding-mobile) !important;
    }

    .site-banner__inner {
        padding: 2rem var(--custom-x-padding-mobile);
    }

    .bwah-list__items {
        flex-direction: column;
    }

}

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

    .hide-tablet {
        display: none !important;
    }

    .custom-x-padding {
        padding-left: var(--custom-x-padding-tablet) !important;
        padding-right: var(--custom-x-padding-tablet) !important;
    }

    .woocommerce-page .site-template__content {
        padding-left: var(--custom-x-padding-tablet) !important;
        padding-right: var(--custom-x-padding-tablet) !important;
    }

    .site-template .site-template__sidebar,
    .site-template--sidebar .site-template__content .elementor-element.e-parent {
        padding-left: var(--custom-x-padding-tablet) !important;
        padding-right: var(--custom-x-padding-tablet) !important;
    }

    .site-banner__inner {
        padding: 2rem var(--custom-x-padding-tablet);
    }

}

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

}

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

    .hide-desktop {
        display: none !important;
    }

    .custom-x-padding {
        padding-left: var(--custom-x-padding-desktop) !important;
        padding-right: var(--custom-x-padding-desktop) !important;
    }

    .woocommerce-page .site-template__content {
        padding-left: var(--custom-x-padding-desktop) !important;
        padding-right: var(--custom-x-padding-desktop) !important;
    }

    .site-template--sidebar .site-template__content .elementor-element.e-parent {
        gap: 5em;
        display: grid;
        grid-template-columns: 1fr var(--sidebar-width-desktop);
        padding-left: var(--custom-x-padding-desktop) !important;
        padding-right: var(--custom-x-padding-desktop) !important;
    }

    .site-template .site-template__sidebar {
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        position: absolute;
        padding-bottom: 2em;
        max-width: var(--sidebar-width-desktop);
        right: var(--custom-x-padding-desktop) !important;
    }

    .site-template .site-template__sidebar-content {
        top: 4em;
        position: sticky;
    }

}

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

    .custom-x-padding {
        padding-left: var(--custom-x-padding-sm-laptop) !important;
        padding-right: var(--custom-x-padding-sm-laptop) !important;
    }

    .woocommerce-page .site-template__content {
        padding-left: var(--custom-x-padding-sm-laptop) !important;
        padding-right: var(--custom-x-padding-sm-laptop) !important;
    }

    .site-template--sidebar .site-template__content .elementor-element.e-parent {
        gap: 3em;
        grid-template-columns: 1fr var(--sidebar-width-sm-laptop);
        padding-left: var(--custom-x-padding-sm-laptop) !important;
        padding-right: var(--custom-x-padding-sm-laptop) !important;
    }

    .site-template .site-template__sidebar {
        max-width: var(--sidebar-width-sm-laptop);
        right: var(--custom-x-padding-sm-laptop) !important;
    }

    .site-banner__inner {
        padding-left: var(--custom-x-padding-sm-laptop);
        padding-right: var(--custom-x-padding-sm-laptop);
    }

}

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

    .custom-x-padding {
        padding-left: var(--custom-x-padding-laptop) !important;
        padding-right: var(--custom-x-padding-laptop) !important;
    }

    .woocommerce-page .site-template__content {
        padding-left: var(--custom-x-padding-laptop) !important;
        padding-right: var(--custom-x-padding-laptop) !important;
    }

    .site-template--sidebar .site-template__content .elementor-element.e-parent {
        gap: 4em;
        grid-template-columns: 1fr var(--sidebar-width-laptop);
        padding-left: var(--custom-x-padding-laptop) !important;
        padding-right: var(--custom-x-padding-laptop) !important;
    }

    .site-template .site-template__sidebar {
        max-width: var(--sidebar-width-laptop);
        right: var(--custom-x-padding-laptop) !important;
    }

    .site-banner__inner {
        padding-left: var(--custom-x-padding-laptop);
        padding-right: var(--custom-x-padding-laptop);
    }

}

/*RESPONSIVE*/