/* Bootstrap overrides */
:root {
	--bs-card-cap-bg: rgb(0, 120, 120);
}

.gs-card-title {
	background-color: #009999;
}


/* Make .bg-light work like .card */
.bg-light {
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0,0,0,0.175) !important;
	border-radius: 0.375rem;
	background-color: #303030 !important;
	background-clip: border-box;
}
.TitleLink {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
.TitleLink:hover {
	color: #00ffff;
	text-decoration: none;
	font-weight: bold;
}
.post_card {
	box-shadow: 0 4px 8px 0 rgba(0,99,99,0.2);
	transition: 0.3s;
	border-radius: 5px; /* 5px rounded corners */
	padding: 10px;
	margin: 10px;
	background-color: #303030;
  }
  
  .post_card:hover {
	box-shadow: 0 16px 32px 0 rgba(10, 240, 240, 0.2);
  }

  .image-topleft{
	position: absolute;
	top: 0;
	left: 0;

  }

  .footer {
	position: absolute;
    bottom: 10px;
    align-content: center;
	padding-bottom: 40px;
  }

  .post_img_tl{
	position: absolute;
	top: 4px;
	left: 4px;
	width: 50px !important;

  }
  .post_img_tr{
	position: absolute;
	top: 8px;
	right: 8px;
	width: 45px !important;
	height: 405x !important;

  }
  .gs-btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #006666;
    --bs-btn-border-color: #00aaaa;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #003333;
    --bs-btn-hover-border-color: #2c4866;
    --bs-btn-focus-shadow-rgb: 85,115,146;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2c4866;
    --bs-btn-active-border-color: #29445f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #375a7f;
    --bs-btn-disabled-border-color: #375a7f
}

.forum-post{
	display: flex;
	flex-direction: column;
	align-items: felx-start;
	margin: 5px;
	border: #006666 inset 1px;
}
.forum-post:hover {
	
	box-shadow: #00ffff inset 1px;
  }
  .forum-post-header{
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	  flex-wrap: wrap;
	  min-width: 200px;
	  max-width: 100%;	
	  background: #006666;
  }
  .form-post-title {
	  font-size: 1.2em;
	  font-weight: bold;
	  color: #00ffff;
	  margin-left: 25px;
  }

.forum-profile-info {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-right: 10px;
	min-width: 200px;;
}																	
.forum-profile-info  img {
	width: 60px;
	height: 60px;
	margin: 5px;
	border-radius: 50%;
}
.profile_imgage_overlay-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.5);  
	color: white;	   	
	padding: 10px; 
	font-size: 20px;
	text-align: center;
  }
.forum-profile-info .details {
	margin-left: 15px;
	background-color: rgba(10, 240, 240, 0.2);
}
 .post-count {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background-color: rgba(0, 0, 0, 0.5);  
	color: white;	   	
	padding: 5px; 
	font-size: 14px;
	text-align: center;
  }
.forum-post .profile-info .username {
	font-weight: bold;
	font-size: smaller;
	
}
.forum-post-replies {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-left: 75px;
	margin-right: 10px;
	min-width: 200px;
	max-width: 90%;
}
.forum-post .profile-info .timestamp {
	font-size: 0.8em;
	color: gray;
}
.forum-post-body {
	background: var(--bs-btn-hover-bg);
	padding: 10px;
	border-radius: 10px;
	border: #006666 solid 1px;
	max-width: 100%;
}
.profile-pic {
	position: relative;
  }
.chat-container {
	display: flex;
	align-items: flex-start;
	margin: 5px;
	border: #006666 inset 1px;
}
.chat-container:hover {
	
	box-shadow: #00ffff inset 1px;
  }
.profile-info {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-right: 10px;
	min-width: 150px;;
}
.profile-info img {
	width: 35px;
	height: 35px;
	margin: 5px;
	border-radius: 50%;
	position: relative;
}
.chat-profile-img{
	width:40px;
	height:40px;
	border-radius:50%;
	
}
.profile-info .details {
	margin-left: 10px;
}
.profile-info .username {
	font-weight: bold;
	font-size: smaller;
	
}
.profile-info .timestamp {
	font-size: 0.8em;
	color: gray;
}
.chat-message {
	
	padding: 10px;
	border-radius: 10px;
	border: #006666 solid 1px;
	max-width: 60%;
}