.form-control:focus {
  border-color: rgba(89, 0, 255, 0.6);
  outline: none;
  box-shadow: 0 0 8px rgba(89, 0, 255, 0.6);
}


#grad1 {
   
  background-color: rgb(0, 47, 255); 
  background-image: linear-gradient(to bottom right, rgb(89, 0, 255), rgb(255, 0, 200));
}

.card {
  /* background: #121622; */
  border-radius: 1rem;  
  border-color: #1f2734;
  background:none;
}

/* background: #1f273b; card: rgb(18, 22, 34); */

.content-section {
  border-radius: 1rem;  
  background: #121622;
  padding: 10px 7px;
  width:100%;
}

.commenthidehover {
  display: none;
}

.commentshowhover:hover .commenthidehover {
  display: block;
}

.item {
  display:block;
  overflow:hidden;
 
}


.btn {
  border-radius: .5rem;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 150%;
}

ul {
  margin: 0;
}

p {
  margin:0px;
  color: white;
  line-height: 150%;
}

a {
  color: white;
  line-height: 150%;
}

a:hover {
	color: white;
}

hr { clear:both; display:block; width: 97%; background-color:#1f2734; height: .2px; }

.custom-link {
  display: inline-block;
  width: 100%;
  padding: 0.5rem 1rem;
  text-decoration: none;
  color: inherit;
  text-align: center;
  position: relative; 
  cursor: pointer;
  color:silver;
}

.custom-link::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1.7px;
  background-color: grey;
}

.custom-link.active::before {
  height:1.7px; 
  background-image: linear-gradient(to bottom right, rgb(89, 0, 255), rgb(255, 0, 200));
}

.customchat {
  border: 1px solid transparent;
  transition: border-color 0.1s ease-in-out;
}

.customchat:hover {
  border-color: white;
}

.btn-outline-primary {
  color:white;
}

.postlikecount{
  color: white;
}

.postdislikecount {
  color: white;
}

.postcommentcount {
  color:white;
}

.btn-light {
  color: white;
}

.col {
  margin-bottom: 15px;
}

.hovering:hover {
  -moz-box-shadow: 0 0 12px #ccc;
  -webkit-box-shadow: 0 0 12px #ccc;
  box-shadow: 0 0 12px #ccc;
  transition: 0.15s;
}

html body{
  background: #0e111a;
  /* margin-top: 4rem; */
  color: white;
}

.thumb-active {
  fill: white
}


.wrap{
  width: 30%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	position: absolute;
	background-color: #f1f1f1;
	min-width: 350px;
	box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
	font-size: 0.9rem;
  z-index: 1;
}

.dropdown-content a {
	color: #000;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {
	background-color: rgb(221, 221, 221);
}

.dropdown-item-close:hover {
	color: rgb(180, 25, 25);
	transition: 0.3s;
	cursor: pointer;
}

.post h1 a, .post h1 a:visited {
  color: #000000;
}

.search-form {
  display: inline
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

  #searchform {
    display: inline;
  }

  
  .searchbar {
  text-align: center;
  }
  
  /* ::-webkit-scrollbar {
    width: .2rem;
  }
  
  ::-webkit-scrollbar-track {
    border-radius: 1rem;
  }
  
  ::-webkit-scrollbar-thumb {
    background: lightgray;
    border-radius: 1rem;
  } */

#myList li{ display:none;
}


.btn-light {
  background:rgba(119, 136, 153, 0.11)
}

@media screen and (max-width: 768px) {
  .googleadsdesktop {      
    visibility: hidden;
    display: none;}
  }

@media screen and (min-width: 768px) {  
  .googleadsmobile {      
    visibility: hidden;
    display: none;}
  }

  @media screen and (max-width: 768px) {
    .desktop {
      visibility: hidden;
      display: none;
    }
  }

  @media screen and (min-width: 768px) {
    .mobile {
      visibility: hidden;
      display: none;
    }
  }
    
.card-img-top {
      width: 100%;
      height: 15rem;
      border-radius: 1rem;
    }

@media screen and (max-width: 768px) {  
  .mobilecol {      
    width:100%
  }}