/*
Theme Name: Remuda Electrical
Theme URI: https://remudaelectrical.com/
Description: Modified Total Child Theme Developed for Remuda
Author: Up Up Digital
Template: Total
Version: 1.1
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
.wpex-live-site .bottom-grad:after {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    height: 100% !important;
    width: 100% !important;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: visible !important;
    display: inline-block !important;
}
.bottom-grad {
    padding-top: 130px;
    overflow: hidden;
}
.vc_row.vc_row-o-full-height {
    min-height: 100vh !important;
}
.wpex-live-site .bottom-grad.left-grad:after {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 80%);
}
.wpex-live-site .no-grad:after {
    background-image: none !important;
}
.theme-button-inner {
    letter-spacing: 2px;
}
.theme-button {
    border: 1px solid var(--wpex-palette-1073-color) !important;
    border-left: 6px solid var(--wpex-palette-1073-color) !important;
    background: transparent;
    border-radius: 0;
    color: black;
    box-shadow: inset 0 0 0 0 var(--wpex-palette-1073-color);
    transition: ease-out 0.5s;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}
.theme-button:hover {
    background: transparent;
    box-shadow: inset 450px 0 0 0 var(--wpex-palette-1073-color);
}
.theme-button.outline {
    background: transparent;
    box-shadow: inset 00 0 0 white;
    border: 1px solid white !important;
    border-left: 6px solid white !important;
}
.theme-button.outline:hover {
    background: transparent;
    box-shadow: inset 450px 0 0 0 white;
    color: black !important;
    border: 1px solid white !important;
    border-left: 6px solid white !important;
}
.wpex-card-inner {
    border: none;
}
.left-grad .wpex-bg-overlay-wrap:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to left, rgba(56, 46, 44, 0.0), rgba(56, 46, 44, 0.8), rgb(56, 46, 44));
}
.staff-entry-media-img {
    height: 300px;
    width: 300px;
    object-fit: cover;
}
.vc_tta-tabs-list {
    display: flex !important;
}
.vc_tta.vc_general .vc_tta-tab {
    flex-grow: 1;
    text-align: center;
}

.vcex-image-caption::before {
    content: "|";
    color: var(--wpex-palette-1073-color);
    margin-right: 8px;
    font-weight: 500;
}
ul {
    list-style-type: square;
    margin-left: 15px;
}
ul li {
    font-size: 16px;
}
li::marker {
    color: var(--wpex-palette-1073-color);
}
.wpex-social-bg, .wpex-social-bg:hover, .wpex-social-bg-hover:hover, .wpex-social-btn-graphical, .wpex-social-btn-bordered:hover, .wpex-social-bg, .wpex-social-bg:hover, .wpex-social-bg-hover:hover, .wpex-social-btn-graphical, .wpex-social-btn-bordered:hover {
    background-color: var(--wpex-palette-1073-color);
 }
 /* BEGIN CF7 STYLES */
 .wpcf7-not-valid-tip {
    font-size: 11px !important;
    top: 25px;
    left: 0;
    position: absolute;
}
 .wpcf7-form input, .wpcf7-form textarea, .wpcf7-form .wpex-select-wrap {
    font-size: 14px;
 }
 .wpcf7-form .halfinput {
     width: 49%;
     margin: 0 0 25px 0;
     display: inline-block;
     padding-right: 20px;
 }
 .wpcf7-form .thirdinput {
     width: 32.5%;
     margin: 0 0 25px 0;
     display: inline-block;
     padding-right: 20px;
 }
 .wpcf7-form .twothirdsinput {
     width: 65%;
     margin: 0 0 25px 0;
     display: inline-block;
     padding-right: 20px;
 }
 .wpcf7-form .thirdinput div, .wpcf7-form .thirdinput select, .wpcf7-form .halfinput div, .wpcf7-form .twothirdsinput div {
     width: 100%;
 }
 .wpcf7-form strong {
     letter-spacing: 2.8px;
 }
 .wpcf7-form p {
     margin-bottom: 25px;
 }
 .wpcf7-submit {
     border: 1px solid var(--wpex-palette-1073-color) !important;
     border-left: 6px solid var(--wpex-palette-1073-color) !important;
     background: transparent !important;
     border-radius: 0 !important;
     color: black !important;
     box-shadow: inset 0 0 0 0 var(--wpex-palette-1073-color) !important;
     transition: ease-out 0.5s;
     text-transform: uppercase !important;
     letter-spacing: 4.8px !important;
     font-size: 16px !important;
 }
 .wpcf7-submit:hover {
     background: transparent !important;
     box-shadow: inset 150px 0 0 0 var(--wpex-palette-1073-color) !important;
     color: white !important;
 }
/* END CF7 STYLES */

