/* CSS Document */

/* General */
body{
	background-color: #f7f6f2
}
#pageContent{
	flex: 1 0 auto;
}
.h-100{
	height: 100%;
}


/* Tables and forms */
.table-custom{
  background-color: #fdfdfe;
}
.form-control:focus {
	border-color: #DC9C0B;
	box-shadow: 0 0 0 0.2rem rgba(170 , 119, 0, 0.25);
}


/* Navbar Menu */
.bg-navbar{
	background-image: linear-gradient(to bottom,black 0,#222 100%);
}
.dropdown-item.active, .dropdown-item:active{
  background-color: #DC9C0B;
}


/* Jumbotron */
.display-3{
	font-weight:400;
}
.lead{
	font-weight:400;
}
.jumbotron-background{
	background-image: url(../pictures/jumbo.jpg);
 	background-size: cover;
 	background-repeat: no-repeat;
}

/* Footer */
.footer-custom{
	color: rgba(255, 255, 255, 0.65);
}
.link-footer{
	color: rgba(255, 255, 255, 0.85);
}
.link-footer:hover{
	color: white;
	text-decoration: none;
}


/* Paragraph */
.p-main{
	color: black;
	text-align: justify;
}
.p-main-last{
	color: black;
	text-align: justify;
	margin-bottom: 30px;
}
.p-quote{
	text-align: center;
	font-style: italic;
	margin-bottom: 30px;
}

/* Headers */
.h-main{
	color: #DC9C0B;
	margin-bottom: 30px;
}
.h-secondary{
	color: #AA7700;
	font-weight: 600;
}
.header-hint{
	color: black;
	font-weight: 600;
  	list-style: none;
  	margin-bottom: 0px;
}

/* Tooltips */
.tooltip-main{
	color: #D49708;
	font-style: italic;
}
.tooltip-sup{
	color: #DC9C0B;
	font-style: italic;
	font-weight: bolder;
}


/* Links */
.link-main{
	text-decoration: underline;
	color: #DC9C0B;
}
.link-main:hover{
	color: #AA7700;
}
.link-table{
	color: #8B6100;
	/*maybe #AA7700*/
}
.link-table:hover{
	color: #AA7700;
	/*maybe #996B00*/
}


/* Lists */
.list-header{
	color: black;
	font-weight: 600;
	padding-left: 0;
  	list-style: none;
}
.list-custom{
	padding-left: 0;
  	margin-bottom: 15px;
  	list-style: square;
}
.list-custom-last{
	padding-left: 0;
  	margin-bottom: 30px;
  	list-style: square;
}
.list-paragraph{
	font-weight: normal;
  	padding-left: 0;
  	margin-bottom: 15px;
  	list-style: none;
}
.list-paragraph-last{
	font-weight: normal;
	padding-left: 0;
	margin-bottom: 30px;
  	list-style: none;
}


/* Buttons */
.btnHint{
	color: white;
	background-color: #D16215;
	border: 1px solid #D16215 !important;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 15px;
	/*1BB1DE; */
}
.btnHint:hover{
	color: white;
	background-color: #C25408;
	border: 1px solid #C25408 !important;
}
.btnHint:focus, .btnHint.focus{
	color: white;
	background-color: #C25408;
	border: 1px solid #C25408 !important;
	box-shadow: 0 0 0 0.2rem rgba(170 , 119, 0, 0.05);
}
.btnForm{
	color: white;
	background-color: #DC9C0B;
	border: 1px solid #DC9C0B !important;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.btnForm:hover{
	color: white;
	background-color: #D59607;
	border: 1px solid #D59607 !important;
}
.btnForm:focus, .btnForm.focus{
	color: white;
	background-color: #D59607;
	border: 1px solid #D59607 !important;
	box-shadow: 0 0 0 0.2rem rgba(170 , 119, 0, 0.25);
}
.btnLink{
	color: #DC9C0B;
	border: 1px solid #DC9C0B !important;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 15px;
	margin-bottom: 50px;
}
.btnLink:hover{
	color: white;
	background-color: #DC9C0B;
	border: 1px solid #DC9C0B !important;
}
.btnLink:focus, .btnLink.focus{
	color: white;
	background-color: #DC9C0B;
	border: 1px solid #DC9C0B !important;
	box-shadow: 0 0 0 0.2rem rgba(170 , 119, 0, 0.5);
}
.btnNext{
	color: #DC9C0B;
	border: 1px solid #DC9C0B !important;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 15px;
	margin-bottom: 50px;
}
.btnNext:hover{
	color: white;
	background-color: #DC9C0B;
	border: 1px solid #DC9C0B !important;
}
.btnNext:focus, .btnNext.focus{
	color: white;
	background-color: #DC9C0B;
	border: 1px solid #DC9C0B !important;
	box-shadow: 0 0 0 0.2rem rgba(170 , 119, 0, 0.5);
}
.btnPrev{
	color: #DC9C0B;
	border: 1px solid #DC9C0B !important;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 15px;
	margin-bottom: 50px;
}
.btnPrev:hover{
	color: white;
	background-color: #DC9C0B;
	border: 1px solid #DC9C0B !important;
}
.btnPrev:focus, .btnNext.focus{
	color: white;
	background-color: #DC9C0B;
	border: 1px solid #DC9C0B !important;
	box-shadow: 0 0 0 0.2rem rgba(170 , 119, 0, 0.5);
}


/* Nav Pills */
.nav-pills .nav-link{
	color: #DC9C0B;
	border: 1px solid #DC9C0B !important;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover{
	color: white;
	background-color: #DC9C0B;
	border: 1px solid #DC9C0B !important;
}
.nav-pills .nav-link:hover{
  color: #AA7700;
  border: 1px solid #AA7700 !important;
}