/*--------- COLORS ----------------------------*/


@media (prefers-color-scheme: light) {
    /* :root {
        color-scheme: light;
    } */
}

@media (prefers-color-scheme: dark) {
    /* :root {
        color-scheme: dark;
    } */

    /* img {
		filter: brightness(80%);
	  } */


}



:root {
    
    --light: #ffffff;
    --accent0: #ffe83b;
    --accent1: #eeb704;
    --accent2: #299233;
    --accent3: #289866;
    --accent5: #00b7b3;
    --accent6: #00b77d;
    --accent7: #5473A9;
    --accent8: #6A90D3;
    
    
    /*--------- HEADER ----------------------------*/
    --telegramColor: var(--accent8) !important;
    --telegramHover: var(--accent7) !important;
    --WhatsAppColor: var(--accent5) !important;
    --WhatsAppHover: var(--accent6) !important;
    
    /*--------- NAVIGATION ------------------------*/
    /* --MenuColor: linear-gradient(180deg, var(--MainColor), var(--MainColor) calc(100% - 4px), var(--MainColor) calc(100% - 4px)) !important; */
    
    --contentWidth: 1152px;
    
    }



.dark-theme {
    color-scheme: dark;

    --color0: #0000008f;
    --color1: #06105e;
    --color2: #0E1B7A;
	--color3: #09489D;
	--color4: #101766;
	--color5: #0574BF;
	--color6: #00A1E2;
	--color7: #d9b300;
	--color8: #e5e5e5;




    --textLight: #f0f0f0;
    --textDark: #071836;

    --brightness: brightness(80%);

    /* --videofilter: url('#bluefill') brightness(0.2); */
    /* --videofilter: hue-rotate(182deg) brightness(97%) invert(100%) opacity(100%); */
    --videofilter:  opacity(76%) contrast(107%);

    --gradient1: linear-gradient(-9deg, var(--color2), var(--color1) 142%);
    --gradient2: linear-gradient(-6deg, var(--color2) 0%, var(--color3) 142%);
    --gradient3: linear-gradient(-9deg, var(--color1) 56%, var(--color3) 110%);


}


.light-theme {
    color-scheme: light;

    --color0: #ffffff8f;
    --color8: #06105e;
    --color7: #0E1B7A;
	--color6: #09489D;
	--color5: #101766;
	--color4: #0574BF;
	--color3: #00A1E2;
	--color2: #ffd202;
	--color1: #fff;

    --textLight: #000844;
    --textDark: #fff;

    --brightness: brightness(100%);

    /* --videofilter: url('#blur'); */
    /* --videofilter: none; */
    /* --videofilter: opacity(90%) contrast(120%) saturate(1.2) brightness(70%); */



    --gradient1: linear-gradient(-9deg, #ffce00, var(--color1) 142%);   
    --gradient2: linear-gradient(-6deg, var(--color2) 0%, var(--color3) 142%);
    --gradient3: linear-gradient(-9deg, var(--color3) 56%, var(--color1) 110%);

}




.dark-theme .light-scheme-show{
    display: none;
}

.light-theme .dark-scheme-show {
    display: none;
}


.dark-theme .dark-scheme-show {
    display: block;
}

.light-theme .light-scheme-show {
    display: block;
}


.theme-icon-color {
    fill: var(--textLight);
}

.theme-icon-color:hover {
    fill: var(--accent1) !important;
}


.light-theme .MenuDesktop-WhatsApp-icon {
    fill: #2c2c2c;
}

.dark-theme .MenuDesktop-WhatsApp-icon, .Header-ChatBox-icon, .AUXChatBox-Circle-icon, .ModalWindow-WhatsApp-icon {
    fill: #fff;
}





/*--------------------------------------------------*/
/* overflow-x: clip; */


html,
body {
    padding: 0;
    margin: 0;
    min-width: 100%;
    max-width: 100%;
}

html {
    min-height: 100%;
    font-family: "Onest", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    scroll-behavior: smooth;

}

.pswp__bg {
    background: var(--gradient2);
}


html {
    background: var(--color1);
}


body {
    height: 100%;
    width: 100%;
    background-color: var(--color1);
    color: var(--textLight);
    /* color: var(--textDark); */
}


.Page-AccentBG {
    background: var(--gradient1);
    padding: 24px 0 62px 0;
}

.Copyright-bg {
    background: var(--gradient1);
    
}

.Copyright {
    /* color: #f9f9f9 !important; */
}




/*--------- MAIN ------------------------------*/
/*--------- HEADER ----------------------------*/
/*--------- NAVIGATION ------------------------*/
/*--------- CONTENT ---------------------------*/
.Page-Content {
    /* background: #fff; */
}

.Breadcrumbs-Breadcrumb {
    color: var(--color5);
}



/*--------- INTRO -----------------------------*/
/*--------- TILE ------------------------------*/
/*--------- TABLE -----------------------------*/
/*--------- FOOTER ----------------------------*/

footer {
    color: var(--textLight);
    background: var(--color1);
}


/*--------- DESCRIPTION -----------------------*/





/*----------- DESCTOP ---------------------------------------------------*/
@media screen and (min-width:769px) {

    html,
    body,
    header {
        min-width: calc(80px + var(--contentWidth));
    }

    .Page-AccentBG .Page-Container{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 80px;
    }

    /*--------- MAIN ------------------------------*/

    /*--------- SCROLLBAR -----------------------------*/
    ::-webkit-scrollbar-button {
        background-repeat: no-repeat;
        width: 15px;
        height: 0px
    }

    ::-webkit-scrollbar-track {
        background-color: var(--color2);
    }

    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background: linear-gradient(45deg, var(--color1) 0%, var(--color2) 100%);
        width: 10%
    }

    ::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(45deg, var(--color2) 0%, var(--color5) 100%);
    }

    ::-webkit-resizer {
        background-repeat: no-repeat;
        width: 15px;
        height: 0px
    }

    ::-webkit-scrollbar {
        width: 15px;
    }



    /*--------- HEADER ----------------------------*/

    /*--------- NAVIGATION ------------------------*/

    /* .MenuDesktop-Link {
		color: #272a6e;
	}

	a.MenuDesktop-Link:nth-child(1):hover {
		color: #f2c700;
	}

	a.MenuDesktop-Link:nth-child(2):hover {
		color: #307aff;
	}

	a.MenuDesktop-Link:nth-child(3):hover {
		color: #54df0f;
	}

	a.MenuDesktop-Link:nth-child(4):hover {
		color: #f2c700;
	}

	a.MenuDesktop-Link:nth-child(5):hover {
		color: #307aff;
	}

	a.MenuDesktop-Link:nth-child(6):hover {
		color: #54df0f;
	} */



    /*--------- CONTENT ---------------------------*/
    /*--------- INTRO -----------------------------*/
    /*--------- TILE ------------------------------*/
    /*--------- TABLE -----------------------------*/
    /*--------- FOOTER ----------------------------*/
    /*--------- DESCRIPTION -----------------------*/


}



/*----------- MOBILE ----------------------------------------------------*/
@media screen and (max-width:768px) {



    /*--------- MAIN ------------------------------*/
    /*--------- HEADER ----------------------------*/
    /*--------- NAVIGATION ------------------------*/
    /*--------- CONTENT ---------------------------*/
    /*--------- INTRO -----------------------------*/
    /*--------- TILE ------------------------------*/
    /*--------- TABLE -----------------------------*/
    /*--------- FOOTER ----------------------------*/
    /*--------- DESCRIPTION -----------------------*/


}