textarea {
    height: 165px;
}
::placeholder {
    opacity: 0.4;
    font-size: 14px;
}
.text-center {
    text-align: center;
}
.text-center .vcex-button {
    margin: 10px;
}
.wpb_row .wpb_text_column {
    margin-bottom: 35px;
}
.vcex-heading-inner {
    word-break: keep-all !important;
    max-width: 100%;
}
body, p, h1, h2, h3, h4, h5, a {
    font-family: "Poppins", sans-serif;
    word-break: keep-all !important;
}
h1, h1.vcex-heading {
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
    word-break: keep-all !important;
    text-shadow: 0px 4px 70px rgba(0, 0, 0, 0.90);
    margin-bottom: 30px;
}
.no-shadow {
    text-shadow: none !important;
}
button, input, select, textarea {
    font-family: "Poppins", sans-serif;
}
h2, h2.vcex-heading, .wpex-h2.vcex-heading, h2.wpex-heading  {
    font-size: 48px;
    font-style: normal;
    word-break: keep-all !important;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 30px;
}
h2.wpex-card-title {
    font-size: 30px;
    font-style: normal;
    word-break: keep-all;
    font-weight: 700;
    line-height: 120%;
}
h3, h3.vcex-heading .wpex-h3.vcex-heading, h3.wpex-heading  {
    font-size: 14px;
    font-style: normal;
    word-break: keep-all !important;
    font-weight: 700;
    line-height: 120%; /* 16.8px */
    letter-spacing: 4.2px;
    text-transform: uppercase !important;
    margin-bottom: 30px;
}
h3 span, h3.vcex-heading span, .testimonial-entry h3 {
    border-right: 2px solid var(--wpex-palette-1073-color);
    border-left: 2px solid var(--wpex-palette-1073-color);
    padding: 0 10px;
    display: inline-block;
    word-break: keep-all !important;
}
.flag-me {
    position: absolute;
    top: 0;
    left: 33px;
}
#flag-col .vc_column-inner {
    position: relative;
}
h3.white-line-me span {
    border-right: 2px solid white;
    border-left: 2px solid white;
}
.meta-icon {
    display: none !important;
}
.featured-card  .meta-post-terms > span {
    border-right: 2px solid var(--wpex-palette-1073-color);
    border-left: 2px solid var(--wpex-palette-1073-color);
    padding: 0 10px;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 4.2px;
    text-transform: uppercase !important;
}
p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.wpex-card-more-link  {
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 22.5px */
    letter-spacing: 4.5px;
    text-transform: uppercase;
    color: black;

}
.project-filtersvtwo {
    display: none;
}
.project-categories {
    margin-right: 70px;
}
.project-categories ul {
    margin: 0;
    list-style-type: none;
    column-count: 2;
    column-gap: 0;
}
.project-categories ul li:hover {
    text-decoration: underline;
    color: var(--wpex-palette-1073-color);
    cursor: pointer;
}
.project-categories li.active {
    font-weight: bold;
    color: var(--wpex-palette-1073-color);
}
.project-tags {
    float: right;
}
.project-tags, .project-categories {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}
.project-tags h3, .project-categories h3{
    border-bottom: 1px solid black;
}
.project-tags form {
    column-count: 4;
    column-gap: 50px;
    accent-color: var(--wpex-palette-1073-color);
}
.project-categories form {
    column-count: 2;
    column-gap: 50px;
    accent-color: var(--wpex-palette-1073-color);

}
.wpex-card-more-link span span, .wpex-live-site .topable.sim-card a span, .topable2 .vcex-module a span {
    color: black;
    word-break: keep-all !important;
    box-shadow: inset 0 0 0 0 var(--wpex-palette-1073-color);
    border-left: 3px solid var(--wpex-palette-1073-color); 
    transition: ease-out 0.5s;
    padding: 5px 5px 5px 10px;
}
.topable2 .vcex-module a span {
    color: white;
}
.meta-post-terms {
    margin-right: 6px !important;
  }
