/* main.css
/* used with bootstrap sites
*/

:root{
    --text: #333333;
    --text-med: #888888;
    --text-light: #cccccc;
    --text-lighter: #eeeeee;
    --blue: #3498db;
    --dark-blue: #2980b9;
	—-bluebg3: #254B60;
    --yellow: #ffeaa7;
    --red: #c0392b;
    --border-radius: 3px;
}

body{
    font-family: "Calibri",sans-serif; /* To use the system default font. */
    line-height: 1.4; 
    font-size: 1.1em;
    color:var(--text);
    margin: 20px;
    -webkit-text-size-adjust: 100%;
}

/* NAVBAR 
------------------------------------------------------------------*/
.navbar { background: #fafafa; margin: 0 0 0 0; border: 0; }

/* === FEATURE SECTION === */
.feature 			{ position: relative; }
.feature img 		{ width: 100%; }
.feature-text 		{ position: absolute; top: 0; bottom: 0; font-size: 0; }
.feature-text:before 	{ content: ''; display: inline-block; height: 100%; vertical-align: bottom; 	}
.feature-text h1 	{ display: inline-block; text-align: center; vertical-align: bottom; width: 100%;
		   		 	background: ; border-radius: 10px; color: white;
    				font-size: 44px; padding: 3%; line-height: 40px; }

/* HEADER 
------------------------------------------------------------------*/


/* Simple scalable breadcrumb by Veerle Pieters
------------------------------------------------------------------*/

#crumbs { height:2.0em;	border:0px solid #dedede;padding-left:.5em;	}
#crumbs li { float:left;	line-height:1.0em;	color:#777;	margin-left:.5em;
	list-style-type: none; }
#crumbs li a {display:block; padding:0 15px 0 15px;	}
#crumbs li a:link,
#crumbs li a:visited {	color:#004893; text-decoration:none;	}
#crumbs a:link,
#crumbs li a:hover,
#crumbs li a:focus { color:#dd2c0d;	}

/* @group General
------------------------------------------------------------------*/
.jumbotron {height: 100; margin: 0 0 0px 0;}
.yellow {background-color: yellow;}
.black {background-color:black;}
.h-100 {height: 100px;}
.h-120 {height: 120px;}
.h-150 {height: 150px;}
.text-1 {color: #06FDEC}
.text-2 {color: #98EBEE;}
td { vertical-align: top; }
table { width: 100% }
td.55 { width: 55% }
.card-body {text-align: center;}
.center {text-align: center;}
.fluid { padding-right: 0;	padding-left: 0; border-radius: 0; }
.leftboarder {	border-left: 1px solid #333;}
.fakeimg {height: 50px; padding: 10px 0 0 10px ; background: #254B60; color: white;  }
.top-left {  position: absolute;  top: 15px;  left: 36px;  color: white; }
ul.ba {	list-style-type: none;} <!-- turn off bullets in the sidebar navigation list -->

a:link    	{ 	color: #002884; text-decoration: none; }
a:visited 	{ 	color: #3679B8; text-decoration: none; }
a:hover   	{ 	color: maroon; text-decoration: underline; }
a:active  	{ 	color: #3679B8; text-decoration: none; }

<!-- turn off page title -->
.page h1 	{ display: none; }

/* @end */

/* @group links
===============================================================*/
a:link    		{ 	color: #3679B8; text-decoration: none; }
a:visited 		{ 	color: #3679B8; text-decoration: none; }
a:active  		{ 	color: #3679B8; text-decoration: -moz-none: <##>;; }
a:hover   		{ 	color: maroon; text-decoration: underline; }
/* @end */

/* @group colors
===============================================================*/
.up100 {margin: -100px 0 0 0; background-color:white;}
.earth {background-image: URL('images/AstroEarth.jpg');}
.bluebg {background-color: #1c344d;}
.bluebg2 {background-color: #3C798A}
.bluebg3 {background-color: #254B60}
.bg5 {background-image: URL('images/background-5.png');}
.blue5 {background-color: #607d8b;}
/* @end */

/* List items */
ul, ol{
    padding-left: 1em;
}


/* @group tables
===============================================================*/


table{ border-collapse: collapse;}
table {width:100%; margin: 1rem 0;}
table, table th, table td 
{
    border: 1px solid gray;
    padding:0.33em 0.66em;
    text-align: left;
    vertical-align: middle;
}
th.70 { width: 70%; }
th.30 {	width:  30%; text-align: center;}
tr:nth-child(even) {background-color: #f2f2f2;}


table 		{  	width:100%; border-collapse: collapse;  margin: 0px auto; border: 1px black solid;}
tr 			{ 	border: 1px solid #999999; font-size: 0.8em; text-align: left; padding: 4px; vertical-align: top;}
th, td 		{  	padding:.5em 0.5em;  text-align:left; vertical-align: top;}
table h1 	{ 	font-size: 1.4em; margin: 0 0; padding: 0 0;}
.colA		{  	width:20%; text-align: center;}
.colB 		{  	width:50%; text-align: left;}
.colC 		{  	width:10%; text-align: center;}
.colD 		{  	width:5%; text-align: center;}


.table1 			{ border: 2px solid #D6DDE6; border-collapse: collapse; width: 100%; font-size: 1.0em; margin: 15px auto; }
	.table1 td 	{ border: 1px solid #D6DDE6; text-align: left; padding: 5px;  }
	.table1 th 	{ border: 1px solid #D6DDE6; background-color: #fff; font-weight: bold; font-size: 1.1em;
		text-align: left; padding: 10px; }
	.table1 caption 	{ font: bold 1.2em arial, sans-serif; background-color: #ececec; color: #000; padding:3px; border: 1px solid #a4a5a7; }
	.table1 tr 	{ border: 1px solid #999999; font-size: 1em; text-align: left; padding: 10px; vertical-align: top;}
	.table1 .center {text-align: center;}
	.table1 .left {text-align: left;}
	.table1 .title {text-align: left; font-size: 1.2em;}


.table2 			{ border: 1px solid #a4a5a7; border-collapse: collapse; width: 100%; font-size: 1.0em; margin: 20px auto; }
	.table2 td 	{ border: 1px solid #D6DDE6; text-align: left; padding: 5px;  }
	.table2 th 	{ border: 1px solid #D6DDE6; background-color: #fff; font-weight: bold; font-size: 1.2em;
		text-align: center; padding: 5px; }
	.table2 caption 	{ font: bold 1.4em arial, sans-serif; background-color: #ececec; color: #000; padding:3px 0 3px 0; border: 1px solid #a4a5a7;	}
	.table2 tr 	{ border: 1px solid #D6DDE6; font-size: 1em; text-align: center; padding: 10px; vertical-align: top;}
	.table2 .center {text-align: center;}
	.table2 .left {text-align: left;}
	
.table3 		{ border: 1px solid #a4a5a7; border-collapse: collapse; width: 60%; font-size: 1.0em; margin: 20px auto; }
	.table3 td 	{ border: 1px solid #D6DDE6; text-align: left; padding: 15px; vertical-align: top; }
	.table3 tr 	{ border: 1px solid #D6DDE6; font-size: 1em; text-align: center; padding: 10px; vertical-align: top;}
	.table3 .center {text-align: center;}
	.table3 .left {text-align: left;}
/* @end */