@charset 'utf-8';
/*
Theme Name: sqft child Theme
Theme URI: 
Description:
Author:
Author URI:  
Template: sqft
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags:
Text Domain: sqft-child
*/


.wpcf7 form.sent .wpcf7-response-output {
    background: #00D06C;
    border: none;
    font-family: Karla !important;
    font-style: normal;
    font-weight: normal !important;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.003em;
    padding: 7px 11px;
    margin: 36px 0 0 0;
    max-width: 508px;
    color: #000000 !important;
}


div.elementor-message {
    background-color: #ffffff;
    padding: 10px;
    border-radius: 8px;
    font-weight: bold;
}

div.elementor-message-success {
    background-color: #1fc51f;
    color: white;
}

.elementor-widget-text-editor p:last-child,
.elementor-widget-text-editor ul:last-child {
    margin-bottom: 0;
}

.elementor-widget-text-editor ul {
    padding-left: 10px;
}

.elementor-field-type-select {
    position: relative;
}

.elementor-field-type-select .elementor-select-wrapper.remove-before:before {
    content: none !important;
}

.elementor-field-type-select .select-caret-down-wrapper {
    background: url("img/icons/icon-dropdown.svg") no-repeat center center;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 9;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
}

.elementor-field-type-select .select-caret-down-wrapper i {
    display: none;
}

body .sqrt-gallery-wrap .ngg-galleryoverview {
    margin: 0;
}

/* ============== Header START ============== */
:is(header, div)[data-elementor-type="header"].elementor-location-header {
    position: sticky;
    top: 0;
    z-index: 99;
}

body.admin-bar :is(header, div)[data-elementor-type="header"].elementor-location-header {
    top: 32px;
}

#header-menu-wrap {
    width: fit-content;
}

#header-menu nav.elementor-nav-menu__container:not(.elementor-nav-menu--dropdown) ul.elementor-nav-menu > li:first-child > a {
    padding-left: 0;
}

#header-menu,
#header-menu-wrap {
    position: initial;
}

#header-menu nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 99999;
    margin: 0;
    height: calc(100vh - 62px);
    overflow-y: auto;
    padding: 30px 0;
}

#header-menu nav.elementor-nav-menu--dropdown.elementor-nav-menu__container ul.elementor-nav-menu {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

#header-menu nav.elementor-nav-menu--dropdown.elementor-nav-menu__container ul.elementor-nav-menu .elementor-item {
    color: #454358;
}

#header-menu nav.elementor-nav-menu--dropdown.elementor-nav-menu__container ul.elementor-nav-menu > li.menu-item > a.elementor-item {
    display: flex;
    justify-content: center;
}

nav.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
nav.elementor-nav-menu--dropdown .elementor-item.highlighted,
nav.elementor-nav-menu--dropdown .elementor-item:focus,
nav.elementor-nav-menu--dropdown .elementor-item:hover {
    background-color: initial;
    color: #454358;
}

#header-menu .elementor-menu-toggle {
    padding: 0;
}

/* ============== Header END ================ */

