


.green
{
background-color: #1ebea0 ;   /* green */
background-color: rgba(30,190,160,1) ;   /* green */
color: #ffffff ;   /* white */
}
 



.orange
{
background-color: #eb553c ;   /* orange */
background-color: rgba(235,85,60,1) ;   /* orange */
color: #ffffff ;   /* white */
}



.grey
{
background-color: #494c4f ;   /* grey */
background-color: rgba(73,76,79,1) ;   /* grey */
color: #ffffff ;   /* white */
}




.darkgrey
{
background-color: #202024 ;   /* darkgrey */
background-color: rgba(32,32,36,1) ;   /* darkgrey */
color: #ffffff ;   /* white */
}



.lightgrey
{
background-color: #eaedf0 ;   /* lightgrey */
background-color: rgba(234,237,240,1) ;   /* lightgrey */
}











.white
{
background-color: #ffffff ;   /* white */
background-color: rgba(255,255,255,1) ;   /* white */
}




.black
{
background-color: #000000 ;   /* black */
background-color: rgba(0,0,0,1) ;   /* black */
color: #ffffff ;   /* white */
}







/* CALL TO ACTION */

.green A.cta, 
.green A.cta:link, 
.green A.cta:active, 
.green A.cta:visited, 
.green A.cta:hover,
.orange A.cta, 
.orange A.cta:link, 
.orange A.cta:active, 
.orange A.cta:visited, 
.orange A.cta:hover 
{
background-color: rgba(73,76,79,1) ;   /* grey */
}

.green A.cta:hover,
.orange A.cta:hover, 
.grey A.cta:hover
{
background-color: #202024 ;   /* darkgrey */
}







/* SECTION LINKS */

SECTION.lightgrey P A, SECTION.lightgrey P A:link, SECTION.lightgrey P A:active, SECTION.lightgrey P A:visited, SECTION.lightgrey P A:hover
{
color: #202024 ;   /* darkgrey */
border-bottom-color: #202024 ;   /* darkgrey */
}

SECTION.green P A, SECTION.green P A:link, SECTION.green P A:active, SECTION.green P A:visited, SECTION.green P A:hover,
SECTION.orange P A, SECTION.orange P A:link, SECTION.orange P A:active, SECTION.orange P A:visited, SECTION.orange P A:hover
SECTION.grey P A, SECTION.grey P A:link, SECTION.grey P A:active, SECTION.grey P A:visited, SECTION.grey P A:hover,
SECTION.darkgrey P A, SECTION.darkgrey P A:link, SECTION.darkgrey P A:active, SECTION.darkgrey P A:visited, SECTION.darkgrey P A:hover,
SECTION.black P A, SECTION.black P A:link, SECTION.black P A:active, SECTION.black P A:visited, SECTION.black P A:hover
{
color: rgba(255,255,255,1) ;
border-bottom-color: rgba(255,255,255,1) ; 
}

SECTION.green P A:hover,
SECTION.orange P A:hover,
SECTION.grey P A:hover,
SECTION.darkgrey P A:hover,
SECTION.black P A:hover
{
color: rgba(255,255,255,1) ;
border-bottom-color: rgba(255,255,255,1) ; 
}








/*

FONT

Replica
font-family: Replica ;

Light           200     normal
Regular         400     normal
Bold            700     normal

*/





/*

fontAWESOME

Solid	--fa-font-solid		900	    Free Plan
Regular	--fa-font-regular	400	    Pro Plan Required
Light	--fa-font-light		300	    Pro Plan Required
Thin	--fa-font-thin		100	    Pro Plan Required
Duotone	--fa-font-duotone	900	    Pro Plan Required
Brands	--fa-font-brands	400	    Free Plan

*/