.project-card-meta li:first-child span span {
    background-color: var(--wpex-palette-1073-color);
    margin-right: 8px;
    padding: 4px 10px 6px;
    display: inline-block;
    line-height: 1;
    margin-bottom: 8px;
    text-transform: capitalize;
}
.project-card-meta span span {
    background-color: #382e2c;
    margin-right: 8px;
    padding: 4px 10px 6px;
    display: inline-block;
    line-height: 1;
    margin-bottom: 8px;
    text-transform: capitalize;
}
.wpex-card-inner img {
    opacity: 1;
    transition: ease-out 0.5s;
    position: relative;
}
.wpex-card-inner:hover img {
    opacity: 1;
    transition: ease-out 0.5s;
}
.wpex-card-inner .vcex-image-inner:after, .topable.sim-card .vcex-image-inner:after, .topable2 .vcex-image-inner:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    /* box-shadow: inset 0 0 0 0 #0000008c; */
    transition: ease-out 0.5s;
}
.topable .wpex-card-inner .vcex-image-inner:after, .topable.sim-card .vcex-image-inner:after, .topable2 .vcex-image-inner:after {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%);
    pointer-events: none;
}
.topable .wpex-card-more-link {
    position: relative;
    top: -75px;
    left: 20px;
    height: 0;
}
.topable2 .wpex-card-more-link {
    position: relative;
    top: -50px;
    left: 20px;
    height: 0;
}
.topable .wpex-card-more-link span span, .wpex-live-site .topable.sim-card a span, .topable2 .wpex-card-more-link span {
    color: white;
}
.wpex-post-cards-loop {
    justify-content: center;
}
.wpex-card-inner:hover .vcex-image-inner:after {
    /* box-shadow: inset 650px 0 0 0 #0000008c; */
    transition: ease-out 0.5s;
    /* background-color: #0000008c; */
}
.home-cards .vcex-image {
    position: relative;
    z-index: -2;
}
.home-cards.wpex-post-cards img {
    min-height: 250px;
}
.home-cards .wpex-card-inner:hover .vcex-image-inner:after {
    /* box-shadow: inset 650px 0 0 0 #0000008c; */
    transition: ease-out 0.5s;
    background-color: #0000008c;
}
.homepage-card-excerpt {
    color: white;
    position: absolute;
    z-index: 0;
    top: 250px;
    z-index: -1;
    margin-top: 0;
    transition: ease-out 0.5s;
}
.homepage-card-excerpt p {
    font-weight: 500;
    font-size: 20px;
    padding: 0 15px 10px;
}
.wpex-card-inner:hover .homepage-card-excerpt {
    transform: translateY(-100%);
    transition: ease-out 0.5s;
}
.wpex-card-inner:hover .vcex-heading-inner {
    /* text-decoration: underline; */
}
.wpex-card-inner:hover .wpex-card-more-link span, .topable.sim-card a:hover span, .topable2 .vcex-module:hover a span {
    color: white;
    text-decoration: none;
    border-top: none;
    border-bottom: none;
    background: transparent;
    box-shadow: inset 450px 0 0 0 var(--wpex-palette-1073-color);
    transition: ease-out 0.5s;
}


/* header */
#site-header-sticky-wrapper {
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 999;
    background: none !important;
    transition: all 0.5s;
}
#site-header {
    position: relative;
    background-color: var(--wpex-palette-1132-color) !important;
}
#site-header-sticky-wrapper.is-sticky {
    top: 0;
    transition: all 0.5s;
}
#site-header-inner {
    position: relative;
    background-color: transparent;
    padding-left: 15px;
    width: calc(((100vw - var(--wpex-container-width)) / 2) + var(--wpex-container-width));
}
#site-header #site-navigation-wrap {
    right: 0;
    padding-right: 15px;
}
#site-header #mobile-menu {
    padding-right: 15px;
}
/* #site-header::after {
    border-right: 500px solid black;
    height: 100%;
    position: absolute;
    visibility: visible;
    top: 0;
    right: 0;
    z-index: -1;
} */
/* #site-header-inner::before {
    content: '';
    background-color: #f5f4f4;
    width: 15px;
    position: absolute;
    left: -15px;
    top: -50px;
    bottom: 0;
    height: 100vh;
} */
#primary {
    position: relative;
}
/*
#progress-bar {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    left: calc(((100vw - var(--wpex-container-width)) / 4) - 15px);
}
#progress-bar:before {
    content: '';
    background-color: #f5f4f4;
    width: 15px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: 9999;
}
#progress-bar:after {
    content: '';
    background-color: #f5f4f4;
    width: 15px;
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: 9;
}
@media only screen and (max-width: 1630px) {
    #progress-bar {
        left: 50px;
    }
}
#progress-bar::before {
    content: '';
    background-color: #f5f4f4;
    width: 15px;
    position: absolute;
    left: 0;
    top: -90vh;
    height: 100vh;
    z-index: 9;
}
.bottom-grad > .wpb_column:after {
    content: '';
    display: block !important;
    background-color: #f5f4f4;
    width: 15px;
    position: absolute;
    left: 15px;
    bottom: 0;
    height: 100vh;
    z-index: 2;
} */

#site-header-sticky-wrapper.is-sticky #site-header-inner {
    z-index: auto !important;
}
#site-header-sticky-wrapper.is-sticky .has-sticky-dropshadow {
    box-shadow: none;
}
#site-header-sticky-wrapper.is-sticky #site-header-inner {
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}
#menu-header-menu > li:last-child {
    margin-left: 10px;
}
#menu-header-menu > li:last-child a {
    padding: 0;
}
#menu-header-menu > li:last-child span {
    padding: 5px 15px;
    background-color: var(--wpex-palette-1073-color);
    border-radius: 0;
    box-shadow: inset 0 0 0 0 white;
    transition: ease-out 0.5s;
    text-transform: uppercase;
}
#menu-header-menu > li:last-child span:hover {
    box-shadow: inset 200px 0 0 0 white;
    color: black !important;
}
/*
#menu-header-menu > #menu-item-73 span:hover {
    box-shadow: inset 200px 0 0 0 white;
    color: black !important;
}
*/
#menu-header-menu > #menu-item-73 a {
    padding-right: 12px;
}
#menu-header-menu > #menu-item-73 span {
    padding: 5px 15px;
    background-color: transparent;
    border-radius: 0;
    box-shadow: inset 0 0 0 0 white;
    transition: ease-out 0.5s;
    text-transform: uppercase;
    border: 1px solid white;
}
#menu-header-menu > #menu-item-73 span:hover {
    box-shadow: inset 200px 0 0 0 white;
    color: black !important;
}
#menu-header-menu > #menu-item-139:last-child {
    margin-left: 0;
}
#menu-header-menu .dropdown {
    margin-right: 15px;
}
#menu-header-menu .dropdown:after {
    content: "⌄";
    position: absolute;
    top: 11px;
    right: -6px;
    transform:scale(2,1);
    font-size: 13px;
}
.main-navigation-ul .sub-menu .menu-item a {
    padding: 15px 25px;
    box-shadow: inset 0 0 0 0 #382E2C;
    transition: ease-out 0.5s;
}
.main-navigation-ul .sub-menu .menu-item a:hover {
    box-shadow: inset 600px 0 0 0 #382E2C;
    color: white !important;
    transition: ease-out 0.5s;
}
.vc-oi-resize-full-alt::before {
    content: url('./images/Remuda-Icons_v3_Area-icon.svg') !important;
    width: 150px !important;
    margin-left: -25px !important;
    margin-top: -25px;
}

