/*
 * Theme Name:  Sinatra Child
 * Version:     1.0.0
 * Theme URI:   https://sinatrawp.com/
 * Author:      Gekik, LLC
 * Author URI:  https://gekik.co/
 * Description: Sinatra WordPress Child theme.
 * Tags:        two-columns, right-sidebar, footer-widgets, blog, news, custom-background, custom-menu, post-formats, rtl-language-support, sticky-post, editor-style, threaded-comments, translation-ready, buddypress, custom-colors, featured-images, full-width-template, theme-options, e-commerce
 * Text Domain: sinatra-child
 * Template:    sinatra
 * License:     GNU General Public License v3.0 or later
 * License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/
.secondary{color:var( --e-global-color-secondary )}
.main-nav li:last-child {
    background-color: var(--e-global-color-3beac22);
	position: relative;
    overflow: hidden;
    z-index: 1;
	margin-left:15px;
}
.main-nav li:last-child::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--e-global-color-primary);
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.35s ease;
    z-index: -1;
}
.main-nav li:last-child:hover::before {
    transform: scaleY(1);
}

.main-nav li:last-child a.hfe-menu-item{
	color:#fff !important;
}

@media (max-width: 767px) {

    /* Parent */
    .mobile-scroll{
        overflow-x:auto !important;
        overflow-y:hidden !important;
    }

    /* Actual scrolling wrapper */
    .mobile-scroll > .e-con-inner{
        display:flex !important;
        flex-wrap:nowrap !important;
        gap:20px;
        width:max-content;
    }

    /* Cards */
    .mobile-scroll > .e-con-inner > .e-con{
        flex:0 0 280px !important;
        width:280px !important;
        min-width:280px !important;
        max-width:280px !important;
    }

    .mobile-scroll::-webkit-scrollbar{
        display:none;
    }

    .mobile-scroll{
        scrollbar-width:none;
    }

}

	.scroll-item{
		width:defailt !important;
		grow:no !important;
		shrink:no !important;
	}

    /* WP Forms */
	.wpforms-field{
	padding: 5px 0 !important;
	}
	.wpforms-container-full:not(:empty){
		margin:0 auto !important;
	}
	
.diagonal-cut{
    position: relative;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
}

.diagonal-cut::after{
    content: "";
    position: absolute;
    inset: 0;
    background: #239349;
    clip-path: polygon(100% 0, 85% 100%, 82% 100%, 97% 0);
    pointer-events: none;
}

.diagonal-cut-left{
    position: relative;
    overflow: hidden;
    clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);
}

.diagonal-cut-left::after{
    content: "";
    position: absolute;
    inset: 0;
    background: #239349;
    clip-path: polygon(15% 0, 18% 0, 3% 100%, 0 100%);
    pointer-events: none;
}
.no-word-break{
	word-break: normal;
}

/*horizontal scroll on home page*/



/* Pinned horizontal services section */
.horizontal-services {
    position: relative;
    width: 100%;
    height: 100vh;
    height: 100svh;
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    box-sizing: border-box;
}

/* The row of service cards */
.horizontal-services .horizontal-services-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    gap: 24px;
    width: max-content !important;
    max-width: none !important;
    min-width: 100%;
    flex: 0 0 auto;
    box-sizing: border-box;
    will-change: transform;
}

/* Individual Elementor service card containers */
.horizontal-services .horizontal-service-card {
    flex: 0 0 500px !important;
    width: 500px !important;
    max-width: none !important;
    min-width: 0;
    box-sizing: border-box;
}

/* Keep images inside cards responsive */
.horizontal-services .horizontal-service-card img {
    max-width: 100%;
    height: auto;
}

/* Mobile: preserve horizontal scrolling */
@media (max-width: 767px) {
    .horizontal-services {
        min-height: 480px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .horizontal-services .horizontal-services-track {
        gap: 16px;
    }

    .horizontal-services .horizontal-service-card {
        flex-basis: 78vw !important;
        width: 78vw !important;
    }
}