/* 
Theme Name: CSG
Theme URI: https://banking.csg.com/
Description: CSG Child Theme for Elementor
Author: CSTMR
Author URI: https://cstmr.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: csg
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
*/



/* General */


/* -- WYSIWYG editor styles -- */

.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol,
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol {
    margin-bottom: 1.25rem;
}

.elementor-widget-text-editor a,
.elementor-widget-theme-post-content a {
    color: var(--e-global-color-text);
    font-weight: var(--e-global-typography-primary-font-weight);
    text-decoration: underline;
}

.elementor-widget-text-editor a:hover,
.elementor-widget-theme-post-content a:hover {
    color: var(--e-global-color-ad91b8c);
    text-decoration: none;
}

.elementor-widget-text-editor h2,
.elementor-widget-theme-post-content h2,
.elementor-widget-text-editor h3,
.elementor-widget-theme-post-content h3,
.elementor-widget-text-editor h4,
.elementor-widget-theme-post-content h4,
.elementor-widget-text-editor h5,
.elementor-widget-theme-post-content h5,
.elementor-widget-text-editor h6,
.elementor-widget-theme-post-content h6 {
    margin: 0;
}

.elementor-widget-text-editor p:has(+ span[id*="elementor-toc__heading"]),
.elementor-widget-text-editor p:has(+ h3),
.elementor-widget-text-editor p:has(+ h4),
.elementor-widget-text-editor h3:has(+ h4),
.elementor-widget-text-editor p:has(+ h2),
.elementor-widget-text-editor h2:has(+ p),
.elementor-widget-theme-post-content p:has(+ span[id*="elementor-toc__heading"]),
.elementor-widget-theme-post-content p:has(+ h3),
.elementor-widget-theme-post-content p:has(+ h4),
.elementor-widget-theme-post-content h3:has(+ h4),
.elementor-widget-theme-post-content p:has(+ h2),
.elementor-widget-theme-post-content h2:has(+ p) {
    margin-block-end: 2.44rem;
}

.elementor-widget-text-editor h4:has(+ p),
.elementor-widget-theme-post-content h4:has(+ p)  {
    margin-block-end: 0.88rem;
}

.elementor-widget-text-editor p:has(+ h5),
.elementor-widget-text-editor h5:has(+ p),
.elementor-widget-theme-post-content p:has(+ h5),
.elementor-widget-theme-post-content h5:has(+ p) {
    margin-block-end: 1.4rem;
}

.elementor-widget-text-editor h2:has(+ p),
.elementor-widget-text-editor p:has(+ h2),
.elementor-widget-theme-post-content h2:has(+ p),
.elementor-widget-theme-post-content p:has(+ h2) {
    margin-block-end: 2.44rem;
}

.elementor-widget-text-editor h2,
.elementor-widget-theme-post-content h2 {
    color: var(--e-global-color-text);
    font-size: 2.875rem;
    font-weight: 800;
    line-height: 3.45rem;
}

.elementor-widget-text-editor h3,
.elementor-widget-theme-post-content h3 {
    color: var(--e-global-color-text);
    font-size: 2.375rem;
    font-weight: 800;
    line-height: 2.85rem;
}

.elementor-widget-text-editor h4,
.elementor-widget-theme-post-content h4 {
    color: var(--e-global-color-secondary);
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.1rem;
}

.wp-block-list li {
    margin-bottom: 0.6rem;
}

nav ul.elementor-nav-menu li.menu-item a:hover {
    text-decoration: underline;
}


/* -- button styles

    -- primary */


.elementor-widget-button .elementor-button:hover svg path {
    fill: var(--e-global-color-primary);
}

/*  -- primary/negative */

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

.elementor-widget-button.button-negative .elementor-button svg path {
    fill: var(--e-global-color-primary);
}

.elementor-widget-button.button-negative .elementor-button:hover {
    background-color:transparent;
    color: var(--e-global-color-secondary);
    border-color: var(--e-global-color-secondary);
}

.elementor-widget-button.button-negative .elementor-button:hover svg path {
    fill: var(--e-global-color-secondary);
}

/*  -- secondary/ */

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

.elementor-widget-button.button-secondary .elementor-button svg path {
    fill: var(--e-global-color-primary);
}

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

.elementor-widget-button.button-secondary .elementor-button:hover svg path {
    fill: var(--e-global-color-secondary);
}


/*  -- secondary/negative */

.elementor-widget-button.button-secondary-negative .elementor-button {
    /* background-color: var(--e-global-color-text); */
    background-color: transparent;
    color: var(--e-global-color-secondary);
    border-color: var(--e-global-color-secondary);
}

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

.elementor-widget-button.button-secondary-negative .elementor-button:hover svg path {
    fill: var(--e-global-color-primary);
}


/* Container styles */

