/* 

    Colors 

    #00A7C7  Primary
    #8AC63F  Secondary
    
    #231F20  Dark Grey |Helper
    #58595B  Light Grey |Depth
    
    #FFFFFF  White
    #000000  Black 

*/


/* Background */
.bg-primary { background-color: #00A7C7;}
.bg-secondary { background-color: #8AC63F;}
.bg-dgrey { background-color: #505050;}
.bg-lgrey { background-color: #9E9E9E;}
.bg-white { background-color: #FFFFFF;}
.bg-black { background-color: #000000;}


/* Text */
.text-link { color: #00A7C7; text-decoration: none !important;}
.text-primary { color: #00A7C7; text-decoration: none !important;}
.text-accent { color: #00A7C7; text-decoration: none !important;}
.text-secondary { color: #8AC63F; text-decoration: none !important;}
.text-green { color: #8AC63F; text-decoration: none !important;}
.text-dgrey { color: #505050; text-decoration: none !important;}
.text-lgrey { color: #9E9E9E; text-decoration: none !important;}
.text-white { color: #FFFFFF; text-decoration: none !important;}
.text-black, .text-black:hover { color: #000000; text-decoration: none !important;}


/* Font-sizing */
.font-75 { font-size: 75%; }
.font-100 { font-size: 100%; }
.font-125 { font-size: 125%; }
.font-150 { font-size: 150%; }
.font-175 { font-size: 175%; }
.font-200 { font-size: 200%; }
.font-225 { font-size: 225%; }
.font-250 { font-size: 250%; }
.font-300 { font-size: 300%; }
.font-400 { font-size: 400%; }
.font-500 { font-size: 500%; }


/* Font-Weight */
.bold400 { font-weight: 400; }
.bold500 { font-weight: 500; }
.bold600 { font-weight: 600; }
.bold700 { font-weight: 700; }
.bold800 { font-weight: 800; }
.bold900 { font-weight: 900; }

/* Badge */
.badge-primary {
    background-color: #00A7C7;
    color: #ffffff; 
    text-decoration: none !important;
}

.badge-secondary {
    background-color: #8AC63F;
    color: #ffffff; 
    text-decoration: none !important;
}


/* Buttons */
.btn-rounded {
    border-radius: 15px;
}

.btn-gradient,
.btn-gradient:hover, 
.btn-gradient:active,
.btn-gradient:visited,
.btn-gradient:focus {
    background: linear-gradient(90deg, rgba(138,198,63,1) 15%, rgba(0,167,199,1) 72%);
    color: #FFFFFF;
    font-weight: 700;
}

.btn-primary,
.btn-primary:hover, 
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
    background-color: #00A7C7 !important;
    color: #FFFFFF !important;
}

.btn-secondary,
.btn-secondary:hover, 
.btn-secondary:active,
.btn-secondary:visited,
.btn-secondary:focus {
    background-color: #8AC63F !important;
    color: #FFFFFF !important;
}

.btn-dgrey,
.btn-dgrey:hover, 
.btn-dgrey:active,
.btn-dgrey:visited,
.btn-dgrey:focus {
    background-color: #505050 !important;
    color: #FFFFFF !important;
}

.btn-lgrey,
.btn-lgrey:hover, 
.btn-lgrey:active,
.btn-lgrey:visited,
.btn-lgrey:focus {
    background-color: #9E9E9E !important;
    color: #000000 !important;
}

.btn-white {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    transition: all 0.5s !important;
}
.btn-white:hover, 
.btn-white:active,
.btn-white:visited,
.btn-white:focus {
    background-color: #000000 !important;
    color: #ffffff !important;
    transition: all 0.5s !important;
}

.btn-black,
.btn-black:hover, 
.btn-black:active,
.btn-black:visited,
.btn-black:focus {
    background-color: #000000 !important;
    color: #ffffff !important;
}