/* 
Theme Name:		 LACS
Theme URI:		 http://childtheme-generator.com/
Description:	 LACS is a child theme of Hello Elementor, created by ChildTheme-Generator.com
Author:			 AA
Author URI:		 http://childtheme-generator.com/
Template:		 hello-elementor
Version:		 1.0.0
Text Domain:	 lacs
*/


/**
*
*   Button Variant Style
*
*/

.elementor-widget-button.lacs-style1 .elementor-button {
    border-color: var(--e-global-color-secondary);
    color: var(--e-global-color-secondary);
    background-color: var(--e-global-color-primary);
    fill: var(--e-global-color-secondary);
}

.elementor-widget-button.lacs-style1 .elementor-button:hover {
    border-color: var(--e-global-color-secondary);
    color: var(--e-global-color-primary);
    background-color: var(--e-global-color-secondary);
    fill: var(--e-global-color-primary);
}


.elementor-widget-button.lacs-style2 .elementor-button {
    border-color: #FFF;
    color: #FFF;
    background-color: var(--e-global-color-primary);
    fill: #FFF;
}

.elementor-widget-button.lacs-style2 .elementor-button:hover {
    border-color: var(--e-global-color-secondary);
    color: var(--e-global-color-primary);
    background-color: var(--e-global-color-secondary);
    fill: var(--e-global-color-primary);
}

.elementor-widget-button.lacs-style3 .elementor-button {
    border-color: #FFF;
    color: #FFF;
    background-color: var(--e-global-color-primary);
    fill: #FFF;
}

.elementor-widget-button.lacs-style3 .elementor-button:hover {
    border-color: #FFF;
    color: var(--e-global-color-primary);
    background-color: #FFF;
    fill: var(--e-global-color-primary);
}

/**
*
*   Pagination Style
*
*/

body {
    --e-n-carousel-dots-normal-color: var(--e-global-color-primary);
    --e-n-carousel-dots-hover-color: var(--e-global-color-secondary);
    --swiper-pagination-color: #FFF;
    --swiper-pagination-bullet-inactive-color: #FFF;

}

.swiper-pagination-bullet {
    border-radius: 3px !important;
    height: 6px !important;
    transition: all 0.3s ease;
}

.swiper-pagination .swiper-pagination-bullet {
    width: 20px !important;
}

.swiper-pagination .swiper-pagination-bullet-active {
    width: 120px !important;
}





body.single-projects .site-main {
    max-width: 100% !important;
}


@media (max-width:575px) {
    body.single-projects .site-main {
        padding-inline-end: 0 !important;
        padding-inline-start: 0 !important;
    }
}