@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

#blog-wrap-sidebar {
  padding: 10px;    
  font-size: 1.15rem;
}

#blog-wrap-sidebar h1,
#blog-wrap-sidebar h2,
#blog-wrap-sidebar h3,
#blog-wrap-sidebar h4,
#blog-wrap-sidebar h5,
#blog-wrap-sidebar h6
#blog-wrap-sidebar p,
#blog-wrap-sidebar a {
  /* font-family: 'Open Sans', sans-serif; */
}

#blog-wrap-sidebar h2 {
  font-size: 1.15rem;
  line-height: 1.6rem;
}

#blog-wrap-sidebar .sidebar-random-post {
  margin-top: 1rem;
}

#blog-wrap-sidebar .card { 
  border: none;
  box-shadow: 0px 0px 10px 2px #dddfe2;
  margin-bottom: 2rem;
}


#blog-wrap-sidebar .card:hover { 
  box-shadow: 0px 0px 10px 2px rgb(190, 190, 190);
}

#blog-wrap-sidebar .card-header { 
  background: #fff;
  font-weight: bold;
  text-align: left;
}

#blog-wrap #blog-wrap-sidebar .post-date {
  color: #000;
  font-weight: normal;  
  /* font-family: 'Open Sans', sans-serif; */
  font-size: 0.8rem;
  padding: 5px;
  margin-top: 1.0rem;
}

/* #blog-wrap-sidebar .social-bar { 
  float: right;
  display: flex;
} */

#blog-wrap-sidebar .btn-fb,
#blog-wrap-sidebar .btn-tw  {
  padding: 5px;
  margin: 4px;  
  border-radius: 5px;
  border: 2px solid #3b5998; 
}

#blog-wrap-sidebar .btn-tw {
  border: 2px solid #1da1f3;  
}


#blog-wrap-sidebar .card-body {
  padding: 0px;
  padding-left: 10px;  
}

#blog-wrap-sidebar .blog-post {
  animation: animateElement linear .3s;
  animation-iteration-count: 1;
}

@keyframes animateElement{
  0% {
    opacity:0;
    transform:  translate(0px,30px);
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px);
  }
}



#blog-wrap-sidebar p {
  /* font-family: 'Open Sans', sans-serif;   */
}

#blog-wrap-sidebar a { 
  color: #000;
}

#blog-wrap-sidebar a:hover { 
  text-decoration: underline;
}


#blog-wrap-sidebar .card-text { 
  /* font-family: 'Open Sans', sans-serif; */
  background: #fff;
  font-weight: bold;
}


#blog-category {
  text-align: center;  
  margin-top: 0.0rem;
  margin-bottom: 1.5rem;
} 

/* #blog-wrap-sidebar a.category { 
  padding: 8px;
  margin: 5px;
  border: 1px solid black;
  border-radius: 5px;
  font-size: 1.2rem;
  color: #2b84c6;
  font-weight: bold;
  text-align: left;
} */


#blog-wrap-sidebar .page-item.active .page-link {
 background-color: #f2af46;
 border-color: #f2af46;
}


#social-share-btns {
  text-align: center;
  margin-top: 1rem;
}