.elementor-kit-1884{--e-global-color-primary:#81B19A;--e-global-color-secondary:#E3F2DA;--e-global-color-text:#202230;--e-global-color-accent:#E17C60;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Monument";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;background-image:url("https://wordpress.v2.impactscope.com/wp-content/uploads/2025/03/particles-dark.png");color:var( --e-global-color-text );background-repeat:repeat;}.elementor-kit-1884 button,.elementor-kit-1884 input[type="button"],.elementor-kit-1884 input[type="submit"],.elementor-kit-1884 .elementor-button{background-color:var( --e-global-color-text );color:#FFFFFF;border-radius:500px 500px 500px 500px;}.elementor-kit-1884 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1884 h1{color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:54px;font-weight:600;}.elementor-kit-1884 h2{font-family:"Montserrat", Sans-serif;font-size:40px;}.elementor-kit-1884 h3{color:var( --e-global-color-text );font-family:"Monument", Sans-serif;font-size:32px;}.elementor-kit-1884 h4{color:var( --e-global-color-text );font-family:"Monument", Sans-serif;font-size:24px;}.elementor-kit-1884 h5{color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:020px;--container-default-padding-right:020px;--container-default-padding-bottom:020px;--container-default-padding-left:020px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:15px;--container-default-padding-right:15px;--container-default-padding-bottom:15px;--container-default-padding-left:15px;}}@media(max-width:767px){.elementor-kit-1884{font-size:16px;}.elementor-kit-1884 h1{font-size:30px;}.elementor-kit-1884 h2{font-size:40px;}.elementor-kit-1884 h3{font-size:24px;}.elementor-kit-1884 h4{font-size:20px;}.elementor-kit-1884 h5{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:16px;--container-default-padding-right:16px;--container-default-padding-bottom:16px;--container-default-padding-left:16px;}}/* Start custom CSS */.desktop-hamburger-menu .elementor-nav-menu--main {
   display: none !important;
}

.desktop-hamburger-menu .elementor-menu-toggle {
   display: flex !important;
}

/* SCROLL DOWN ARROW */
#scroll-down-arrow {
    cursor: pointer;
    transition: all 0.3s ease;
}

#scroll-down-arrow:hover {
    transform: translateY(5px);
}

	/* BLOG / NEWS CARD CATAGORY COLOR CHANGING */
	/* Base styling for all category terms */
	.custom-category-buttons .elementor-post-terms__link,
	.custom-category-buttons a.elementor-post-terms__link {
		display: inline-block !important;
		padding: 5px 10px !important;
		margin-right: 5px !important;
		margin-bottom: 5px !important;
		border: none !important; /* No border */
		text-decoration: none !important;
		font-weight: 500 !important;
		font-size: 12px !important;
		text-transform: uppercase !important;
		transition: all 0.3s ease !important;
		background-color: transparent !important;
	}

	/* Remove any possible underlines */
	.custom-category-buttons a,
	.custom-category-buttons a:hover,
	.custom-category-buttons a:focus,
	.custom-category-buttons a:active {
		text-decoration: none !important;
		border: none !important;
	}

	/* Blog category - Orange text */
	.custom-category-buttons a[href*="category/blog"] {
		color: #E17C60 !important; /* Orange text */
	}

	/* Hover effect for Blog - Slightly lighter */
	.custom-category-buttons a[href*="category/blog"]:hover {
		color: rgba(225, 124, 96, 0.7) !important; /* Slightly transparent orange */
	}

	/* News category - Green text */
	.custom-category-buttons a[href*="category/news"] {
		color: #81B19A !important; /* Green text */
	}

	/* Hover effect for News - Slightly lighter */
	.custom-category-buttons a[href*="category/news"]:hover {
		color: rgba(129, 177, 154, 0.7) !important; /* Slightly transparent green */
	}
	
	
	/* CARASOUL ARROW COLORS */

html {
  -webkit-scroll-behavior: smooth;
  -moz-scroll-behavior: smooth;
  -ms-scroll-behavior: smooth;
  scroll-behavior: smooth;
}

/* Fix Elementor Pro horizontal overflow on mobile without unwanted scrollbars */

@media (max-width: 767px) {
    /* Basic overflow prevention */
    html, body {
        overflow-x: hidden;
        width: 100%;
        max-width: 100%;
    }
    
    /* Fix Elementor container issues */
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Fix stretched sections */
    .elementor-section-stretched {
        max-width: 100vw !important;
        width: 100vw !important;
        left: 0 !important;
    }
    
    /* Fix absolute positioned elements */
    .elementor-absolute {
        max-width: 100vw;
    }
    
    /* Prevent scrollbars on text sections and widgets */
    .elementor-widget-text-editor,
    .elementor-widget-heading,
    .elementor-widget-text-editor div,
    .elementor-text-editor {
        overflow: visible !important;
    }
    
    /* Allow scrolling only when needed (removes unwanted scrollbars) */
    .elementor-widget-wrap,
    .elementor-column-wrap,
    .elementor-column,
    .elementor-section {
        overflow: visible !important;
    }
    
    /* Only add overflow-x: hidden at the section level */
    .elementor-section {
        overflow-x: hidden !important;
    }
    
    /* Fix specific issue with Elementor column width */
    .elementor-column {
        min-width: 0 !important;
        width: 100% !important;
    }
}/* End custom CSS */