/*-----------------------------------*\
  #Adsense Ad
\*-----------------------------------*/
.adsense-ad{
    width:100%;
    text-align:center;
    padding-top:20px;
    font-size:12px;
}
.ad-code p{
    padding-top:10px;
}

/* NavBar Menu Selected */
.navbar-list li:hover{
  color:aliceblue;
  border-bottom: 1px solid yellow;
}
.navbar-list li:nth-last-child(7){
  color:aliceblue;
  border-bottom: 1px solid yellow;
}

/*-----------------------------------*\
  #Recent Posts
\*-----------------------------------*/
.recent-post-card{
    border-bottom: 0.2px solid hsla(216, 33%, 68%, 1);
    padding-bottom: 20px;
}

/*-----------------------------------*\
  #Show More Posts Btn
\*-----------------------------------*/

.show-more-posts{
    justify-content:center;
    align-items:center;
    display:flex;
}



/*-----------------------------------*\
  #Post Page Content Seo Design
\*-----------------------------------*/

.post-content{
  margin-top: 20px;
}

.article-details img{
  width: 100%;
}

.sub-heading{
    line-height: 50px;
}

.minor-heading{
    line-height:45px;
}

/*-----------------------------------*\
  #Social Share Buttons
\*-----------------------------------*/

.socialShare{
    
    display:flex;
    align-items:center;
    justify-content:center;
     
}

.shareBtn{
    margin:1rem;
    font-size:30px;
}

.shareBtn:hover{
    transform: scale(1.2);
}


/*-----------------------------------*\
  #Show More Posts Btn
\*-----------------------------------*/

.show-more-posts{
    justify-content:center;
    align-items:center;
    display:flex;
}


#load-more{
    margin-top: 20px;
    display: inline-block;
    padding: 10px 30px;
    border: 1px solid #000;
    font-size: 16px;
    cursor: pointer;
    color: #17202A; 
    font-weight: 500; 
    max-width: max-content;
    display: flex;
    align-items: center;
    border-radius: 8px;
    background:gold;
}

#load-more:hover{
    background: gold;
    color: #17202A;
    transform: scale(1.1);
}

.post-main .cat-post li {
    display: none;
}

.post-main .cat-post li:nth-child(1),
.post-main .cat-post li:nth-child(2),
.post-main .cat-post li:nth-child(3),
.post-main .cat-post li:nth-child(4){
display: block;
}




/*-----------------------------------*\
  #MEDIA QUERIES
\*-----------------------------------*/

/**
 * responsive for large than 425px screen
 */

@media (min-width: 425px) {

  /**
   * CUSTOM PROPERTY
   */

  :root {

    /**
     * typography
     */

    /* font size */
    --fontSize-1: 4.4rem;
    --fontSize-2: 3rem;

  }


}