/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


.hdr-menu .elementor-item:before {
    content: '';
    display: block;
    width: 7px !important;
    height: 3.5px !important;
    position: absolute;
    bottom: 0;
    top: unset !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #C8AE60;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    transition: .3s;
    opacity: 0;
}

.hdr-menu .elementor-item:hover:before,
.hdr-menu .elementor-item.elementor-item-active:before {
    opacity: 1;
}


.cmn-btn .elementor-button-icon {
    width: 25.83px;
    height: 25.83px;
    background: #FFFFFF;
    transform: rotate(-45deg);
    color: #0F1C2C;
    fill: #0F1C2C;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    transition: all 0.3s ease-in-out;
}

.cmn-btn .elementor-button-icon svg {
    width: 9px;
    height: 8px;
    object-fit: contain;
    transform: rotate(41deg);
}

.cmn-btn .elementor-button-content-wrapper {
    align-items: center !important;
}

.cmn-btn .elementor-button-wrapper:hover .elementor-button-icon {
    transform: rotate(0);
}

.cmn-btn.pg-btn .elementor-button-icon {
    width: 31.78px;
    height: 31.78px;
}

.cmn-btn.pg-btn .elementor-button-icon svg {
    width: 12px;
    height: 12px;
}

.ftr-logo-slider .elementor-image-carousel-wrapper {
    padding-bottom: 0px;
}

.ftr-logo-slider .swiper-slide {
    display: flex;
    justify-content: center;
}

