/*Header*/
.navbar-brand1{
 color:#318134;  
 font-size:30px;
 font-family:Comic Sans MS;
 font-weight: 700;
 padding-left:40px;
 float: left;
}
.navbar-brand1:hover{
 color:#267326;  
 font-weight: 800;
}
/*nav*/
.center-cropped-dp-nav {
  object-fit: cover;       /* Scale the image so it covers whole area, thus will likely crop */
  object-position: center; /* Center the image within the element */
  width: 32px;
  height: 32px;
  border-radius: 25%;
  overflow: hidden;
  border: 3px solid #318134;
}
.center-cropped-dp-nav:hover {
  border: 3px solid #267326;
}
.cat-nav-dd{
	background-color: #cc0099;
	font-size: 15px;	
	font-weight:500;
	color:#fff;	 
	text-align: center;
}
.dropdown-menu>li{
	background-color: black;
}
.dropdown>ul{
	background-color: #318134;
}
.active2{
	background-color: #318134;
	border-radius: 4px;	  
}
.navbar-nav1>li{
	float: left;	   
}
.navbar-nav1>li>a{
	font-size: 12px;	
	font-weight:500;
	color:#fff;	   
}
.nav>li>a:hover{
	background-color: #318134;
	color:black;
	font-weight:700;
	border-radius: 4px;  
}
.navbar-inverse .navbar-nav > li > a {
	color: #fff;
	font-size: 15px;
}
/*Body Mod Details*/
.hr-line{
	margin-top:35px;
	border-top: 3px double #8c8b8b;
}
.mod-details-heading{
	text-transform:uppercase;
	text-align:center;
	color:#318134;
}
.container{
    width: 100% !important;
    margin-right: auto;
	padding-right:0px;
	padding-left:0px;
    margin-left: auto;
}
.background-color{
	background-color: #f2f2f2;
	padding-bottom: 15px;
	padding-top: 15px;
}
.h9{ 
font-size:30px;
color:#00664d;
text-align:left;
font-family: "MS Serif", "New York", serif;
}
.h10{ 
font-size:24px;
color:#00664d;
text-align:left;
font-family: "MS Serif", "New York", serif;
}
/*Border*/
.border1{
border-right: solid 4px #cccccc;
}
.border2{
border-top: solid 4px #cccccc;
}
.border3{
border-left: solid 2px #cccccc;
}
.user-box{
  width:80%;
  border: 2px solid #ddd;
  border-radius: 20px;
  padding: 5px;
}
/*Images*/
.mods-photos{
  width:70%;
  border: 3px solid #ddd;
  border-radius: 10px;
  padding: 5px;
}
.center-cropped-dp {
  object-fit: cover;       /* Scale the image so it covers whole area, thus will likely crop */
  object-position: center; /* Center the image within the element */
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #cccccc;
}
/*Buttons*/
.btn-success {
    width: 100%;
    background-color: #318134;
    color: white;
    padding: 5px 5px;
	font-size: 22px;
    margin: 5px 0;
    border: none;
    border-radius: 25px;
    cursor: pointer;
	font-weight: 500;
	border: 3px solid #235c25;
}
.btn-success:hover {
    background-color: white;
	border: 3px solid #235c25;
	color: #235c25;
}
.btn-comment{
    width: 100%;
    background-color: #ff9900;
    color: white;
    padding: 5px 5px;
	font-size: 22px;
    margin: 5px 0;
    border: none;
    border-radius: 25px;
    cursor: pointer;
	font-weight: 500;
	border: 3px solid #e68a00;
}
.btn-comment:hover {
    background-color: white;
	border: 3px solid #ff9900;
	color: #e68a00;
}
.btn-photos{
    width: 100%;
    background-color: #0047b3;
    color: white;
    padding: 5px 5px;
	font-size: 22px;
    margin: 5px 0;
    border: none;
    border-radius: 25px;
    cursor: pointer;
	font-weight: 500;
	border: 3px solid #003380;
}
.btn-photos:hover {
    background-color: white;
	border: 3px solid #0047b3;
	color: #003380;
}
.btn-profile-visit{
    width: 100%;
    background-color: #b30086;
    color: white;
	font-size: 15px;
    margin: 5px 0;
    border: none;
    border-radius: 25px;
    cursor: pointer;
	font-weight: 500;
	border: 3px solid #66004d;
}
.btn-profile-visit:hover {
    background-color: white;
	border: 3px solid #b30086;
	color: #66004d;
}
.copy-profile-button{
    background-color: #808080;
    color: white;
    padding: 5px 5px;
	font-size: 12px;
    margin: 5px 0;
    border: none;
    border-radius: 25px;
    cursor: pointer;
	font-weight: 500;
	border: 3px solid #666666;
}
.copy-profile-button:hover {
    background-color: white;
	border: 3px solid #808080;
	color: #666666;
}
.report-button{
	width: 100%;
    background-color: #b30000;
    color: white;
    padding: 5px 5px;
	font-size: 22px;
    margin: 5px 0;
    border: none;
    border-radius: 25px;
    cursor: pointer;
	font-weight: 500;
	border: 3px solid #800000;
}
.report-button:hover {
    background-color: white;
	border: 3px solid #b30000;
	color: #800000;
}
.like-button{
	padding:8px 15px;
	background:#0066cc;
	margin:4px 2px;
	font-size:20px;
	border: 3px solid #0066cc;
	float:left;
	color:#fff;
	font-weight: 700;
	border-radius: 4px;
}
.like-button:hover{
	background:#fff;
	border: 3px solid #0066cc;
	transition-duration: 0.8s;
	color:#0066cc;
	font-weight: 700;
}
.liked-button{
	padding:8px 15px;
	background:#3fa643;
	margin:4px 2px;
	font-size:20px;
	border: 3px solid #3fa643;
	float:left;
	color:#fff;	
	font-weight: 700;	
	border-radius: 4px;
}
.liked-button:hover{
	background:#fff;
	border: 3px solid #3fa643;
	transition-duration: 0.8s;
	color:#3fa643;	
	font-weight: 700;
}
.login-nav-button{
	padding:7px 17px;
	background: #3fa643;
	margin:4px 2px;
	font-size:15px;
	border:0;
	float:left;
	color:#fff;
	font-weight:500;
	border-radius: 5px;
}
.login-nav-button:hover{
	background:#fff;
	border: 2px solid #0a6ebd;
	transition-duration: 0.4s;
	color: #3fa643;			
	font-weight:700;
}
/*Comments*/
.comment-avtar-l{
  object-fit: cover;       /* Scale the image so it covers whole area, thus will likely crop */
  object-position: center; /* Center the image within the element */
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  border-radius:15px;
  background-color: #f2f2f2;
}
.genuine-user{
 width:75px;
 height:12px;
 border-radius:15px;	
}
.cmt-bdr-1{
 border: 3px solid #3fa643;
 border-radius: 15px;
 padding:5px;
 background-color: #ceffce; 
}
.reply-bdr-1{
 border: 3px solid #3fa643;
 border-radius: 15px;
 padding:0px;
}
.post-comment{
font-size: 20px;
padding: 10px;
font-weight: 600;
}
#formButton {
  background-color: #3498DB;
  color: white;
  padding: 2px;
  font-size: 12px;
  border: none;
  cursor: pointer;
