/*!
 * Start Bootstrap - Shop Homepage (https://startbootstrap.com/templates/shop-homepage)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-shop-homepage/blob/master/LICENSE)
 */
body {
  padding-top: 56px;
}

html {
  scroll-behavior: smooth;
}

.card-header {
  padding: .25rem .25rem;
}

.text-black{
  color: black;
}

#topBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: blue; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 25px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#topBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

.card-title{
	overflow: hidden;  
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	min-height: 40px;
}
.card-text{
	overflow: hidden;  
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	min-height: 100px;
}
  
.navbar-bg{
	 background-color: #e3f2fd;
}

.popover{
  width: 100%;
  max-width: 800px;
}


.footer-link{
	color: #ffffff,
	display: inline;
	margin-left: 5px;
 	padding: 5px;
}

.text-red{
	color: red;
}

.text-green{
	color: green;
}

.padding-less{
	padding: 2px;
}

@media (max-width: 767px) { 
	#free-space{
		height: 60px;
	}
	.minheight{
		min-height: 100px;
	}
}

@media (min-width: 768px) { 
	#free-space{
		height: 0px;
	}

	.minheight{
		min-height: 500px;
	}
}

/* @media (max-width: 575px) { 
	
	.card-img-top{
		max-width: 451px;
	}
}

@media (min-width: 576px) and (max-width: 767px) { 
	.card-img-top{
		max-width: 238px;
	}
}

@media (min-width: 768px) and (max-width: 991px) { 
	.card-img-top{
		max-width: 208px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) { 
	.card-img-top{
		max-width: 148px;
	}
}

@media (min-width: 1200px) { 
	.card-img-top{
		max-width: 181.75px;
	}
} */