/**/
/* EARN AVENUE CUSTOM CSS HERE */
/**/

/****
font-family: 'Caveat', cursive;
font-family: 'Fredoka One', cursive;
font-family: 'Mrs Saint Delafield', cursive;
font-family: 'Open Sans', sans-serif;
font-family: 'Permanent Marker', cursive;
font-family: 'Quicksand', sans-serif;
****/

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Fredoka+One&family=Mrs+Saint+Delafield&family=Open+Sans:ital,wght@0,300;0,400;0,700;1,800&family=Permanent+Marker&family=Quicksand:wght@300;400;500;600;700');

:root {
    --bs-success: #198754;
    --brand: #09B850 ;
    --dark-brand: #393939 ;
    --brand-alt: #f32e76;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;  
}


/* SET CHANGE COLORS AND BRAND COLORS HERE */

.bg-brand {background-color: var(--brand);}
.bg-dark-brand {background-color: var(--dark-brand);}
.bg-brand-alt {background-color: var(--brand-alt);}

.border-brand {border-color: var(--brand)!important}
.border-brand-alt {border-color: var(--brand-alt)!important}

.text-brand { color: #3b235a; }
.text-brand-alt { color: #f32e76; }

.btn-brand {
    color: #fff;
    background-color: var(--brand);
    border-color: var(--brand);
}

.btn-brand:hover { color: var(--brand); }

.btn-outline-brand {
    color: var(--brand);
    border-color: var(--brand);
}

.btn-outline-brand:hover {
    color: #fff;
    background-color: var(--brand);
    border-color: var(--brand);
}

.btn-outline-brand-alt {
    color: var(--brand-alt);
    border-color: var(--brand-alt);
}

.btn-outline-brand-alt:hover {
    color: #fff;
    background-color: var(--brand-alt);
    border-color: var(--brand-alt);
}

.bg-soft-success {
    color: #00d97e;
    background-color: #ccf7e5;
}

/*
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: var(--brand-alt)}
.navbar-light .navbar-nav .nav-link {color: var(--brand);}
*/

/* BD CALL OUTS */
.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: 0.25rem;
    border-radius: 0.25rem;
    font-family: var(--bs-font-sans-serif);
    line-height: 1.1rem;
    font-size: 0.8rem;
    background-color: #fff;
}
.bd-callout h4 {
    margin-bottom: 0.25rem;
}
.bd-callout h5 {
    font-size: 1rem;
}
.bd-callout p:last-child {
    margin-bottom: 0;
}
.bd-callout code {
    border-radius: 0.25rem;
}
.bd-callout + .bd-callout {
    margin-top: -0.25rem;
}
.bd-callout-brand {
    border-left-color: var(--brand);
}
.bd-callout-info {
    border-left-color: #5bc0de;
}
.bd-callout-warning {
    border-left-color: #f0ad4e;
}
.bd-callout-danger {
    border-left-color: #d9534f;
}
.bd-callout-success {
    border-left-color: var(--bs-success);
}


/** CARDS 

.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid #edf2f9;
border-radius: .5rem;
}


**/

.card-brand {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
/*    background-color: #3b235a;*/
    background-clip: border-box;
    border: 1px solid #3b235a;
    border-radius: .5rem;
/*    color: #ffffff;*/
}

.card-brand-alt {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f32e76;
    background-clip: border-box;
    border: 1px solid #edf2f9;
    border-radius: .5rem;
    color: #ffffff;
}


/*** PAGES FEATURES ***/


/* FONT CHANGE CSS HERE */
.font-opensans { font-family: 'Open Sans', sans-serif; }
.font-quicksand { font-family: 'Quicksand', sans-serif; }
.font-caveat { font-family: 'Caveat', cursive; }
.font-permanentmarker { font-family: 'Permanent Marker', cursive; }
.font-fredoka { font-family: 'Fredoka One', cursive; }
.font-signit {font-family: 'Mrs Saint Delafield', cursive;}

.fs-10 { font-size: 10px; }
.fs-12 { font-size: 12px; }
.fs-14 { font-size: 14px; }