/*
Theme Name: Xews Blog
Theme URI: https://codeworkweb.com/wordpress-themes/xews-blog/
Template: xews-lite
Text Domain: xews-blog
Author: Code Work Web
Author URI: https://codeworkweb.com/
Description: Discover the ideal solution for your blog, magazine, or news website with our feature-rich online magazine theme. This theme is packed with effective features that will help your website stand out from the competition and take your online publication to new heights. Get free support at https://codeworkweb.com/contact/ and Check demo at https://demo.codeworkweb.com/xews/
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,sticky-post,rtl-language-support,custom-colors,news,blog
Version: 1.0.0
Tested up to: 6.9
Requires PHP: 7.4
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Xews Blog is based on Underscores https://underscores.me/, (C) 2012-2024 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

.main-header.xews-header-container {
    background-image: linear-gradient(90deg, rgb(255, 64, 43) 0%, rgb(246, 166, 28) 100%) !important;
    color: #fff;
}
.main-header.xews-header-container ul{
    padding: 0;
    margin: 0;
}
.main-header.xews-header-container ul li {
    list-style: none;
    display: inline-flex;
}
.main-header.xews-header-container ul li a {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    font-size: 14px;
}
.main-header-xews-wrapper.main-header-elem-wrap.header-elements-wrap.cww-flex a{
    color: #fff;
}
.main-header.xews-header-container a.facebook {
    background: #3b5998;
}
.main-header.xews-header-container a.instagram{
    background: #f939bd;
}
.main-header.xews-header-container a.linkedin{
    background: #0077b5;
}
.main-header.xews-header-container a.twitter {
    background: #001420;
}
.main-header.xews-header-container .social-icon-wrapp ul li a {
    border-radius: 50%;
    padding: 0 !important;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
}
.bottom-header.xews-header-container {
    background-color: #fff;
    padding: 10px 0;
}
.header-date{
    background: transparent;
}
header.site-header .main-navigation .menu-primary-menu-container ul li a,
header.site-header .menu-primary-menu-container li.menu-item-has-children:after{
    color: #333;
}
header.site-header .menu-primary-menu-container>ul>li .sub-menu li:hover>a, 
header.site-header .menu-primary-menu-container>ul>li .sub-menu li:focus-within>a{
    color: #fff;
}
[data-theme="dark"] button.xews-dark-mode-toggle svg {
    fill: #272727;
}
button.xews-dark-mode-toggle svg {
    fill: #353535;
}
.bottom-header-xews-wrapper.bottom-header-elem-wrap.header-elements-wrap.cww-flex {
    margin: 10px;
}
.widget.widget_block {
    margin-bottom: 40px;
    background: #fff;
    padding: 10px 15px;
}
body.blog-list .wrapp-inner article {
    background: #fff;
    padding: 10px;
}

.newzz-elements-wrapp.cwm2 {
    padding: 20px;
    background: #FFF;
}
.code-wrapp.module1 .blog-outer-wrapp,
.blog-outer-wrapp,
.single-post-outer-wrapp {
    background: #fff;
    padding: 15px;
}
.widget.widget_block,
.code-wrapp.module1 .blog-outer-wrapp,
.blog-outer-wrapp,
.single-post-outer-wrapp,
body.blog-list .wrapp-inner article,
.newzz-elements-wrapp.cwm2{
    border-radius: 15px;
}
.code-wrapp.hero1.hero2 .blog-outer-wrapp {
    background: none;
}
/**
* Animated circles
*/
.xews-site-wrapper {
    z-index: 9;
    position: relative;
}
.xews-flying-circle-wrapp {
  background: transparent;
  width: 100%;
}

.xews-flying-circle-wrapp ul {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.xews-flying-circle-wrapp ul li {
	position: fixed;
	display: block;
	list-style: none;
	width: 20px;
	height: 20px;
	background: rgb(0 121 171 / 30%);
	animation: animate 25s linear infinite;
	bottom: -150px;
	border-radius: 100% !important;
}

.xews-flying-circle-wrapp ul li:nth-child(1) {
  left: 25%;
  width: 80px;
  height: 80px;
  animation-delay: 0s;
}

.xews-flying-circle-wrapp ul li:nth-child(2) {
  left: 10%;
  width: 20px;
  height: 20px;
  animation-delay: 2s;
  animation-duration: 12s;
}

.xews-flying-circle-wrapp ul li:nth-child(3) {
  left: 70%;
  width: 20px;
  height: 20px;
  animation-delay: 4s;
}

.xews-flying-circle-wrapp ul li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  animation-delay: 0s;
  animation-duration: 18s;
}

.xews-flying-circle-wrapp ul li:nth-child(5) {
  left: 65%;
  width: 20px;
  height: 20px;
  animation-delay: 0s;
}

.xews-flying-circle-wrapp ul li:nth-child(6) {
  left: 75%;
  width: 70px;
  height: 70px;
  animation-delay: 3s;
}

.xews-flying-circle-wrapp ul li:nth-child(7) {
  left: 35%;
  width: 100px;
  height: 100px;
  animation-delay: 7s;
}

.xews-flying-circle-wrapp ul li:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 25px;
  animation-delay: 15s;
  animation-duration: 45s;
}

.xews-flying-circle-wrapp ul li:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay: 2s;
  animation-duration: 35s;
}

.xews-flying-circle-wrapp ul li:nth-child(10) {
  left: 85%;
  width: 70px;
  height: 70px;
  animation-delay: 0s;
  animation-duration: 11s;
}

.xews-flying-circle-wrapp ul li:nth-child(11) {
  left: 5%;
  width: 40px;
  height: 40px;
  animation-delay: 0s;
  animation-duration: 11s;
}

.xews-flying-circle-wrapp ul li:nth-child(12) {
  left: 95%;
  width: 40px;
  height: 40px;
  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%;
  }

}

/**
* Dark mode
*/
[data-theme="dark"] .newzz-elements-wrapp.cwm2,
[data-theme="dark"] .newzz-elements-wrapp.cwm1,
[data-theme="dark"] .code-wrapp.module1 .blog-outer-wrapp, 
[data-theme="dark"] .blog-outer-wrapp,
[data-theme="dark"] .single-post-outer-wrapp{
  background: #27232f;
}
[data-theme="dark"] .code-wrapp.module4 ul.category-widget li .content-wrapp a{
  color: #fff;
}
[data-theme="dark"] .code-wrapp.module2.layout-1 .blog-outer-wrapp.col-1:not(:last-child){
  border-color: transparent;
}


.modal-window-active .main-navigation .menu-primary-menu-container ul li .sub-menu a{
  color: #fff;
}
.modal-window-active .header-main-menu.underline .main-navigation .menu-primary-menu-container ul li a:before,
.modal-window-active .header-main-menu.bg-underline .main-navigation .menu-primary-menu-container ul li a:before,
.modal-window-active .header-main-menu.underline .main-navigation .menu-primary-menu-container ul li.current-menu-item a:before{
  content: none;
}
.menu-primary-menu-container ul li a, .header-main-menu ul li a {
    padding: 10px 20px;
    color: #333;
}