/* homepage */
.testimonial-entry {
    display: flex;
}
.testimonial-entry-content {
    order: 2;
    width: 50%;
    padding: 50px;
    align-content: center;
    background: none;
    padding-right: 185px;
}
.no-media .testimonial-entry-content {
    width: 70%;
    padding-right: 75px;
    padding-left: 75px;
    margin: 0 auto;
}
.no-media .testimonial-entry-bottom {
    width: auto;
}
.testimonial-entry-content h3 {
    display: inline-block;
}
.testimonial-entry-bottom {
    order: 1;
    width: 50%;
    margin: 0;
    align-content: center;
}
.testimonial-entry-title, .vcex_testimonials_carousel-heading {
    display: none;
}
.testimonials-entry-img {
    padding: 0;
    border: none;
}
.testimonial-entry-thumb {
    max-width: 100%;
}
.testimonial-entry-text {
    padding-bottom: 25px;
}
.owl-nav {
    position: absolute;
    top: 47%;
    width: 100%;
    align-content: center;
    padding: 0 100px;
}
.owl-prev {
    color: black !important;
    background-color: white !important;
}
.owl-next {
    float: right !important;
    color: black !important;
    background-color: white !important;
}
.owl-nav button {
    border: 1px solid black !important;
    border-radius: 0 !important;
    height: 40px !important;
    line-height: 40px !important;
}
/*** 
.vcex-post-next-prev__link {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.vcex-post-next-prev__link span {
    content: url('https://supplies.remudabuilding.com/wp-content/uploads/sites/2/2025/06/Button.svg') !important;
    transition: ease-out 0.5s;
}
.vcex-post-next-prev__prev span {
    transform: scaleX(-1);
}
.vcex-post-next-prev__link:hover span {
    background: transparent;
    box-shadow: inset 100px 0 0 0 var(--wpex-palette-1073-color);
    content: url('https://supplies.remudabuilding.com/wp-content/uploads/sites/2/2025/06/Button.png') !important;
}
.vcex-post-next-prev__link span {
    background: transparent;
    box-shadow: inset 00 0 0 var(--wpex-palette-1073-color);
}
***/
/* Projects */
.wpex-card-inner:hover .featured-card .vcex-heading-inner {
    text-decoration: none !important;
}
.wpex-card-inner:hover .featured-card .theme-button {
    background: transparent;
    box-shadow: inset 450px 0 0 0 var(--wpex-palette-1073-color);
    color: white !important;
    text-transform: uppercase;
}
.wpex-card-inner:hover .featured-card img {
    opacity: 1;
}
.featured-card .vcex-image, .featured-card .vcex-image-inner {
    height: 100%;
}
.featured-card img {
    min-height: 100%;
    object-fit: cover;
    max-height: 100%;
}
.project-tabs .vc_tta-tabs-list {
    display: flex !important;
    align-items: center;
    justify-content: space-evenly;
}
.project-tabs .vc_tta-tabs-list li {
    flex-grow: 1;
    margin: 18px 0 17px 0 !important;
}
.project-tabs .vc_tta-icon {
    display: block !important;
    font-size: 64px !important;
    line-height: 64px !important;
    color: #CCCCCC;
}
.project-tabs .vc_tta-tab.vc_active .vc_tta-icon {
    color: black;
}
.project-tabs .vc_tta-title-text {
    margin: 0 !important;
    display: block;
    color: black;
}
.project-tabs .vc_tta-tab {
    border-bottom: 2px solid #CCCCCC;
}
.project-tabs .vc_tta-tab.vc_active {
    border-bottom: 2px solid var(--wpex-palette-1073-color);
}
.project-tabs .vc_tta-tab a {
    padding-bottom: 0 !important;
    background: transparent !important;
    font-size: 18px;
    font-weight: 500;
}
.project-tabs .vc_tta-title-text::before {
    font-weight: 700;
    font-size: 18px;
    border-image: linear-gradient(transparent 15%, black 15% 85%, transparent 90%) 0 1 0 0 / 2px;
    padding-right: 7px;
    margin-right: 7px;
}
.project-tabs .vc_tta-tab:nth-child(1) .vc_tta-title-text::before {
    content: "01";
}
.project-tabs .vc_tta-tab:nth-child(2) .vc_tta-title-text::before {
    content: "02";
}
.project-tabs .vc_tta-tab:nth-child(3) .vc_tta-title-text::before {
    content: "03";
}
.project-tabs .vc_tta-tab:nth-child(4) .vc_tta-title-text::before {
    content: "04";
}
.project-tabs .vc_tta-tab:nth-child(5) .vc_tta-title-text::before {
    content: "05";
}
.project-tabs .vc_tta-tab:nth-child(6) .vc_tta-title-text::before {
    content: "06";
}
.project-tabs .vc_tta-tab:nth-child(7) .vc_tta-title-text::before {
    content: "07";
}
.project-tabs .vc_tta-tab:nth-child(8) .vc_tta-title-text::before {
    content: "08";
}
.project-tabs .vcex-icon-box {
    margin-top: 35px;
}
.project-tabs .vcex-icon-box h2 {
    margin-bottom: 0;
}
.project-tabs .vcex-icon-box p {
    font-size: 12px;
}
.project-tabs .vc_pagination.vc_pagination-style-outline .vc_pagination-trigger {
    border: 1px solid black;
}
.project-tabs .vc_general.vc_pagination .vc_pagination-trigger {
    height: 44px;
    width: 44px;
}
.project-tabs.vc_tta-has-pagination .vc_pagination {
    text-align: right !important;
}
.project-tabs .vc_tta-tabs-container {
    overflow: hidden !important;
}
.project-tabs .vc_tta-panels .vc_tta-panel .vc_tta-panel-body {
    border: transparent !important;
}
.project-tabs .vc_row {
    margin: 0;
}
.project-tabs .vc_row .wpb_column {
    align-items: baseline !important;
}
.project-tabs .vc_tta-panel-body .vc_row .wpb_column:nth-child(2) .vc_column-inner, .project-tabs .vc_tta-panel-body .vc_row .wpb_column:nth-child(2) .vc_column-inner .wpb_wrapper .vcex-image, .project-tabs .vc_tta-panel-body .vc_row .wpb_column:nth-child(2) .vc_column-inner .wpb_wrapper, .project-tabs .vc_tta-panel-body .vc_row .wpb_column:nth-child(2) .vc_column-inner .wpb_wrapper .vcex-image-inner {
    height: 100%;
}
.project-tabs .vc_tta-panel-body .vc_row .wpb_column:nth-child(2) .vc_column-inner {
    padding-top: 25px;
}
.project-tabs .wpex-h3 {
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: var(--wpex-leading-tight) !important;
}
.project-tabs .vcex-image-img {
    object-fit: cover;
    height: calc(100% - 280px) !important;
}
.single-buildings .project-tabs .vcex-image-img {
    aspect-ratio: 16 / 9 !important;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail::before {
    bottom: 0;
    height: 100%;
    background: var(--wpex-palette-1073-color);
    z-index: 99;
    margin: 0 !important;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail::after {
    content: none !important;
}
.sp-bottom-thumbnails.sp-has-pointer {
    margin-top: 15px !important;
    height: 44px;
    overflow: hidden;
}
.sp-thumbnail-container {
    width: 10px !important;
    height: 100% !important;
    background: #eee;
}
.sp-thumbnail-container:hover {
    background: var(--wpex-palette-1073-color);
}
.wpex-slider .sp-thumbnails img:hover {
    opacity: 0 !important;
}
.wpex-slider-thumbnails {
    height: 100% !important;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
    top: 0 !important;
    opacity: 0;
}
.sp-horizontal .sp-arrows {
    top: 100% !important;
    margin-top: 15px !important;
    z-index: 999;
}
.wpex-slider .sp-arrow {
    height: 44px !important;
    background: transparent !important;
    color: black;
    border: 1px solid black !important;
    width: 44px !important;
}
.wpex-slider.sp-horizontal .sp-previous-arrow {
    left: auto !important;
    right: 50px !important;
}
.vcex-image-slider .sp-black {
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%) !important;
}
.project-phases .vcex-image-inner:after {
    content: '';
    background-image: url('./images/line-ball.png');
    background-size: contain;
    position: absolute;
    left: 88%;
    top: 50%;
    width: 73px;
    height: 20px;
    background-repeat: no-repeat;
}
.project-phases .vcex-image-img {
    padding: 0 25px;
}
.project-phases .wpb_column:last-child .vcex-image-inner:after {
    background-image: none;
}
.project-phases h4 {
    font-size: 24px;
}
.project-phases p {
    font-size: 16px;
}
.wpex-post-cards .wpex-surface-1 {
    background: transparent;
}
.wpex-post-cards img {
    max-height: 250px;
}
#project-filters {
    align-items: baseline;
    justify-content: end;
    padding: 0 15px;
    margin-top: 55px;
}
#project-filters strong {
    font-weight: bold;
    font-size: 20px;
    padding-right: 15px;
    margin-right: 200px;
}