/* ============== Home page START ============== */
.full-two-part-banner .content-wrap {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.full-two-part-banner .content-wrap:before,
.full-two-part-banner .content-wrap:after {
    position: absolute;
    content: "";
    z-index: -1;
    width: 100%;
    height: 100%;
    background-image: url("img/banner-content-bg.png");
    background-repeat: no-repeat;
    background-position: left top;
}

.full-two-part-banner .content-wrap:after {
    transform: rotate(180deg);
    width: calc(100% + 1px);
}

/* ============== Accordion ============== */

.sqrt-accordion.elementor-widget-n-accordion .e-n-accordion-item > .elementor-element {
    padding-bottom: 16px;
    border: 0 !important;
}

.sqrt-accordion.elementor-widget-n-accordion summary.e-n-accordion-item-title {
    justify-content: space-between !important;
    padding: 16px 0 !important;
    border: 0 !important;
}

.sqrt-accordion.elementor-widget-n-accordion .e-n-accordion-item-title-text {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* ============== Slider ============== */

.rb-testi-wrapper .rb-testi-item {
    background: #fff;
    padding: 32px 24px;
}

.rb-testi-wrapper .rb-testi-item {
    font-family: 'Inter', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #696969;
    height: initial;
    display: flex;
    flex-direction: column;
}

.rb-testi-wrapper .rb-testi-item .rb-trstii-rating .stars {
    --rating: 5; /* 0 → 5 (can be 3.7, 4.5, etc.) */
    --star-size: 18px; /* star size */
    --star-gap: 7px; /* spacing between stars */
    --star-color: #e6e6e6; /* base (empty) color */
    --star-fill: #F6D25F; /* filled color */
    --percent: calc(var(--rating) / 5 * 100%);

    position: relative;
    display: inline-block;
    font-size: var(--star-size);
    line-height: 1;
    letter-spacing: var(--star-gap);
}

.rb-testi-wrapper .rb-testi-item .rb-trstii-rating .stars::before {
    content: "★★★★★";
    color: var(--star-color);
}

.rb-testi-wrapper .rb-testi-item .rb-trstii-rating .stars::after {
    content: "★★★★★";
    color: var(--star-fill);
    position: absolute;
    inset: 0;
    width: var(--percent); /* clip width based on rating */
    overflow: hidden;
}

.rb-testi-wrapper .rb-testi-item .rb-trstii-desc {
    margin-top: 16px;
    margin-bottom: 24px;
}

.rb-testi-wrapper .rb-testi-item .rb-trstii-desc a {
    color: #454358;
    text-decoration: underline;
}

.rb-testi-wrapper .rb-testi-item .rb-trstii-desc p:last-child {
    margin-bottom: 0;
}

.rb-testi-wrapper .rb-testi-item .rb-trstii-author {
    font-family: 'Archivo', serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: #454358;
}

.rb-testi-wrapper .rb-testi-item .rb-trstii-footer {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
}

.rb-testi-wrapper .rb-testi-item .rb-trstii-meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rb-testi-wrapper .rb-testi-item .rb-trstii-img {
    width: 42px;
    height: 42px;
    background: url("img/icons/icon-google.svg") no-repeat center center;
}

.rb-trsti-pagination-wrap {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.rb-trsti-pagination-wrap .swiper-pagination {
    position: initial;
    width: auto !important;
    transform: none !important;
}

.rb-trsti-pagination-wrap .swiper-pagination .swiper-pagination-bullet {
    background: #FFFFFF;
    transform: none !important;
    width: 14px;
    height: 14px;
    left: 0 !important;
    position: initial !important;
}

/* ============== Home page END ================ */

/* ============== Footer START ============== */
#footer-contact-info-wrap .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon {
    background: #106FC2;
    width: 42px;
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#footer-contact-info-wrap .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon i {
    font-size: 20px;
    color: #fff;
}

#footer-contact-info-wrap .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon svg {
    width: 20px;
}

#footer-contact-info-wrap .elementor-icon-box-wrapper .elementor-icon-box-description a {
    color: #454358;
}

#footer-social-share .elementor-social-icons-wrapper .elementor-grid-item:last-child a {
    width: 31px;
}

#footer-social-share .elementor-social-icons-wrapper .elementor-grid-item:last-child a svg {
    width: 100%;
}

#footer-contact-form .elementor-field-textual {
    padding: 20px;
}

#footer-contact-form.elementor-widget-form .elementor-form .e-form__buttons {
    margin-top: 8px;
}

.elementor-widget-form .elementor-form .e-form__buttons {
    margin-bottom: 0 !important;
}

/* ============== Footer END ================ */

@media only screen and (min-width: 770px) {
    .beyond-painting-first-item {
        grid-column: span 2;
    }
}

@media only screen and (min-width: 1341px) {
    .full-two-part-banner .content-wrap > .e-con-inner {
        padding-left: calc((100vw - 1300px) / 2);
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1600px) {

}

/* end 1600 */
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1340px) {

}

@media only screen and (max-width: 1200px) {

}

/* end 1200 */


/* Large Devices, Wide Screens */
@media only screen and (max-width: 1024px) {
    .full-two-part-banner .content-wrap:before,
    .full-two-part-banner .content-wrap:after {
        background-image: url("img/banner-content-m-bg.png");
    }

    .full-two-part-banner .content-wrap:after {
        width: calc(100% - 20px);
    }
}

/* end 1025 */


/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {

}

/*  end 992 */

@media only screen and (max-width: 782px) {
    body.admin-bar :is(header, div)[data-elementor-type="header"].elementor-location-header {
        top: 46px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 769px) {
    .sqrt-accordion.elementor-widget-n-accordion .e-n-accordion-item-title-text {
        gap: 12px;
    }

    .sqrt-accordion.elementor-widget-n-accordion .e-n-accordion-item-title-text img {
        max-width: 32px;
    }

    #header-logo img {
        max-width: 35px;
    }

    .elementor-widget-image.rb-responsive-img a,
    .elementor-widget-image.rb-responsive-img a img {
        width: 100%;
    }

}

/* end 769 */