@import'variables';
@import'header';
@import'social-header';
@import'sidebar';
@import'single-posts';
@import'footer';

body{
    background: #FFF;
   }

//  adding styles to .entry-title

h2.entry-title a{
    color: $utility-color;
    font-weight: 600;
    &:hover{
     color: $links;
    }
}


//adding styles to paragraphs 
p{
    line-height: 1.5rem;
    font-family: 'Poppins', sans-serif;
}

//  adding styles to post titles
    a.wp-block-latest-posts__post-title {
        color: $links;
        text-decoration: none;
    }
//   adding styles to latest comments author
    a.wp-block-latest-comments__comment-author {
        color: $links;
    }
    .wp-block-latest-posts__post-title{
    line-height: 1rem;
    color: $links;

    }
    // latest comments link
    .wp-block-latest-comments__comment-link{
        color:$links;
    }

    // adding styles to .comments-link
    .comments-link a{
    padding: 1rem 0rem; 
    margin-right: 7px;
    color: $links;
    }

  
    //  adding styles to submit button
    input#submit{
    background-color:$btn-color;
    padding: 1rem;
    color: #fff !important;
    border:solid 2px $sidebar-links ;
        &:hover{
            background:$sidebar-links;
        }
    }
  
    //  adding styles to submit button
    button.wp-block-search__button{
    background-color:$btn-color;
    color: #fff !important;
    border:solid 2px $sidebar-links ;
    &:hover{
        background:$sidebar-links;
    }
    }
 
  
//  underlining links 
.entry-content{
      a{
        text-decoration: underline; 
      }
   p{
    margin-top: 1.75rem;
   }
 }
 .entry-title a{
    color: $links !important;
    &:hover{
        color: $utility-color !important;
        text-decoration: none;
    }
 }

//  adding margins to ::content

h3{
    font-size: 1.2rem;
    text-align: center;
    
    a{
        color:#fff;
        font-size: 700;
        &:hover{
            color:$utility-color;
            text-decoration: none;
        }
    }   
}

//   adding styles to featured post

p.category{
    position: absolute;
    z-index: 1000;
    font-size: 10px;
    top: 2rem;
    left: 2rem;
    padding: .3rem;
    a{
        background: $sidebar-links;
        color:$light-color;
        padding: 6px 10px;
    }
}
    
.row.custom-loop{
    margin-bottom: 2rem;
}

#main-loop{
    margin: 0px;
}

.post-images{
    padding: 1.5rem;
   img{
       height:17rem;
       object-fit: cover;
       margin-bottom:.75rem;
    }
    .entry-header{
        margin-bottom: -1.3rem;
    }
}


.home-page-content {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 1rem;
    height: auto;
    width: 100%;
}

  .posts-navigation{
    margin: 0 0 1.5em;
    position: relative;
    top: 1rem;
    left: 10%;
}

@media only screen and(min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
   }
}
@media only screen and(max-width: 968px){
    .post-images img {
        height: auto;
   }
}


img#time{
    width: 20px;
    height: auto;
    position: relative;
    top: 3px;
}

img#author{
    width: 20px;
    height: auto; 
    top: 3px;
}