/* Adsense Ad */
.adsense-ad{
    width:100%;
    text-align:center;
    font-size:12px;
}

/* NavBar Menu Selected */
.navbar-list li:hover{
  color:aliceblue;
  border-bottom: 1px solid yellow;
}

.active-nav-menu{
  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{
    justify-content:center;
    align-items:center;
    display:flex;
}


/* Dwopdown Menu List Hide and Show */
.dropdown-item{
    cursor: pointer;
    
}

.dropdown-menu{
    display:none;
    padding: 10px 20px;
    border: 1px solid #28282B;
    border-radius: 4px;
    background-color:#17202A;
    border-top: 1px solid gold;
}

.dropdown-menu li:nth-child(1),
.dropdown-menu li:nth-child(2),
.dropdown-menu li:nth-child(3),
.dropdown-menu li:nth-child(4),
.dropdown-menu li:nth-child(5),
.dropdown-menu li:nth-child(6){
    border-bottom:1px solid #000;
}

.dropdown-item:hover .dropdown-menu{
   display:block;
   position: absolute;
}



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

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

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


/*-----------------------------------*\
  #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;

  }


}