/*
Theme Name: Solarsite
Theme URI: https://wpastra.com/
Author: 1232Web
Author URI: https://1232web.com.au/
Description: Theme for Solarsite
Template: astra
Version: 1.6.2
*/
@media (min-width: 922px){
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{width:150%;}
}
@media (max-width: 921px){
  #ast-mobile-popup-wrapper .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle{color:#fff!important;border: 0;outline: none;}
  .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link {
    background-color: inherit;
  }
  
  .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item.current-menu-item > .menu-link,.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item.current-menu-parent > .menu-link , .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item .sub-menu .menu-link,
  .ast-builder-menu-mobile .main-navigation .main-header-menu .ast-submenu-expanded>.menu-link,
  .ast-builder-menu-mobile .main-navigation .main-header-menu .ast-submenu-expanded .sub-menu .menu-item .menu-link {
    color: #0a0a0a;
    font-weight: bold;
    background-color: #f6fdfa;
  }
  #ast-mobile-popup-wrapper .ast-builder-menu-mobile .main-navigation .main-header-menu .ast-submenu-expanded>.menu-link{border: 0;}
  #ast-mobile-popup-wrapper .ast-builder-menu-mobile .main-navigation .menu-item.ast-submenu-expanded .ast-menu-toggle, #ast-mobile-popup-wrapper .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item .ast-menu-toggle{
    color: #0a0a0a!important;
  }
  
  #ast-mobile-popup-wrapper .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle{background-color: transparent;}
  #ast-mobile-popup-wrapper .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item.current-menu-item.ast-submenu-expanded > .ast-menu-toggle,
  #ast-mobile-popup-wrapper .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item.current-menu-item.ast-submenu-expanded > .menu-link{
    color: #084af3!important;
  }
  #ast-mobile-popup-wrapper .ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close:focus{border: 0; outline: none;}
}


@media (max-width: 544px){
  .ast-builder-menu-mobile .main-navigation .main-header-menu{background-color: inherit;}
}

/* grid subcategories */
.ast-archive-description .cattop-info .desc-wrap img.cat-banner{margin-bottom: 20px;}
@media (min-width: 769px){
  .ast-archive-description .cattop-info{
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;  
  }
  .ast-archive-description .cattop-info .desc-wrap img.cat-banner{
    width: 49%;
    text-align: left;
    float: left;
    margin-right: 3%;
  }
  .ast-archive-description .cattop-info>div p{font-size: 100%;}
}

.ast-archive-description .sub-cats {
  display: inline-block;
  width: 100%;
}
.ast-archive-description .cattop-info>div{margin-bottom: 20px;}
.cat-title{margin: 30px 0;}
.sub-cats-grid {
  display: flex;
  flex-wrap: wrap;
}
.sub-cats-item {
  display: flex;
  width: 31.3%;
  margin: 0 1%;
  margin-bottom: 20px;
}
.sub-cats-wraper {
  width: 100%;
}
.sc-info .scat-title {
  font-size: 16px;
  margin-top: 10px;
}
#post-categories{width: 100%;}
#post-categories .site-main .ast-row {
  display: flex;
  flex-wrap: wrap;
}
#post-categories .ast-article-post {
  width: 32%!important;
  display: flex;
  margin: 0 0.6%;
  padding: 0;
  margin-bottom: 20px;
}
#post-categories .ast-article-post .entry-title{
  font-size: 18px;
}
#post-categories .ast-article-post>div{
  -webkit-box-shadow: 0px 6px 12px rgba(0,0,0,0.175);
  -moz-box-shadow: 0px 6px 12px rgba(0,0,0,0.175);
  box-shadow: 0px 6px 12px rgba(0,0,0,0.175);
}
#post-categories .ast-article-post .entry-header, #post-categories .ast-article-post .entry-content{padding: 10px 15px;}
@media (max-width: 768px){  
  .sub-cats-item, #post-categories .ast-article-post{width: 48%!important;margin: 15px 1%;} 
  body.archive #post-categories .ast-archive-description{padding-left: 0; padding-right: 0;}
  #post-categories .site-main .ast-row{margin-left: 0; margin-right: 0;}
}

@media (max-width: 480px){
  .sub-cats-grid, #post-categories .site-main .ast-row {
    display: block;
  }
    
  .sub-cats-item, #post-categories .ast-article-post{width: 100%!important;}
}