#filter-dropdown {
    font-weight: 600;
    text-transform: capitalize;
    list-style: none;
    margin: 0;
    padding: 0;
    background: var(--wpex-dropmenu-bg, #fff);
    border: var(--wpex-dropmenu-border-width, 1px) solid var(--wpex-dropmenu-border-color, #ddd);
    box-shadow: var(--wpex-dropmenu-shadow, 0px 4px 6px rgba(0, 0, 0, 0.1));
    position: absolute;
    z-index: 1000;
    min-width: 200px;
    top: 0;
    height: 37px;
    overflow: hidden;
}
#filter-dropdown:hover {
    height: auto !important;
}

#filter-dropdown li {
    display: block;
    padding: 8px 15px;    font-size: 0.923em;
    color: var(--wpex-dropmenu-link-color, var(--wpex-text-2));
    border-bottom: var(--wpex-dropmenu-link-border-width, var(--wpex-dropmenu-border-width, 1px)) solid var(--wpex-dropmenu-border-color, var(--wpex-surface-3));
    transition: ease-out 0.5s;
    cursor: pointer;
}

#filter-dropdown li:last-child {
    border-bottom: none;
}

#filter-dropdown li:hover {
    box-shadow: inset 600px 0 0 0 #382E2C;
    color: white !important;
    transition: ease-out 0.5s;
}
#filter-mobile {
    display: none;
    z-index: 9999;
    color: #6f6f6f;
    position: relative;
    font-size: 25px;
    top: 5px;
    right: 10px;
}
@media only screen and (max-width: 990px) {
    #filter-mobile {
        display: inline-block;
    }
}