:root {
    --container-gradient: linear-gradient(296deg, #CCE2F4 16.25%, rgba(255, 255, 255, 0.03) 102.6%);
}

.border-gradient {
    border: 1px solid var(--container-gradient, #CCE2F4);
}


/* Header */


.elementor-12 .elementor-sticky {
    transition: min-height 0.3s ease;
}

.elementor-12 .elementor-sticky .elementor-widget-theme-site-logo img {
    transition: width 0.3s ease;
}


.elementor-12 .elementor-sticky.elementor-sticky--effects {
    min-height: 4rem;
    transition: min-height 0.3s ease;
}

.elementor-12 .elementor-sticky.elementor-sticky--effects .elementor-widget-theme-site-logo img {
    width: 4rem;
    transition: width 0.3s ease;
}

.elementor-12 .elementor-sticky--effects .e-n-menu-content.e-active {
    padding-block-start: 1rem !important;
}





nav.e-n-menu ul.e-n-menu-heading .e-n-menu-content > div {
    margin-left: -2.5rem;
}

nav.e-n-menu ul.e-n-menu-heading .e-n-menu-content > div > .e-con-inner {
    max-width: 22rem;
}

a.menu-header-icon h6:before {
    content: "";
    width: 0;
    height: 2rem;
    display: flex;
    background-size: 1.125rem;
    background-repeat: no-repeat;
    background-position: center center;
    transition: 0.4s ease;
}

a.menu-header-icon .menu-icon-deal h6:before {
    background-image: url(/wp-content/uploads/2025/07/icon-menu-deal1.svg);
    background-size: 1.5rem;
}
a.menu-header-icon .menu-icon-data h6:before {
    background-image: url(/wp-content/uploads/2025/07/icon-menu-data.svg);
}
a.menu-header-icon .menu-icon-revenue h6:before {
    background-image: url(/wp-content/uploads/2025/07/icon-menu-revenue.svg);
}
a.menu-header-icon .menu-icon-mastercard h6:before {
    background-image: url(/wp-content/uploads/2025/08/menu-icon-mastercard.svg);
}

.menu-header-icon h6 {
    display: flex;
}

a.menu-header-icon:hover h6:before {
    width: 2rem;
}

.elementor-12 .menu-hover a:hover h6.elementor-heading-title,
.elementor-12 .menu-hover a:hover p.elementor-heading-title {
    color: var(--e-global-color-primary);
}

.menu-hover .elementor-icon-wrapper {
    display: flex;
}






/* Homepage */

@media screen and (min-width: 1640px) {
    .home-hero-container {
        max-width: 44rem;
    }
}

#home_carousel .swiper-wrapper {
    align-items: center;
}

.image-border img {
    padding: 1rem 0 1rem 1rem !important;
}

.image-border img {
    border-color: var( --e-global-color-accent ) !important;
    border-width: 1px 0 1px 1px !important;
    border-style: solid !important;
}

.image-border-full img {
    padding: 1rem !important;
}

.image-border-full img {
    border-color: var( --e-global-color-accent ) !important;
    border-width: 1px !important;
    border-style: solid !important;
}


.gradient-rotate {
    background: -webkit-linear-gradient(16deg, var(--e-global-color-02c6282) 28%, var(--e-global-color-033fb0f) 66%);
    background: linear-gradient(16deg, var(--e-global-color-02c6282) 28%, var(--e-global-color-033fb0f) 66%);    
    	/* background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); */
	background-size: 200% 200%;
	animation: gradient 10s infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


@media screen and (min-width: 1024px) {

    .graphic-rotate:after {
        content: "";
        width: 100%;
        height: 100%;
        display: flex;
        background: url(/wp-content/uploads/2025/08/partners-api-bg.png);
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom center;
        animation: graphic-gradient 100s infinite linear;
        
    }

    .graphic-rotate > div {
        z-index: 1;
    }


    @keyframes graphic-gradient {
        0% {
            transform: rotate( 0deg );
        }
        25% {
            transform: rotate( 90deg );
        }
        50% {
            transform: rotate( 180deg );
        }
        75% {
            transform: rotate( 270deg );
        }    
        100% {
            transform: rotate( 360deg );
        }
    }
}




/* Partners */

.flip-box .elementor-flip-box__front {
    background-position: bottom 1.2rem right 1.2rem !important;
    box-shadow: 0 4px 18.7px 0 rgba(0, 0, 0, 0.07);
}

.flip-box .elementor-flip-box__back {
    box-shadow: 0 4px 18.7px 0 rgba(0, 0, 0, 0.07);
}





/* Footer */

.terms-links a {
    text-decoration: underline;
    color: var(--e-global-color-secondary);
}

.terms-links a:hover {
    text-decoration: none;
    color: var(--e-global-color-secondary);
}