/* grl-enterpises.com	        */

/* 	Table of contents 			*/
/*	1. Default Styles			*/
/*	2. Define the id styles  	*/
/*	3. Define the class styles  */
/*  4. Bootstrap changes        */

/*  Set up the colours */
:root {
	--background : #d0d0d0 ;
	--site : #a0a0ff ;
	
	--black : #000000 ;
    --darkgrey : #404040 ;
    --grey : #808080 ;
    --lightgrey : #b0b0b0 ;
    --lightergrey : #e0e0e0 ;
    --white : #ffffff ;
    --lightred : #f0a0a0 ;
    --red : #ff0000 ;
	--green : #00ff00 ;
    --blue : #0000ff ;
}

/* 1. Redefine default htML5 Styles */

/*  2. Define id styles */
/* copyright statement at the end of the site */
#copyright {
    border : 0px ;
}
#copyright .card-body {
    border : 0px  ;
    background-color : var(--background) ;
	color : var(--blue) ;
	font-size : 0.85em ;
}
/* overall site id*/
#grl-enterprises {
    background-color : var(--background) ;
}
/*  Header  */
#header { 
	background-color : var(--site) ;
    color : var(--white) ; 
    margin-top : 10px ;
    margin-bottom : 10px ;
}
/*

/*  3. Define class styles */

/*  4. Bootstrap changes        */
.card {
    margin-bottom : 10px ; 
    border : 1px solid var(--black) ;
}
.card-header {
	background-color : var(--site) ;
	text-align : center ; 
	color : var(--white) ;
	font-size : 1.2rem ;
}
.card-body {
	background-color : var(--lightergrey) ;
	color : var(--darkgrey) ;
	padding : 0px ;
	font-size : 1.0rem ;
}
.card-footer {
	background-color : var(--lightergrey) ;
	text-align : center ; 
	color : var(--black) ;
	font-size : 1.0rem ;
	border-top : none ;
}