/* Styling base.html */

#colorhunt{
	/*https://colorhunt.co/palette/168816*/
color:
#655c56
#94d3ac
#ccedd2
#effcef
}

:root{
	--navColor:#191A19;
	--colorPrimary:#1E5128;
	--colorSecondary:#49FF00;
	--colorLight:#D8E9A8;
}

.heading{
	font-family: 'Fira Sans', sans-serif;
	color: #000;
	font-weight: 500;
	font-size: 1.5em;
}

.paragraph{
	font-family: 'Roboto', sans-serif;
	color: #333333;
	font-weight: 400;
}

body{
	background-color:#effcef;
	color:#555;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	line-height:1.6em;
	margin:0;
}

table tr, th {
	vertical-align:top;
	border: 1px solid #ddd;
	border-collapse: collapse;
	text-align: left;
	padding: 5px;
  }

tr:hover {background-color:#ffffff;}

.container{
	width:90%;
	margin:auto;
	overflow:hidden;
	padding: 12px 5px 12px 5px;
}

/* To make the navbar dropdown visible */
#navbar div.container{
	overflow:visible;
}

#main-header{
	background-color:#94d3ac;
	color:#000;
	font-family: 'Fira Sans', sans-serif;
}

#navbar{
	text-align: center;
	background-color:var(--navColor);
	color:#fff;
	/* padding:0 0 0 0; */
}

#navbar li{
	text-align: center;
	display:inline;
}


/* To keep the navbar dropdown inline with the other navbar elements */
.navbar-dark .navbar-nav .nav-link {
	padding: 0 0 0 0;
}

#navbar a{
	color:#fff;
	height:64px;
	text-decoration: none;
	padding-right:15px;
}

/* highlights the navbar links on hover */
#navbar a:hover{
	color:var(--colorSecondary);
}

#navbar a.active-page{
	color:var(--colorSecondary);
}

#navbar a.dropdown-item{
	color:black;
	text-decoration: none;
	padding-right:15px;
}

/* to ensure that the login and services appear on the far right of the navbar */

#navbar .nav-right-login, .nav-right-user{
	margin-left:auto;
}


/* for making the footer sticky */
div#main-content{
	min-height:calc(100vh - 50px - 50px);
}

#showcase{
	background-image:url('../images/showcase.jpg');
	background-position:center right;
	min-height:300px;
	margin-bottom:30px;
	text-align: center;
}

#showcase h1{
	color:#fff;
	font-size:50px;
	line-height: 1.6em;
	padding-top:30px;
	font-family: 'Fira Sans', sans-serif;
}

#main{
	float:left;
	width:90%;
	padding:0 0 0 0;
	box-sizing: border-box;
}

#sidebar{
	float:left;
	width:30%;
	background: #ccedd2;
	color:#000;
	padding:10px;
	box-sizing: border-box;
}

#main-footer{
	background: #94d3ac;
	color:#000;
	text-align: center;
	padding:5px;	
	height: 50px;
}

@media(max-width:600px){
	#main{
		width:100%;
		float:none;
	}

	#sidebar{
		width:100%;
		float:none;
	}
}

/* For the topic create form*/
/* #id_description{
    width: 300px;
    height: 200px;
} */