.ftr-logo-slider .swiper-pagination-bullets {
    bottom: 6px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ftr-logo-slider .swiper-pagination-bullet {
    width: 7.89px !important;
    height: 7.89px !important;
    background-color: #88B6BB !important;
    opacity: 1;
}

.ftr-logo-slider .swiper-pagination-bullet-active {
    width: 11.89px !important;
    height: 11.89px !important;
    background-color: #63AEB5 !important;
}

.brand-flip .elementor-flip-box__layer__overlay::after {
    content: '';
    position: absolute;
    background: #D5D5D5;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0.8;
    z-index: -1;
}

.brand-flip .elementor-flip-box__layer__description {
    height: 300px;
    overflow-y: scroll;
}

.brand-flip .elementor-flip-box__layer__description p {
    font-family: 'Biko';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #0F1C2B;
}

.brand-flip .elementor-flip-box__image img {
    height: 60.36px !important;
}

.brand-loop-style .swiper {
    padding-bottom: 100px;
}

.brand-loop-style .elementor-loop-container .e-loop-item:nth-child(odd) .e-parent {
    padding-top: 50px;
}

.heading-img .elementor-heading-title {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: 0.5s;
    background-image: url(images/northwestbackgroun.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.all-banner {
    position: relative;
}

.all-banner::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(186, 186, 186, 0) 45.46%, #BABABA 76.01%, #E2E2E2 98.13%);
    background-size: cover;
    left: 0;
    top: 0;
}


.insta-box .elementor-image-box-img {
    height: 154px;
    object-fit: cover;
    width: 100%;
    display: block !important;
}

.insta-box .elementor-image-box-content {
    background-color: #fff;
    padding: 22px 11px 23px 18px;
}

.insta-box .elementor-image-box-content h3 {
    margin: 0;
    padding-left: 45px !important;
    position: relative;
}

.insta-box .elementor-image-box-content h3::before {
    content: '';
    position: absolute;
    width: 33px;
    height: 33px;
    background: url(images/instasitelogo.png);
    background-repeat: no-repeat;
    left: 0;
    top: -8px;
}

.insta-box .elementor-image-box-content h3::after {
    content: '';
    position: absolute;
    background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_261_658)"><path d="M8.75169 0H3.24829C1.45715 0 0 1.45715 0 3.24829V8.75178C0 10.5428 1.45715 12 3.24829 12H8.75178C10.5428 12 12 10.5428 12 8.75178V3.24829C12 1.45715 10.5428 0 8.75169 0ZM11.2965 8.75178C11.2965 10.1549 10.1549 11.2965 8.75169 11.2965H3.24829C1.84507 11.2965 0.703499 10.1549 0.703499 8.75178V3.24829C0.703499 1.84507 1.84507 0.703499 3.24829 0.703499H8.75178C10.1549 0.703499 11.2965 1.84507 11.2965 3.24829V8.75178Z" fill="%23C8AE60"/><path d="M5.99991 2.71888C4.19065 2.71888 2.71875 4.19075 2.71875 6.00003C2.71875 7.80932 4.19063 9.28119 5.99991 9.28119C7.80919 9.28119 9.28106 7.80932 9.28106 6.00003C9.28106 4.19075 7.80919 2.71888 5.99991 2.71888ZM5.99991 8.57769C4.57866 8.57769 3.42225 7.4214 3.42225 6.00003C3.42225 4.57878 4.57866 3.42238 5.99991 3.42238C7.42127 3.42238 8.57756 4.57878 8.57756 6.00003C8.57756 7.4214 7.42127 8.57769 5.99991 8.57769ZM9.35953 1.55359C8.82485 1.55359 8.38999 1.98857 8.38999 2.52313C8.38999 3.05781 8.82485 3.49276 9.35953 3.49276C9.89421 3.49276 10.3291 3.05781 10.3291 2.52315C10.3291 1.9885 9.89419 1.55359 9.35953 1.55359ZM9.35953 2.78919C9.21286 2.78919 9.09347 2.6698 9.09347 2.52313C9.09347 2.37639 9.21286 2.25709 9.35953 2.25709C9.50627 2.25709 9.62566 2.37639 9.62566 2.52313C9.62566 2.6698 9.50627 2.78919 9.35953 2.78919Z" fill="%23C8AE60"/></g><defs><clipPath id="clip0_261_658"><rect width="12" height="12" fill="white"/></clipPath></defs></svg>');
    width: 12px;
    height: 12px;
    right: 4px;
    top: 1px;
}

.insta-box .elementor-image-box-description {
    padding-top: 20px;
}

.brand-video .elementor-custom-embed-play svg {
    opacity: 1 !important;
}

.brand-video .elementor-custom-embed-image-overlay,
.brand-video .elementor-open-inline {
    height: 412px;
}

.brand-video .elementor-open-inline {
    width: 100% !important;
}

.brand-video .elementor-open-lightbox img,
.brand-video .elementor-open-lightbox {
    height: 412px;
    width: 100% !important;
}

.blog-loop-bx-style .elementor-pagination {
    text-align: left !important;
}

.blog-loop-bx-style .page-numbers.prev {
    display: none;
}

.blog-loop-bx-style .page-numbers {
    width: 36px !important;
    height: 36px !important;
    border: 1px solid var(--e-global-color-secondary);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

.blog-loop-bx-style .page-numbers.next {
    width: unset !important;
    padding-left: 15px;
    padding-right: 13px;
}

.blog-loop-bx-style .page-numbers.current {
    background-color: var(--e-global-color-secondary);
}

.blog-loop-bx-style .page-numbers:hover {
    background-color: var(--e-global-color-secondary);
}

.blog-loop-bx-style .page-numbers.next:hover {
    color: #fff !important;
}

.containerwrap {
    /* display: none;     */
}

.brand-pg-loop-bx .elementor-loop-container {
    display: flex !important;
    width: 100% !important;
    flex-wrap: wrap;
}

.brand-pg-loop-bx .newcontainerwrap {
    display: flex !important;
    flex-wrap: wrap;
    width: 100% !important;
    column-gap: 9px;
    row-gap: 11px;
}

.brand-pg-loop-bx .e-loop-item {
    width: 24.4% !important;
}

/* .brand-pg-loop-bx .elementor-loop-container .e-loop-item:nth-child(4n),
.brand-pg-loop-bx .elementor-loop-container .e-loop-item:nth-child(4n - 2){
    position: relative;
    bottom: -50px;
} */


/* .brand-pg-loop-bx .elementor-loop-container .e-loop-item:nth-child(5n),
.brand-pg-loop-bx .elementor-loop-container .e-loop-item:nth-child(5n - 2){
    position: relative;
    bottom: -50px;
} */

.brand-pg-loop-bx .elementor-loop-container .e-loop-item:nth-child(4n - 1) {
    position: relative;
    bottom: -50px;
}

.brand-pg-loop-bx .elementor-loop-container .e-loop-item:nth-child(4n - 3) {
    position: relative;
    bottom: -50px;
}

.brand-pg-loop-bx .e-loop__load-more a {
    position: relative;
}

.brand-pg-loop-bx .e-loop__load-more a::after {
    content: '';
    position: absolute;
    background-image: url('data:image/svg+xml,<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="22.4727" width="31.7818" height="31.7818" transform="rotate(45 22.4727 0)" fill="white"/><path d="M18.4727 26L27.4727 18M27.4727 18H18.4727M27.4727 18V26" stroke="%230F1C2C" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 44.95px;
    height: 44.95px;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%) rotate(0);
    right: 15px;
    transition: all 0.3s;
}

.brand-pg-loop-bx .e-loop__load-more a:hover::after {
    transform: translateY(-50%) rotate(45deg);
}


.contact-frm-style input,
.contact-frm-style textarea {
    font-family: 'Biko' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 28px !important;
    color: #0F1C2B !important;
    padding: 12px 12px 12px 0 !important;
    border-radius: 0 !important;
    border-color: #7A7A7A !important;
    border-width: 0 0 1px 0 !important;
    background-color: transparent !important;
}

.contact-frm-style textarea {
    height: 102px !important;
    resize: none !important;
}

.contact-frm-style input::placeholder,
.contact-frm-style textarea::placeholder {
    color: #0F1C2B !important;
}

.contact-frm-style input:focus-visible,
.contact-frm-style textarea:focus-visible {
    outline: none !important;
}

.contact-frm-style .gform_heading {
    display: none !important;
}

.contact-frm-style .gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: 20px !important;
    grid-row-gap: 17px !important;
}

.contact-frm-style .ginput_container--name span {
    padding: 0 !important;
    margin: 0 !important;
}

.contact-frm-style .ginput_container--name {
    gap: 20px !important;
}

.contact-frm-style .gform-footer {
    margin-top: 11px !important;
}

.contact-frm-style .button {
    background-color: var(--e-global-color-secondary) !important;
    font-family: "Biko", Sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    border-style: none !important;
    border-radius: 0px 0px 0px 0px !important;
    padding: 14px 65px 14px 15px !important;
    background-image: url('data:image/svg+xml,<svg width="37" height="37" viewBox="0 0 37 37" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="18.2637" y="0.00012207" width="25.8284" height="25.8284" transform="rotate(45 18.2637 0.00012207)" fill="white"/><path d="M13.2637 22L22.2637 14M22.2637 14H13.2637M22.2637 14V22" stroke="%230F1C2C" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    color: #fff !important;
    background-position: 84% 50%;
}

.contact-frm-style .button:hover {
    /* color: var(--e-global-color-accent) !important; */
    /* background-color: transparent !important; */
}

.contact-frm-style .gfield {
    position: relative;
}

.contact-frm-style .validation_message {
    /* display: none; */
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 1;
    width: 30px !important;
    min-height: 25px !important;
    border-radius: 50px;
    padding: 5px 35px 5px 10px !important;
    overflow: hidden;
    font-size: 0 !important;
    background-color: #fff !important;
    line-height: 1.2 !important;
    cursor: help;
    background: url(images/infoicn.png) right center no-repeat #e7e8e8 !important;
    background-size: 25px !important;
    margin: 0 !important;
    border: 1px solid transparent !important;

}

.contact-frm-style .gfield--input-type-textarea .validation_message {
    top: 10% !important;
}

.contact-frm-style .validation_message:hover {
    font-size: 10px !important;
    max-width: calc(100% - 20px) !important;
    width: auto !important;
    border: 1px solid #c02b0a !important;
    transition: all 0.3s ease-in-out;
}

.contact-frm-style .gform_validation_errors {
    border-radius: 30px !important;
    margin-bottom: 30px !important;
}

.blog-banner {
    position: relative;
}

.blog-banner::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(186, 186, 186, 0) 12.85%, #E2E2E2 100%);
    background-size: cover;
    left: 0;
    top: 0;
    opacity: 0.6;
}

.team-loop-box:hover .elementor-icon {
    background-color: #C8AE60 !important;
}

.team-loop-style .elementor-swiper-button path {
    transition: all 0.3s;
}

.team-loop-style .elementor-swiper-button :hover path {
    fill: #3B7492;
}

.page-id-886 .post-password-required {
    min-height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(https://dev.wordpress-developer.us/northwest-road-reps/wp-content/uploads/2024/11/insta4.webp);
    background-size: cover;
    position: relative;
    z-index: 1;
    padding: 15px;
}

.page-id-886 .post-password-required::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /* background-color: rgba(255, 255, 255, 0.3); */
    background-color: gray;
    opacity: 0.9;
    z-index: -1;
}

.page-id-886 .post-password-required p {
    width: 100% !important;
    flex-direction: column;
}

.page-id-886 .post-password-required label {
    width: 100% !important;
}

.page-id-886 .post-password-required input {
    width: 100% !important;
    margin: 0 !important;
    margin-top: 15px !important;
    font-family: "Biko", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1em;
    border-style: none;
    border-radius: 0px 0px 0px 0px;
    color: #fff;
    padding: 15px 13px 15px 13px;
}

.page-id-886 .post-password-required input[type=password] {
    color: #000 !important;
}

.page-id-886 .post-password-required form>p {
    margin-bottom: 15px !important;
    color: #fff;
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    line-height: var(--e-global-typography-secondary-line-height);
}

#pwbox-886 {
    /* display: none; */
}

