/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
@font-face {
    font-family:"Sar1450Headline";
    src:url("/fonts/Saar1450-Headline/Saar1450Headline-Regular.woff2") format("woff2"),
    url("/fonts/Saar1450-Headline/Saar1450Headline-75.woff") format("woff"),
    url("/fonts/Saar1450-Headline/Saar1450Headline-75.ttf") format("truetype");
    font-style:normal;font-weight:400;
}


@font-face {
    font-family:"Saar1450TextRegular";
    src:url("/fonts/Saar1450-Text/Regular/Saar1450Text-Regular.woff2")
    format("woff2"),url("/fonts/Saar1450-Text/Regular/Saar1450Text-Regular.woff")
    format("woff"),url("/fonts/Saar1450-Text/Regular/Saar1450Text-Regular.ttf")
    format("truetype");
    font-style:normal;font-weight:400;
}


:root {
    --cnvs-themecolor: #831d81;
    --cnvs-topbar-color: #831d81;

    --ci-color-dark: #21002a;
    --ci-color-middle: #42125b;
    --ci-color-light: #831d81;
    --ci-color-bright: #c7007f;
    
    --cnvs-footer-bg: #c7007f !important;
    
    --cnvs-body-font: "Sar1450Headline", sans-serif;
    --cnvs-primary-font: "Saar1450TextRegular";
    --cnvs-body-font:20px;
}

.dark
{
    --cnvs-footer-bg: #c7007f !important;
}

h1,h2,h3,h4,h5,h6{
    font-family:"Sar1450Headline";
}

@media (max-width: 575px)
{
    h2
    {
        font-size:28px !important;
    }
}

body, p
{
    font-family:"Saar1450TextRegular";
    font-size:var(--cnvs-body-font);
}

.text-primary
{
    color:var(--ci-color-light) !important;    
}

.text-bright
{
    color:var(--ci-color-bright) !important;
}

.button.button-dark {
    background-color: var(--ci-color-middle) !important;
}

.button.button-dark:hover {
    background-color: var(--ci-color-dark) !important;
}

.rev-btn
{
    background-color:var(--ci-color-middle);
    border-color:var(--ci-color-middle)
}

.rev-btn:hover
{
    background-color:var(--ci-color-dark) !important;
    border-color:var(--ci-color-dark) !important;    
    color:#fff !important;
}

.fbox-bg.fbox-center .fbox-icon {
     background-color: transparent !important;
}

.fbox-light .fbox-icon i, .fbox-light .fbox-icon img {
    border: 1px solid var(--ci-color-middle);
    background-color: var(--ci-color-middle);
    color: #fff;
}

.fbox-bg.fbox-center {
    border: 1px solid var(--ci-color-middle);
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: var(--ci-color-bright) !important;
}

#copyrights a
{
    color:#fff;
}

#copyrights a:hover
{
    color:#f5f5f5;
}