/*
* tomsnauwaert.com.css
* Copyright 2019, Tom Snauwaert
* tomsnauwaert.com
* 03/01/2020
*/

/*
	The styles in this file are used together with bootstrap 4.x, bootstrap must be loaded first
*/

/* Table of contents
	- body
	- containers
		- container-fluid
	-	Paragraphs
		- Header 1
		- Header 2
		- Header 3
		- Header 4
		- Header 5
		- Header 6
		- Normal paragraph
		- Footer
		- Anchor
	- Images
		- Sizing header image
	- Miscelaneous
		- Horizontal ruler
  -Forms
*/

/*** Body ***/
body {
  background-color: #BCD2EE;  /* color light steelblue2 */
}

/*** Containers ***/
/* container-fluid - override max-width and backgound color */
.container-fluid {
	max-width: 1230px;
	background-color: white;
	position: relative;
}

/*** Paragraphs ***/
/* header 1 - override color */
h1 {
	color: rgb(0,0,153);
}

/* header 2 - override color */
h2 {
	color: rgb(0,0,153);
}

/* header 3 - override color */
h3 {
	color: rgb(0,0,153);
}

/* header 4 - override color */
h4 {
	color: rgb(0,0,153);
}

/* header 5 - override color */
h5 {
	color: rgb(0,0,153);
}

/* header 6 - override color */
h6 {
	color: rgb(0,0,153);
}

/* Override color */
p,li {
	color: rgb(0,0,153);
	line-height: 1.15;
}

.hang {
	text-indent: -2em;
	margin-left: 2em;
	margin-top: 0;
	margin-bottom: 0;
}

/* Footer - override color and size */
.footer p {
	font-size: 10pt;
	line-height: 1.15;
	color: rgb(0,0,102);
}

/* Anchor within menu*/
.nav-item a, .nav-item a:link, .nav-item a:visited, .nav-item a:hover, .nav-item a:active {
	font-weight: normal;
	color: white;
}

.nav-item a:hover {
	background-color: blue;
}

.dropdown-menu a, .dropdown-menu a:link, .dropdown-menu a:visited, .dropdown-menu a:hover, .dropdown-menu a:active {
	font-weight: normal;
	color: white;
}

.dropdown-menu a:hover {
	background-color: blue;
}

/* Anchor */
a, a:link, a:visited, a:hover, a:active {
	font-weight: bold;
	color: rgb(0,0,255);
}

/* bold */
b{
	font-weight: bold;
}

/* italic */
i{
	font-style: italic;
}

/* tag */
.img-tag {
	color: rgb(0,0,0);
	font-style: italic;
}

/* Miscelaneous */
hr {
  margin-top: 3px;
  margin-bottom: 3px;
  border-width: 0;
  border-top: 3px solid rgb(0,0,153); 
}

/* Forms */

/* Innerform */
.mainform table {
	position:relative;
	top:0px;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px;
	border-color:rgb(0,0,153);
	border-collapse:separate;
	border-spacing: 6px;
}
.mainform th {
	text-align:left;
	font-size: 12pt;
	font-weight:bold;
	padding: 6px;
	color:rgb(255,255,255);
	background-color:rgb(0,0,153);
	border:0px;
}
.mainform td {
	position:relative;
	font-size: 12pt;
	font-weight:bold;
	color:rgb(0,0,153);
	border:0px;
}
.mainform p {
	font-size: 12pt;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
}
.mainform p1 {
	font-size: 11pt;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
}
.mainform a {
	font-size: 12pt;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
	color:rgb(0,0,153);
}
.mainform input[type=text],
.mainform input[type=password] {
	width:100%;
	padding:2px;
	height:26px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:solid 1px;
	border-color:rgb(0,0,153);
	font-size: 10pt;
	color:rgb(0,0,255);
}
.mainform textarea {
	width:100%;
	padding:2px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:solid 1px;
	border-color:rgb(0,0,153);
	font-size: 10pt;
	color:rgb(0,0,255);
}
.mainform input[type=submit],
.mainform input[type=button],
.mainform input[type=reset] {
	background-color:rgb(0,0,204);
	border:0px;
	width:9em;
	height:2em;
	font-size: 10pt;
	font-weight:bold;
	color:white;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.mainform input[type=submit]:disabled,
.mainform input[type=button]:disabled,
.mainform input[type=reset]:disabled {
	background-color:rgb(153,153,153);
}
.mainform input[type=text]:disabled,
.mainform input[type=password]:disabled,
.mainform select:disabled  {
	background-color:rgb(188,210,238);
}
.mainform textarea:-ms-input-placeholder,
.mainform input:-ms-input-placeholder {
   color:rgb(127,127,127);
   font-style:italic;
}
.mainform textarea::-webkit-input-placeholder,
.mainform input::-webkit-input-placeholder {
   color:rgb(127,127,127);
   font-style:italic;
}
.mainform textarea:-moz-placeholder,
.mainform textarea::-moz-placeholder,
.mainform input:-moz-placeholder,
.mainform input::-moz-placeholder {
   color:rgb(127,127,127);
   font-style:italic;
   opacity:1;
}
.mainform select {
	overflow:hidden;
	padding:2px 0px;
	height:22px;
	width:100%;
  box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	border:solid 1px;
	border-color:rgb(0,0,153);
	font-size: 10pt;
	color:rgb(0,0,255);
}
b.redbold {
  color:rgb(255,0,0);
  font-weight: bold;
}
b.bluebold {
  color:rgb(0,0,255);
  font-weight: bold;
}

.bg-menu {
	background-color: rgb(0,0,153);
}