/* Common */

.tpform .input-group-text-80 {
	width: 80px;
}

.l-label {
	text-align:right;
}
	
.tpform .error-msg {
	font-size: 1.2em;
	color: brown;
	font-weight: bold;
}

.avtrc {
  width: 48px;
  height: 48px;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.avtrc-0 {
  background-color: OrangeRed;
  color: #fff;
}
.avtrc-1 {
  background-color: DarkOliveGreen;
  color: #fff;
}
.avtrc-2 {
  background-color: DarkCyan;
  color: #fff;
}
.avtrc-3 {
  background-color: DarkGoldenRod;
  color: #fff;
}

 
.avtrc-4 {
  background-color: Orange;
  color: #000;
}
.avtrc-5 {
  background-color: DarkKhaki;
  color: #000;
}
.avtrc-6 {
  background-color: Silver;
  color: #000;
}

.initials {
  position: relative;
  top: 12px; /* 25% of parent */
  font-size: 24px; /* 50% of parent */
  line-height: 24px; /* 50% of parent */
  font-family: "Courier New", monospace;
  font-weight: bold;
}		


.tp-showcase h3 {
  font-family: Georgia, "Times New Roman", Times, serif;    
  color:Olive;
}

.tp-showcase  {
	background-color: white;
}


/* Member Admin */

.member-admin h1, .member-admin h2, .member-admin h3, .member-admin h4 {
  font-family: Georgia, "Times New Roman", Times, serif;    
  color:DarkCyan; /* DarkSlateGray */
}

.member-admin .form-container {
	background-color: white;/*#efefef*/
}
.member-admin-page {
	background-color: #eeeeee;
}


#memberadmin .sidediv {
	font-size:1em;
}

#memberadmin .your-websites {
	background-image: linear-gradient(white,#d6e1e8);
}

#memberadmin .your-websites .site-title{
	font-size:1.2em; 
	margin-bottom:4px;
	border-bottom:1px solid Gray;
}

#memberadmin .your-websites .site-stats{
	color:gray;
	font-size: 0.9em;
}

#memberadmin .invitations {
		background-color: #d6e1e8;
}

#mainnav .navbar {
    background-color: #eeeeee !important;
	border-top:2px solid #145A32;
}

#mainnav .navbar .dropdown-menu {
background-color: #eee !important;
}

#mainnav .navbar .dropdown-menu a:hover {
color: #fff !important;
background-color: #566573;
}
#mainnav .navbar .dropdown-menu a:active {
color: #00f !important;
}


/* Homepage CSS */
#pricing-table td 
{
    text-align: center; 
	vertical-align: middle;
}

#pricing-table td .check {
	color: green;
}


#pricing-table th 
{
    text-align: center; 
	vertical-align: middle;
}

#pricing-table td:nth-child(1) {  
  text-align: left; 
}

#pricing-table th:nth-child(1) {  
  text-align: left; 
}


.homepage .carousel-caption
{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	margin: 0px;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: -10px;
	color: #fff;
	text-align: left;
	background: rgba(0,0,0,0.4);
}
/* Make the image fully responsive */
.homepage .carousel-inner img {
  width: 100%;
  height: 100%;
}  

.homepage .carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

.homepage .carousel-indicators {
    bottom: -15px;
}

.homepage .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.homepage .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.homepageheader .hero {
  color: white;
  padding: 20px;
 
}

.homepageheader h1, .homepageheader h3, .homepageheader h4 {
	font-family: Georgia, "Times New Roman", Times, serif;    
	text-shadow: 1px 1px #000000;
}

.homepageheader h1 {
	font-size: 56px;
}

.homepage h2 {
	font-family: Georgia, "Times New Roman", Times, serif;    
	color: Olive;
	//color: #829356;
}

/* Forum Topics CSS */
.forum-topics {
    background-color: white;
}
.forum-topics .poster-name {
	display:inline;
}
.forum-topics .poster-name::after {
	content: ",";
}
.forum-topics .posted-date {
	display:inline;
}
.forum-topics .topic {
	font-size: 1.2em;
}	

.forum-topics .posted-date {
	color: gray;
}

.breadcrumb {
	background: white;
}


#technical-forum .topics-header {
	background-color: #0088B2; /* For browsers that do not support gradients */ 
	background-image: linear-gradient(#0088B2, #cccccc); /* d6e1e8 Standard syntax (must be last) */
	background-size: contain;
	color: white;
}

#technical-forum .section-header {
	background-color: #0088B2; /* For browsers that do not support gradients */ 
	color: white;
}

#genealogy-forum .topics-header {
	background-color: Olive; /* For browsers that do not support gradients */ 
	background-image: linear-gradient(Olive, #cccccc); /* d6e1e8 Standard syntax (must be last) */
	background-size: contain;
	color: white;
}

#genealogy-forum .section-header {
	background-color: Olive; /* For browsers that do not support gradients */ 
	color: white;
}

#feature-request-forum .topics-header {
	background-color: #0088B2; /* For browsers that do not support gradients */ 
	background-image: linear-gradient(Tan, #cccccc); /* d6e1e8 Standard syntax (must be last) */
	background-size: contain;
	color: DarkOliveGreen;
}

#feature-request-forum .section-header {
	background-color: Tan; /* For browsers that do not support gradients */ 
	color: DarkOliveGreen;
}

#announcements-forum .topics-header {
	background-color: #LightSteelBlue; /* For browsers that do not support gradients */ 
	background-image: linear-gradient(LightSteelBlue , #cccccc); /* d6e1e8 Standard syntax (must be last) */
	background-size: contain;
	color: DarkCyan;
}

#announcements-forum .section-header {
	background-color: #LightSteelBlue; /* For browsers that do not support gradients */ 
	background-image: linear-gradient(LightSteelBlue , #cccccc); /* d6e1e8 Standard syntax (must be last) */
	background-size: contain;
	color: DarkCyan;
}


/* About */
#tp-about h4 {
	color: Olive;
}


/* Forum CSS */
.forum {
    background-color: #eeeeee;
}

.forum h2 {
	color: DarkOliveGreen;
}

.forum .card-footer {
	background-color: #ffffff; 
	border: none;
}
.forum .card-body {
	background-color: #ffffff; 
}




		

/* Forum Topic Detail */

.topic-detail {
    background-color: white;
}

.topic-detail .author {
	text-align: center;
	background-color:#edf4fa;
}
.topic-detail .author .details {
	color: gray;
	text-align:left; 
	padding-left:20px;
	font-size: 0.9em;
}
.topic-detail .author .name {
	padding-bottom:12px;padding-top:12px;
}
.topic-detail .avtr-align {
	margin-left: auto;
	margin-right: auto;  
}
.topic-detail .message .quote {
	background-color:#f8f8f8;
	border-style: solid;
	border-width: 1px;
	border-color: LightGray;
	margin: 5px;
	padding: 5px;
}


.topic-detail .message-head {
	border-bottom:2px solid #b3839a; 
	background-color:#edf4fa;
}

.forum-reply {
    background-color: #eeeeee;
}
  

@media screen and (max-width: 600px) {
	.l-label {
		text-align:left !important;
		background-color: lightcyan;
	}
	.forum-topics .topic {
		font-size: 1em !important;
	}	
	.avtrc {
		display: none;
	}
	
	#navlogo {
		width:150px !important;
	}
	
}