/*!
Theme Name:   Articlewave Blogup
Theme URI:    
Author:       Mystery Themes
Author URI:   https://mysterythemes.com/
Description:  Unlock your blog’s potential with ArticleWave Blogup, a visually appealing and highly customizable platform designed for everyone who want to stand out and engage their audience. ArticleWave offers an eye-catching layout that enhances the user experience. Its standout feature is the wide range of customization options that allow you to connect every aspect of your website according to your preferences.
Version:      1.0.0
Tested up to: 6.7
Requires PHP: 7.2
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/old-licenses/gpl-2.0.en.html
Template:     articlewave
Text Domain:  articlewave-blogup
Tags:         blog, entertainment, news, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-logo, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, threaded-comments, translation-ready, rtl-language-support

/*  */
#page, .articlewave-site-layout--separate #page {
     background-color: transparent; 
}

.single .entry-content a {
  text-decoration: underline;
}

/* banner tab css */

.articlewave-blogup-tab-disable .tabbed-section-wrapper{
    display: none;
}

.articlewave-blogup-tab-disable .banner-tabbed-section-wrapper .slider-section-wrapper .slider-section .lSSlideOuter{
    width: 100%;
    padding-right: 0px;
}

.articlewave-blogup-slider-disable .tabbed-posts-wrapper{
    display: inline-flex;
    gap:20px;
    width: 100%;
}

.articlewave-blogup-slider-disable .tabbed-section-wrapper .tabbed-post-thumb,.articlewave-blogup-slider-disable .post-image.hover-effect--one{
    height: 100%;
}

.front-page-post-style--list .articlewave-content-wrapper .post-image,
.archive-style--list .articlewave-content-wrapper .post-image{
    height: 283px;
}

.articlewave-social-icons-wrapper .single-icon-wrap{
  font-size: 22px;
}


/*--------------------------------------------------------------
background animation CSS
--------------------------------------------------------------*/
#content,
#colophon,
.site-header .site-branding,
.custom-header .mt-container,
#masthead {
  z-index: 99;
  position: relative;
}

#masthead {
  z-index: 999;
}

.articlewave-blogup-background-animation{
  background: transparent;
  width: 100%;
}

.articlewave-blogup-circles {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.articlewave-blogup-circles li {
  position: fixed;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background: rgba(119, 74, 7, 0.8);
  animation: animate 25s linear infinite;
  bottom: -150px;
}

.articlewave-blogup-circles li:nth-child(1) {
  left: 25%;
  width: 80px;
  height: 80px;
  animation-delay: 0s;
}

.articlewave-blogup-circles li:nth-child(2) {
  left: 10%;
  width: 20px;
  height: 20px;
  animation-delay: 2s;
  animation-duration: 12s;
}

.articlewave-blogup-circles li:nth-child(3) {
  left: 70%;
  width: 20px;
  height: 20px;
  animation-delay: 4s;
}

.articlewave-blogup-circles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  animation-delay: 0s;
  animation-duration: 18s;
}

.articlewave-blogup-circles li:nth-child(5) {
  left: 65%;
  width: 20px;
  height: 20px;
  animation-delay: 0s;
}

.articlewave-blogup-circles li:nth-child(6) {
  left: 75%;
  width: 110px;
  height: 110px;
  animation-delay: 3s;
}

.articlewave-blogup-circles li:nth-child(7) {
  left: 35%;
  width: 150px;
  height: 150px;
  animation-delay: 7s;
}

.articlewave-blogup-circles li:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 25px;
  animation-delay: 15s;
  animation-duration: 45s;
}

.articlewave-blogup-circles li:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay: 2s;
  animation-duration: 35s;
}

.articlewave-blogup-circles li:nth-child(10) {
  left: 85%;
  width: 150px;
  height: 150px;
  animation-delay: 0s;
  animation-duration: 11s;
}

@keyframes animate {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }

  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }

}