/* mobilephonetechnology.co.uk/5g/ 	*/
/* version 1.0 2025-12-31 			*/

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


/*  Set up the colours */
:root {
    --site : #000080;

	--red : #ff0000 ;
	--green : #00ff00 ;
	--blue : #0000ff ;

	--white : #ffffff ;
	--lightgrey : #d0d0d0 ;
	--grey : #909090 ;
    --darkgrey : #404040 ;
	--black : #000000 ;
}

/* 1. Redefine default HTML5 Styles */
body {
    background-color : var(--lightgrey) ;
}

td, th {
	vertical-align: top;
}


/*	2. Define the id styles */
/* copyright ID */
#copyright {
	font-size : .8em ;
	color : var(--site)  ;
} 
/* Footer id */
#footer {
	background-color : var(--site) ;
	margin-left : 3px ;
	margin-right : 3px ;
}
#footer .card {
	border : none ;
}
#footer .card-body {
	background-color : var(--site) ;
	color : var(--white) ;
}
#footer a {
    color : var(--white) ;
	font-weight : bold ;
}
#footer a:hover {
    color : var(--grey) ;
    text-decoration : none ;
}
/* header ID */
#header {
	margin-top : 10px ;
	margin-bottom : 10px ; 
    border : 1px solid var(--black) ;
}
#header .card-header {
	background-color : var(--site) ;
	text-align : center ; 
	color : var(--white) ;
}
#header .card-header h1 {
	font-size : 4.0em ;
}
/* item-desc */
#item-desc table {
    border-collapse: collapse;
}
#item-desc table, th, td {
    border: 1px solid var(--black) ;
}
#item-desc th, td {
	padding : 2px ;
	font-size : 0.85em ;
} 
/* item - side 

/* nav ID */
#nav .card-body {
    padding : 3px ;
}

/* 3. class styles */

.site {
	color : var(--site) ;
}
.site-bold {
	color : var(--site) ;
	font-weight : bold ;
}

/*  Bootstrap changes */
.row {
    margin-top : 10px ;
    margin-bottom : 10px ;
}

.card {
    margin-bottom : 5px ;
	border : 1px solid var(--black) ;
    padding : 0px ;	
}
.card-header {
    border-bottom : 1px solid var(--black) ;
    padding : 10px ;
	background-color : var(--site) ;
	text-align : center ; 
	color : var(--white) ;
	font-size : 1.0rem ;
}
.card-body {
    padding : 10px ;
	color : var(--darkgrey) ;
	font-size : 1.0rem ;
}
.card-footer {
    border-top : 1px solid var(--black) ;
    padding : 10px ;
	background-color : var(--grey) ;
	text-align : center ; 
	color : var(--white) ;
	font-size :0.85rem ;
}