.type-careers {
    border: 1px solid #bfbfbf;
    padding: 30px !important;
}
.type-careers .vc_column-inner {
    margin-bottom: 0;
}
.career-meta .term-41, .career-meta .term-40, .career-meta .term-44, .career-meta .term-45 {
    display: none;
}

/* Projects Tabs Icons */
.vc_tta.vc_tta-tabs .vc_tta-panel-heading .vc_tta-icon {
    display: none !important;
}
.project-tabs .vc_tta-tab i {
    display: none !important;
}
.vc_tta-title-text {
    margin: 0 !important;
    display: block;
    color: black;
    font-family: Poppins,sans-serif;
    font-size: 20px;
}
.project-tabs .vc_tta-tabs-list .vc_tta-tab a:before {
    content: '';
    display: inline-block !important;
    height: auto !important;
    width: 140px !important;
    position: relative !important;
}
@media only screen and (max-width: 768px) {
    .project-tabs .vcex-image-img {
        height: 100% !important;
    }
}
@media only screen and (max-width: 1024px) {
    .project-tabs .vc_tta-tabs-list{
        display: inline-block !important;
    }
    .vc_tta.vc_general .vc_tta-tab {
        display: inline-block !important;
    }
}
a#vc-tab-vaulted-ceiling:before {
    content: url('./images/Custom-Vaulted Ceiling-.svg');
}
a#vc-tab-bi-fold-doors:before {
    content: url('./images/Custom-Bifold Door-.svg');
}
a#vc-tab-cupola-weathervane:before {
    content: url('./images/Custom-Cupola-Weathervane-.svg');
}
a#vc-tab-demising-wall:before {
    content: url('./images/Custom-Demising Wall.svg');
}
a#vc-tab-exterior-stairs:before {
    content: url('./images/Custom-Exterior Stairs-.svg');
}
a#vc-tab-front-porch:before {
    content: url('./images/Custom-Front Porch-.svg');
}
a#vc-tab-guest-quarters:before {
    content: url('./images/Custom-Guest Quarters-.svg');
}
a#vc-tab-heated-shop:before {
    content: url('./images/Custom-Heated shop.svg');
}
a#vc-tab-fully-insulated:before {
    content: url('./images/Custom-Insulation.svg');
}
a#vc-tab-kick-wall:before {
    content: url('./images/Custom-Kick Wall.svg');
}
a#vc-tab-lean-to-porch:before {
    content: url('./images/Custom-Lean To.svg');
}
a#vc-tab-mezzanine:before {
    content: url('./images/Custom-Mezzanine.svg');
}
a#vc-tab-monitor-style:before {
    content: url('./images/Custom-Monitor Style.svg');
}
a#vc-tab-office-space:before {
    content: url('./images/Custom-Office Space.svg');
}
a#vc-tab-overhead-doors:before {
    content: url('./images/Custom-Overhead Door-.svg');
}
a#vc-tab-perma-column-posts:before {
    content: url('./images/Custom-Perma-Column Posts-.svg');
}
a#vc-tab-post-spacing:before {
    content: url('./images/Custom-Post Spacing.svg');
}
a#vc-tab-shop-addition:before {
    content: url('./images/Custom-Shop Addition-.svg');
}
a#vc-tab-soffit-fascia:before {
    content: url('./images/Custom-Soffit & Fascia-.svg');
}
a#vc-tab-natural-light:before {
    content: url('./images/Custom-Storage Natural Light-.svg');
}
a#vc-tab-storage-solutions:before {
    content: url('./images/Custom-Storage Solutions-.svg');
}
a#vc-tab-sunshine-doors:before {
    content: url('./images/Custom-Sunshine Doors.svg');
}
a#vc-tab-two-storeys:before {
    content: url('./images/Custom-Two Storeys-.svg');
}
a#vc-tab-versetta-stone-wainscoting:before {
    content: url('./images/Custom-Versetta Stone Wainscoting-.svg');
}
a#vc-tab-finished-interior:before {
    content: url('./images/Custom-Finished Interior-.svg');
}
a#vc-tab-metal-cladding:before {
    content: url('./images/Custom-Metal Cladding.svg');
}
a#vc-tab-eaves:before {
    content: url('./images/Remuda-Brochure Icons-Eaves.svg');
}
a#vc-tab-windows:before {
    content: url('./images/Remuda-Icons_v5_Custom-Windows.svg');
}
a#vc-tab-wainscoting:before {
    content: url('./images/Remuda-Icons_v5_Custom-Wainscoting.svg');
}
/* a#vc-tab-:before {
    content: url('./images/Custom-Wall Light.svg');
} */
a#vc-tab-wash-bay:before {
    content: url('./images/Custom-Wash Bay.svg');
}
a#vc-tab-weather-resistant:before {
    content: url('./images/Custom-Weather Resistant-.svg');
}
.vcex-form-shortcode .wpex-select-wrap select {
  width: 100%;
}
.weak {
    font-size: 12px;
}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, .wp-block-post-comments-form input:not([type="submit"]), .wp-block-post-comments-form textarea, .wpex-select-wrap {
    background: transparent;
}


