/*
* Made for https://globalfughtforrecovery.com
* Website   : version 01
* Designer  : the_activated_carbon, digitaljahidmedia.com
* Owner     : Dr. Lavanya Seshasayee
*/

@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Dancing+Script:wght@400;500;600;700&family=Sacramento&display=swap');
/*
----------------------------------------
font-family: 'Sacramento', cursive;     Logo
font-family: 'Comfortaa', cursive;      Text
font-family: 'Dancing Script', cursive; cursive


purple
-------
#28104e
#6237a0
#9754cb
#deacf5
*/


:root {
    --color-darker: #28104e;
    --color-dark: #6237a0;
    --color-purple: #9754cb;
    --color-light: #deacf5;
    --color-lighter: #f5ecfc;
}

/*
:root {
    --color-darker: #47e29a;
    --color-dark: #6237a0;
    --color-purple: #aceccc;
    --color-light: #8bc595;
    --color-lighter: #f5ecfc;
}*/


/* ScrollBar */
/* width */
::-webkit-scrollbar { width: .5em; }
/* Track */
::-webkit-scrollbar-track { background: #f1f1f1; }
/* Handle */
::-webkit-scrollbar-thumb { background: var(--color-dark); }


/* Custom CSS */
.logo { font-family: 'Sacramento', cursive; }
.curly { font-family: 'Dancing Script', cursive; }
.btn-purple {
    background-color: var(--color-dark) !important;
    color: var(--color-lighter) !important; }
.text-clr-purple { color: var(--color-purple); }
.text-clr-light { color: var(--color-light); }

.bg-clr-darker { background-color: var(--color-darker); }
.bg-clr-dark { background-color: var(--color-dark); }
.bg-clr-purple { background-color: var(--color-purple); }
.bg-clr-light { background-color: var(--color-light); }
.bg-clr-lighter { background-color: var(--color-lighter); }

.glass-dark {
    background-color: #00000077;
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
    border-top: 1px solid #ffffff77;
    border-bottom: 1px solid #00000055;
}
.glass-light {
    background-color: #ffffff77;
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
    border-top: 1px solid #ffffff77;
    border-bottom: 1px solid #00000055;
}
.glass-purple {
    background-color: #9754cb77;
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
    border-top: 1px solid #deacf577;
    border-bottom: 1px solid #28104e55;
}


body { font-family: 'Comfortaa', cursive !important; }
span { color: #6237a0; }


nav { background-color: var(--color-lighter); }
nav .navbar-brand, .navbar-brand:hover {
    font-family: 'Sacramento', cursive;
    font-size: 2.5em;
    font-weight: 700;
    color: var(--color-dark) !important; }
nav .active {
    font-weight: 900 !important;
    color: #6237a0 !important; }
nav .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; }
nav .navbar-toggler, .navbar-toggler:focus { border: none; }

nav .dropdown-menu {
    background-color: var(--color-lighter);
    border: none; }

.social a:hover i{ color: var(--color-purple); }

.hero-section img{
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.carousel-indicators .active { background-color: var(--color-dark) !important; }

form { width: 400px; }
form .btn {
    background-color: var(--color-dark);
    color: var(--color-lighter); }
form .btn:hover {
    background-color: var(--color-dark);
    color: var(--color-lighter); }
.form-control:focus {
    border-color: var(--color-purple) !important;
    -webkit-box-shadow: 0 0 0 0.2rem var(--color-light) !important;
            box-shadow: 0 0 0 0.2rem var(--color-light) !important;
}