/* ========================================================================
Template : Blog Time v1.0
Authour  : https://downloadfort.com/
LIcense  :  https://downloadfort.com//license 
Template URL: https://downloadfort.com/free-responsive-admin-dashboard-template/
Version  : 1.0
 ========================================================================= */

/* General Styles */
body {
  background-color: #ededed;
  line-height: 30px;
  font-size: 16px;
  font-family: "Varela Round", sans-serif;
}


.header-ad {
  border: 1px solid #d4d4d4;
  min-height: 90px;
  background-color: #ececec;
  text-align: center;
  margin-top: 10px;
  color: #ababab;
}
.sidebar-ad {
  border: 1px solid #d4d4d4;
  min-height: 250px;
  padding: 10px;
  background-color: #ececec;
  text-align: center;
  margin-top: 10px;
  color: #ababab;
}
.page-link,.page-link:hover {
  color: #ff0018;
}

nav {
  padding: 25px!important;
    letter-spacing: 2px;
}
nav .logo-1{
  color: #ff0018;
  font-size: 40px;
    font-weight: 900;
}
nav .logo-2{
  color: #ffc107;
  font-size: 40px;
    font-weight: 900;
}

.social-links .social-links-a,.social-links .social-links-a:hover{
  color: #ffc107;
    text-decoration: underline;
    font-size: 21px;
    border: 1px solid #ffc107;
    padding: 5px;
}
/* HEADER */
header {
  background: url(images/header.jpg) no-repeat center center;
  padding: 0;
  background-size: cover;
}

header .overlay {
  padding-top: 60px;
  background-color: rgb(7 7 7 / 87%);
  padding-bottom: 60px;
  color: #fff;
}

header h1 {
  background-color: #ffc107;
  margin: 20px;
  padding: 10px;
  display: inline-block;
}
header h2{
  background-color: #ff0018;
    display: inline-block;
    padding: 10px;
    margin: 20px;
    font-size: 20px;
}

/* BLOG  */

#blog-section {
  background-color: #f0f0f0;
  min-height: 700px;
}
#blog-section .blog-side-section {
  background-color: #ffffff;
  min-height: 700px;
  padding: 10px;
}
#blog-section .blog-content {
  background-color: #ffffff;
  min-height: 1200px;
}

/* SIDE BAR*/
.blog-side-section .card {
margin-top:10px;
margin-bottom:10px;
}

.blog-side-section ul.cats {
  list-style: none;
  padding-left: 5px;
  color: #000000;
}

.blog-side-section  ul.cats li,.blog-side-section  ul.cats li a {
      padding: 5px;
      color: #000000;
      margin-top: 5px;
  }

  .blog-side-section ul.cats .bi {
    border: 1px solid #ff0018;
    padding: 5px;
    width: 30px;
    text-align: center;
    color: #ff0018;
    border-radius: 3px;
    margin: 5px;
  }

/* BLOG POST */
.blog-content {
  background-color: #ffffff;
  border: 1px solid #d7d7d7;
  padding: 10px;
}

  .blog-content .blog-post {
      margin: 10px;
      padding-bottom: 25px;
      border-bottom: 1px solid #e4e4e4;
  }

  .blog-content .blog-post img{
    max-height: 500px;
    width: 100%;

}
      .blog-content .blog-post .heading {
          font-size: 22px;
          display: block;
          margin-bottom: 10px;
      }

      .blog-content .blog-post .sub-heading {
          font-size: 14px;
          color: #ff0018;
          margin-bottom: 14px;
          display: block;
      }

          .blog-content .blog-post .sub-heading a.tags-list {
              color: #ff0018;
              text-decoration: none;
          }

  .blog-content .img-fluid {
      margin-top: 10px;
      margin-bottom: 20px
  }

  .blog-content .blog-post  .blog-icons {
    color: #565555;
    font-weight: 900;
    padding-right: 5px;
}

.blog-content .blog-post  a.category, .blog-content .blog-post  a.category:hover {
  color: #ff0018;
  text-decoration: none;
}



.blog-content .blog-post p {
  color: #979797;
}

/* FOOTER */
footer {
  padding: 60px 40px;
  background-color:#090909;
  color: #9E9E9E;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
}
footer .btn-fo{
font-family: 'Quicksand', sans-serif;
background-color:#ffc107;
  border-radius: 0px;
  border:0px;
  color: #000;
  font-weight: 900;
  padding: 5px 10px;
}
footer h3,h5{
color:#ffc107;

}

footer ul, footer li{
  padding-left:0px;
  list-style: none;
  display: inline-block;
}

footer a,footer a:hover,footer a:visited,footer a:active{
  color: #d3d3d3;
  text-decoration: none;
  padding: 10px;
}