border-radius:5px;
}
.mod-reply1{
  border: 3px solid #0a6ebd;
 border-radius: 15px;
 background-color: #ced0ff;     
}
.comment-date{
font-size: 10px;
}
.comment-avtar{
	 width:50px;
	 border-radius:15px;
	 background-color: #f2f2f2;
	 border: 2px solid black;
}
.comment-avtar-l{
	  object-fit: cover;       /* Scale the image so it covers whole area, thus will likely crop */
	  object-position: center; /* Center the image within the element */
	  width: 50px;
	  height: 50px;
	  border-radius: 50%;
	  overflow: hidden;
	  border-radius:15px;
	  background-color: #f2f2f2;
	  border: 2px solid black;
}
/*Sidebar*/
ul.sidebar-ul{
	list-style-type:none;
	color:#000;
	font-size:15px;
	font-weight:700;
	margin-top:10px;
	background:#f2f2f2;
}
.sidebar-ul>a>li{
	padding-left:15px;
	padding:8px;
	border: 1px solid #318134;
}
.sidebar-ul>a>li:hover{
	background: #0a6ebd;
	border: 3px solid transparent;
}
ul>a{
	color:#000;
}
ul>a:hover{
	color:#fff;
	text-decoration:none;
}
.heading{
	padding-left:15px;
	color:#fff;
	background:#318134!important;
	padding-top:10px !important;
	padding-bottom:10px !important;
	margin-top:10px;
}
.active1{
	background: #6699cc;
	border: 3px solid transparent;	
	animation: colorchange 200s;
	-webkit-animation: colorchange 200s;
}
/*Pagination*/
 .Pagi-nation{
	text-align: center !important;
	padding-top: 20px;
	padding-bottom: 15px;
	overflow: auto;	
 }
 .Pagination{
	margin:0 auto; 
	padding-top:35px;
	padding-bottom:35px;
 }
  .Pagination li{
	display:block;
	color:#fff;
	text-shadow: 0 1px 1px #eee;
	float: left;
 }
   .Pagination li span{
	letter-spacing:.1em;
	color: #318134;
	border: 2px solid #318134;
	padding: 4px 7px;
	border-radius: 5px;
 }
   .Pagination li a{
	background: #318134;
	color: #fff;
	border: 2px solid #235c25;
	padding: 4px 7px;
	text-decoration: none;
	border-radius: 5px;
 }
   .Pagination li a:hover{
	background: #38943b;
	border: 2px solid #2a6f2c;	
    color: #fff;
    transition: .4 ease-in-out;		
 }
   .Pagination li a:active{
	background: #3884c7;
    color: #fff;
	border-radius: 5px;	
 }
   .Pagination li.active a{
	background: #3884c7;
	border: 2px solid #2d6a9f;
	border-radius: 5px;
	color: #fff;	
 }
   .Pagination li .titik{
	color: #3fa643;
    font-weight: bolder;	
	
 } 
   .Pagination li.disable{
	pointer-events: none;
	cursor: default;
	border-radius: 2px;	
 }
/*Footer*/
.footer-bar{
min-height:50px;
background:#000;
text-align:center;
padding:15px;
color:#fff;
}
/*Small Media Device*/
@media(max-width:768px){
	.border1{
		border-right: none;
	}
	.border3{
		border-right: none;
	}
	.mods-photos {
		width:100%;
	}
	.center-cropped-dp {
	  object-fit: cover;       /* Scale the image so it covers whole area, thus will likely crop */
	  object-position: center; /* Center the image within the element */
	  width: 100px;
	  height: 100px;
	  border-radius: 50%;
	  overflow: hidden;
	}	
}