/* buildings */
.vc_tta-color-mulled-wine.vc_tta-style-classic .vc_tta-tab > a {
    border-color: #ddd !important;
    background-color: white !important;
    color: #666 !important;
    font-weight: 600;
}
.vc_tta-color-mulled-wine.vc_tta-style-classic .vc_tta-tab.vc_active > a {
    color: black !important;
    font-weight: 600;
    background-color: #f8f8f8 !important;
    border-bottom: 1px solid #f8f8f8 !important;
}
.vc_tta.vc_tta-spacing-1 .vc_tta-tab {
    margin: 1px 0 0 1px !important;
    align-self: stretch;
}
.vc_tta-color-white.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
    border: none !important;
    padding: 50px 0;
}
.vc_tta.vc_tta-shape-square .vc_tta-panel-body {
    border: 1px solid #e1e1e1 !important;
}


/* About */
.timeline-slider .wpex-carousel .owl-nav.disabled {
    display: inline-block !important;
}
#who-car .owl-nav {
    text-align: left !important;
    width: 114%;
    left: -7%;
}
#who-car .owl-nav .owl-prev {
    color: black !important;
}
#who-car .entry-title {
    font-weight: bold;
    font-size: 24px;
}
#who-car .entry-excerpt {
    font-size: 16px;
}
#who-car .wpex-boxed {
    background: transparent;
    border: none;
}
#who-car .entry-title:after {
    content: '';
    background-image: url('./images/line-ball.png');
    background-size: contain;
    position: absolute;
    left: 64%;
    width: 72%;
    height: 60px;
    background-repeat: no-repeat;
}
#who-car .owl-item:last-child .entry-title:after {
    content: none;
}


/* article */
blockquote {
    background: none;
    color: black;
    border-left: 1px solid black;
    padding-left: 35px;
}
blockquote p {
    font-weight: normal !important;
    font-style: normal !important;
}
blockquote p strong {
    font-weight: normal !important;
    font-style: normal !important;
}
blockquote p em {
    font-weight: normal !important;
    font-style: normal !important;
}
.wpex-card-inner .meta-date {
    color: black !important;
}