.stanley a {
    width: 18%;
    padding: 15px 21px;
    text-decoration: none;
    margin: 0;
    background: #C8AE60;
    color: #fff;
    text-align: center;
    transition: all 0.3s;
}

.stanley a:hover {
    background-color: #000;
    color: #fff !important;
}

.button-menu {
    column-gap: 15px;
    row-gap: 15px;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.brand-logo {
    width: 35%;
}

.brand-logo img {
    width: 100%;
    height: 150px !important;
    object-fit: contain;
}

.stanley .row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.stanley {
    padding: 150px 0 !important;
    margin-top: 5px;
}

/* Responsive */
@media(max-width: 1024px) {
    .hdr-menu .elementor-item:before {
        content: none !important;
    }

    .brand-pg-loop-bx .e-loop-item {
        width: 24.11% !important;
    }

    .button-menu {
        width: 100%;
        column-gap: 10px;
        row-gap: 10px;
    }

    .stanley a {
        width: 25%;
    }
}

@media(max-width: 767px) {
    .ftr-logo-slider .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
    }

    .brand-loop-style .elementor-loop-container .e-loop-item:nth-child(odd) .e-parent {
        padding-top: 0;
    }

    .brand-loop-style .swiper {
        padding-bottom: 0;
    }

    .cmn-btn.pg-btn .elementor-button-icon svg {
        width: 9px;
        height: 9px;
    }

    .cmn-btn.pg-btn .elementor-button-icon {
        width: 23.78px;
        height: 23.78px;
    }

    .brand-pg-loop-bx .e-loop-item {
        width: 100% !important;
    }

    .brand-pg-loop-bx .elementor-loop-container .e-loop-item:nth-child(4n - 1) {
        position: relative;
        bottom: 0;
    }

    .brand-pg-loop-bx .elementor-loop-container .e-loop-item:nth-child(4n - 3) {
        position: relative;
        bottom: 0px;
    }

    #field_1_1 .validation_message {
        top: 20% !important;
    }

    .contact-frm-style .gform-footer {
        justify-content: center !important;
    }

    .insta-img-bx img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }


    .button-menu {
        width: 80%;
        column-gap: 10px;
        row-gap: 10px;
    }

    .stanley a {
        font-size: 16px;
        padding: 10px 22px;
        width: 30%;
        text-align: center;
    }

    .brand-logo {
        width: 30%;
    }

    .brand-logo img {
        width: 100%;
        ;
    }
}



@media screen and (max-width: 575px) {
    .button-menu {
        width: 80%;
        column-gap: 10px;
        row-gap: 10px;
    }

    .stanley a {
        padding: 8px 18px;
        width: 40%;
        font-size: 14px;
        text-align: center;
    }

    .brand-logo {
    width: 35%;
}

.brand-logo img {
    width: 100%;;
}
}

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

    .stanley a {
        padding: 10px 16px;
        width: 100%;
        display: block;
        text-align: center;
    }

    .brand-logo {
    width: 45%;
}
}
/* Responsive */