/***************************************************************
*
* BODY
*
****************************************************************/

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh; /* Full height of the viewport */
}

main {
	flex: 1; /* Take up the available space */
}

nav
{
	border-bottom:4px solid #f1ee9e;
}

.navbar-nav
{
	margin-top:20px;
}

.nav-link
{
	font-weight: 500;
}

.nav-link:hover
{
	color:#ec3e92;
}

h1, h2
{
	color:#ec3e92;
}

h3
{

}

p, li, td
{
	font-size:1.2em;
}

/***************************************************************
*
* BORDERS
*
****************************************************************/

.border-start {
  border-left-color: #ec4899 !important; /* pink */
}

/***************************************************************
*
* BUTTONS
*
****************************************************************/

.btn-primary {
	background-color: #ec4899;
	border: 1px solid #ec4899;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
	 background-color: #353441 !important;
	border-color: #353441 !important;
}

/* Ensure the html and body take up the full height of the viewport */
html, body {
	height: 100%;
	margin: 0;
}

/* The main wrapper should take up all available height, except for the footer */
.d-flex {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

/* Content should expand to fill the remaining space */
.content {
	flex: 1;
}

/***************************************************************
*
* FOOTER
*
****************************************************************/

.footer
{
	background-color: #748890;
}

.footer p
{
	color: #ffffff;
	font-size:0.9em;
}

.footer a
{
	color:#ffffff;
	text-decoration: none;
}