/* Footer */
#footer, #footer-bottom {
    z-index: 99;
    position: relative;
}
#footer a, #footer-bottom a {
    color: white !important;
    text-decoration: none;
}
#footer-inner {
    padding-top: 80px;
}
#footer-inner .footer-box a:hover {
    text-decoration: underline;
}
.footer-box, .footer-box p {
    color: white;
    font-size: 14px !important;
}
.footer-box.col-2, .footer-box.col-3, .footer-box.col-4 {
    width: 220px;
}
.footer-box.col-2 {
    margin-left: auto;
}
.footer-box .wpex-bordered-list li {
    border: none !important;
    font-size: 14px !important;
}
.footer-box .wpex-bordered-list li a {
    color: white !important;
    font-size: 14px !important;
}
.wp-block-social-links {
    display: flex;
}
.wp-block-social-links li {
    margin-right: 15px;
}
.wp-block-social-links li svg {
    fill: white;
}
#footer-bottom-inner {
    border-top: 1px solid white;
    padding-top: 20px;
}
#footer-widgets .menu li:first-child {
    font-weight: bold;
    margin-bottom: 15px;
}
/* SCroll Trap */
.scroll-trap .vc_inner {
    margin-bottom: 90px;
    border-bottom: 3px solid #ccc;
    padding-bottom: 50px;
}
.scroll-trap .vc_inner:last-child {
    border-bottom: none;
}
/* .wpex-live-site .scroll-trap .vc_inner .wpb_column[data-fixed-fade] {
    position: fixed;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: -2;
    top: 0px;
    display: none;
} */
.scroll-trap .vc_inner img.vcex-image-img {
    aspect-ratio: 1;
    width: 85%;
    float: right;
}
/* MOBILE */
@media only screen and (max-width: 1400px) {
    #menu-header-menu > li:last-child {
        margin-left: 10px;
    }
    .anim-shrink-header #site-logo .logo-img {
        width: 200px !important;
    }
    #menu-header-menu .dropdown {
        margin-right: 5px;
    }
    .main-navigation-ul .link-inner {
        font-size: 15px !important;
    }
}
@media only screen and (max-width: 1400px) {
    #menu-header-menu > li:last-child {
        margin-left: 10px;
    }
    .anim-shrink-header #site-logo .logo-img {
        width: 150px !important;
    }
    #menu-header-menu .dropdown {
        margin-right: 5px;
    }
    .main-navigation-ul .link-inner {
        font-size: 13px !important;
    }
    .testimonial-entry-bottom {
        display: none;
    }
    .testimonial-entry-content {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding: 50px 100px;
    }
    .owl-nav {
        padding: 0 50px;
    }
    .scroll-trap .vc_inner {
        min-height: auto !important;
    }
    .wpex-live-site .scroll-trap .vc_inner .wpb_column[data-fixed-fade] {
        position: relative !important;
        opacity: 1 !important;
        display: flex !important;
        height: auto !important;
        width: auto !important;
        left: 0 !important;
    }
    .scroll-trap .vc_inner img.vcex-image-img {
        width: auto !important;
        float: none !important;
        margin-bottom: 35px !important;
    }
}
@media only screen and (max-width: 990px) {
    .project-phases .vcex-image-inner:after {
        background-image: none;
    }
    #progress-bar {
        display: none;
    }
    .bottom-grad .vc_column-inner {
        margin-left: 7px !important;
    }
    .bottom-grad .vc_inner  {
        padding-left: 0 !important;
    }
    .no-media .testimonial-entry-content {
        width: 100%;
        padding: 0;
    }
    .testimonial-entry-content  span {
        font-size: 18px !important;
        line-height: 1.6 !important;
    }
    .testimonial-entry-content h4 {
        padding: 0 30px;
    }
    /* .owl-nav {
        width: 116%;
        margin: 0px -8%;
    } */
    .flip-me {
        display: flex;
        flex-direction: column-reverse
    }
}
@media only screen and (max-width: 960px) {
    .mobile-hideme {
        display: none !important;
    }

}
@media only screen and (max-width: 800px) {
    .testimonial-entry-content {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding: 50px 40px;
    }
    .owl-nav {
        padding: 0 10px;
    }
    h1 {
        font-size: 40px !important;
    }
    .wpex-h2, h2 {
        font-size: 28px !important;
        word-break: keep-all;
    }
    h3 {
        font-size: 17px !important;
    }
    .bottom-grad .wpex-h2, .bottom-grad h2 {
        font-size: 18px !important;
        word-break: keep-all;
    }
    .project-tags {
        float: none !important;
        width: 100% !important;
    }
    .project-categories {
        margin-right: 0 !important;
        width: 100% !important;
    }
    .project-tags form {
        column-count: 2 !important;
    }
}
@media only screen and (max-width: 768px) {
    .extend-right, .extend-left{
        padding-right: 35px;
        padding-left: 35px;
    }
    .vcex-image-caption {
        float: left;
        margin-bottom: 20px;
    }
    .vc_tta-panel-heading {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
    .vc_tta-panel-body {
        padding: 0 20px 20px 20px !important;
    }
    .vc_tta-panel-body .vc_column-inner {
        padding: 0 !important;
    }
    .vc_tta-panel-body .vc_column-inner h2, .vc_tta-panel-body .vc_column-inner h3 {
        display: none;
    }
    .vc_tta-panel-body .vc_column-inner .wpex-h3 {
        line-height: 0 !important;
    }
    .vc_tta-panel-body .vc_column-inner h4 span, .vc_tta-panel-body .vc_column-inner .wpex-h3 span  {
        color: var(--Text-primary, #000);
        font-family: Poppins;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%; /* 21.6px */
    }
    .vc_tta-panel-title {
        border-top: 1px solid #CCC;
    }
    .vc_tta-panel-title a span {
        color: var(--Text-primary, #000);
        font-family: Poppins;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        text-align: left;
    }
    .vc_tta-panel-title a .vc_tta-title-text:after {
        content: "⌄";
        position: absolute;
        right: 20px;
        top: 10px;
        font-size: 28px;
        font-weight: 100;
        transform:scale(1.6,1);
    }
    .vc_active .vc_tta-panel-title {
        border-top: 1px solid var(--wpex-palette-1073-color);
    }
    .vc_active .vc_tta-panel-title a .vc_tta-title-text:after {
        content: "⌃";
        top: 15px;
    }
    .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title>a:hover {
        cursor: pointer !important;
    }
    .project-phases .vcex-image-img {
        padding: 0 25px;
        max-width: 250px;
    }
    .project-phases .vcex-image.textleft {
        text-align: center;
    }
    .theme-button {
        transition: ease-out 0.2s;
    }
}