/*
Theme Name: AvatarNews
Theme URI: https://websiteinwp.com/avatarnews-wordpress-theme-for-blogging/
Author: WebsiteinWP
Author URI: https://websiteinwp.com/
Description: AvatarNews is the ultimate WordPress theme designed for blog, news, and magazine websites. Offering full site editing capabilities, this theme allows you to customize every aspect of your site with ease. Choose from multiple fully customizable headers and footers, and leverage the intuitive drag-and-drop builder to create a clean and minimal design. With 5 pre-built starter site demos ready for one-click import, AvatarNews provides a seamless setup experience. Ideal for bloggers, news portals, magazines, and niche bloggers such as travelers, food enthusiasts, and fashion and lifestyle influencers, AvatarNews delivers the versatility and tools you need to create a professional and engaging online presence. Explore more about AvatarNews at https://websiteinwp.com/avatarnews-wordpress-theme-for-blogging/
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, e-commerce, full-site-editing, block-patterns, full-width-template, rtl-language-support, threaded-comments, translation-ready, block-styles, wide-blocks
Version: 1.0.1
Requires at least: 5.9
Tested up to: 6.6
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: avatarnews
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*=====================
STYLE FOR CONTACT FORM 7 LAYOUT
===============*/
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-textarea,
.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
.wpcf7-form-control.wpcf7-select {
  border-radius: 5px;
  border: 1px solid #dad7d7;
  padding: 15px;
  width: 100%;
  margin-top: 10px;
  box-sizing: border-box;
}
.wpcf7-form-control.wpcf7-select {
  appearance: none;
  position: relative;
}
.wpcf7-form-control.wpcf7-select:after {
  content: ">";
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 10px;
}
form.wpcf7-form *::placeholder {
  font-size: 14px;
}
form.wpcf7-form *::-moz-placeholder {
  font-size: 14px;
}
form.wpcf7-form *::-webkit-input-placeholder {
  font-size: 14px;
}
input[type="submit"] {
  transition: all ease 0.23s;
  -o-transition: all ease 0.23s;
  -moz-transition: all ease 0.23s;
  -webkit-transition: all ease 0.23s;
}

.wpcf7-form-control.has-spinner.wpcf7-submit {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--light-color);
  border-radius: 0;
  border: 0;
  font-size: 16px;
  padding: 15px 40px;
}
.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--light-color);
}
.wp-block-contact-form-7-contact-form-selector .wpcf7-form input,
.wp-block-contact-form-7-contact-form-selector .wpcf7-form select,
.wp-block-contact-form-7-contact-form-selector .wpcf7-form textarea {
  border-radius: 0;
  border: 1px solid var(--wp--preset--color--heading-color);
}
/*=====================
STYLE FOR COMMENTS LAYOUT
===============*/
.wp-block-comments textarea#comment {
  border-radius: 0;
}
form.comment-form {
  border-radius: 20px;
  margin-top: 24px;
}
.wp-block-post-comments-form {
  border-radius: 20px;
}
form.comment-form input[type="email"],
form.comment-form input[type="text"],
form.comment-form input[type="url"],
form.comment-form textarea {
  border-radius: 0;
  margin: 12px 0 25px;
}
form.comment-form .form-submit.wp-block-button {
  margin-top: 25px;
}
.wp-block-comment-author-name {
  font-weight: 600;
}
form.comment-form .form-submit.wp-block-button .wp-element-button {
  border-radius: 0;
}
.wp-block-comment-date a {
  color: var(--wp--preset--color--foregound);
  font-size: 13px;
}
.wp-block-comment-template li {
  margin-top: 50px;
}
.wp-block-comment-template li li {
  margin-top: 10px;
  padding-left: 60px;
}
a.comment-reply-link {
  border: 1px solid;
  padding: 5px 13px;
  border-radius: 40px;
  font-size: 13px;
  opacity: 0.6;
}
.wp-block-post-comments-form {
  margin-top: 30px;
  display: inline-block;
  width: 100%;
}
.woocommerce ul.products li.product a img {
  border-radius: 5px;
  height: 350px;
  object-fit: cover;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  margin: 0 2.5% 2.992em 0;
  width: 23.1%;
}
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
  margin-right: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
  border: 0;
}
.woocommerce #reviews #comments ol.commentlist {
  padding: 0;
  margin-top: 20px !important;
}
.woocommerce-page .input-text {
  padding: 11px 30px;
  border: 1px solid #817e7e;
  border-radius: 5px;
}
.wp-block-post-excerpt__excerpt a,
.entry-content.wp-block-post-content a,
p a,
.wp-block-comment-content a,
.wp-block-comment-content p a,
footer.wp-block-latest-comments__comment-meta a,
.wp-block-heading a {
  text-decoration: underline;
}
nav.wp-block-navigation ul li a:hover,
.wp-block-button.is-style-outline a:hover {
  color: var(--wp--preset--color--heading-color) !important;
}
ul.wp-block-categories-list.avatarnews-footer-categories.wp-block-categories li a,
ul.wp-block-categories-list.avatarnews-footer-categories.wp-block-categories li {
  color: var(--wp--preset--color--foreground-alt) !important;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active,
span.swiper-pagination-bullet {
  background-color: var(--wp--preset--color--primary) !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  color: var(--wp--preset--color--primary) !important;
}
.swiper-button-prev:hover:after,
.swiper-button-next:hover:after {
  color: #ffffff !important;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: var(--wp--preset--color--primary) !important;
}
.news-ticker-holderv.ticker-2 .swiper-button-prev,
.news-ticker-holderv.ticker-2 .swiper-button-next {
  top: 16px !important;
}
.tg-related-post .post-box .wp-post-image {
  height: 180px;
  border-radius: 7px;
}
.tg-social-sharing a svg {
  height: 14px;
}
.tg-social-sharing a {
  width: 34px;
  height: 34px;
}
.avatarnews-navigation.wp-block-navigation li a:hover {
  color: var(--wp--preset--color--secondary) !important;
}
.tg-related-post .post-box {
  display: inline-block;
  margin-bottom: -40px;
}
.wp-block-group.avatarnews-hover-box:hover {
  transform: scale(1.015) translateY(-10px);
}
.wp-block-cover.avatarnews-hover-cover:hover img.wp-block-cover__image-background {
  transform: scale(1.15);
}
.tg-related-post h3.title-heading a:hover {
  color: var(--wp--preset--color--secondary) !important;
}
.tg-related-post .post-box .wp-post-image {
  height: 180px;
  border-radius: 0 !important;
}
.wp-block-group.avatarnews-overlay-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
}
body.logged-in .wp-block-group.avatarnews-overlay-header {
  top: 30px;
}
@media (max-width: 767px) {
  .wp-block-group.avatarnews-navigation-row {
    justify-content: space-between;
  }
}
li.wp-block-post.product .wc-block-components-product-image.wc-block-grid__product-image {
  overflow: hidden;
}
.wc-block-mini-cart__badge {
  color: inherit;
}
.wp-block-button.wc-block-components-product-button a,
.wp-block-button.wc-block-components-product-button .wp-block-button__link.add_to_cart_button,
.wp-block-button.is-style-outline .wp-block-button__link {
  border-width: 1px;
}
.wp-block-button.wc-block-components-product-button a:hover,
.wp-block-button.wc-block-components-product-button .wp-block-button__link.add_to_cart_button:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--wp--preset--color--secondary) !important;
  color: #fff;
  border-color: var(--wp--preset--color--secondary) !important;
}
ul.is-style-list-style-no-bullet.text-center li {
  text-align: center;
}
.wp-block-contact-form-7-contact-form-selector.avatarnews-footer-newsletter input.wpcf7-form-control.wpcf7-email {
  background: transparent;
  border: 1px solid #fff;
  height: 56px;
}
.wp-block-contact-form-7-contact-form-selector.avatarnews-footer-newsletter form.wpcf7-form {
  position: relative;
  margin-top: 30px;
}
.wp-block-contact-form-7-contact-form-selector.avatarnews-footer-newsletter input.wpcf7-form-control.wpcf7-submit {
  position: absolute;
  right: 4px;
  top: 14px;
}
.wp-block-button.wc-block-components-product-button.avatarnews-slider-cartbtn button.wp-block-button__link {
  border: 1px solid;
}
.wp-block-query.tg-post-carousel.avatarnews-colm-slider .swiper-pagination.tgpost-carousel-pagination,
.wp-block-query.tg-post-carousel-4.avatarnews-colm-slider .swiper-pagination.tgpost-carousel-pagination {
  bottom: 50px;
}
ul.wp-block-navigation__container.avatarnews-navigation.wp-block-navigation li {
  line-height: 64px;
}

ul.wp-block-navigation__container.avatarnews-navigation.wp-block-navigation ul li {
  line-height: 30px;
}
ul.wp-block-archives-list.avatarnews-archive-list.wp-block-archives {
  list-style: square;
  margin: 0;
  padding: 0 0 0 13px;
}
p.avatarnews-tags-list.wp-block-tag-cloud a {
  background: #e7edfd;
  color: var(--wp--preset--color--heading-color);
  display: inline-block;
  padding: 3px 8px;
  margin: 0 0 5px 0;
}
p.avatarnews-tags-list.wp-block-tag-cloud a:hover {
  background: var(--wp--preset--color--primary);
  color: #fff;
}
ul.wp-block-archives-list.avatarnews-archive-list.wp-block-archives li a {
  color: var(--wp--preset--color--heading-color);
}
ul.wp-block-archives-list.avatarnews-archive-list.wp-block-archives li a:hover {
  color: var(--wp--preset--color--primary);
}
ol.has-avatars.has-dates.avatarnews-latest-comments.wp-block-latest-comments {
  margin: 0;
  padding: 0;
}
p.avatarnews-footer-tags.wp-block-tag-cloud a {
  background: var(--wp--preset--color--gray-color);
  color: #fff;
  display: inline-block;
  padding: 3px 8px;
  margin: 0 0 5px 0;
}
p.avatarnews-footer-tags.wp-block-tag-cloud a:hover {
  background: var(--wp--preset--color--primary);
}
nav.avatarnews-pagination.wp-block-query-pagination {
  gap: 0;
}
nav.avatarnews-pagination.wp-block-query-pagination .wp-block-query-pagination-numbers a,
nav.avatarnews-pagination.wp-block-query-pagination .wp-block-query-pagination-numbers span.page-numbers.current,
nav.avatarnews-pagination.wp-block-query-pagination a.wp-block-query-pagination-next,
nav.avatarnews-pagination.wp-block-query-pagination a.wp-block-query-pagination-previous {
  background: #fff;
  padding: 8px 15px;
}
nav.avatarnews-pagination.wp-block-query-pagination .wp-block-query-pagination-numbers span.page-numbers.current {
  background: var(--wp--preset--color--primary);
  color: #fff;
}
@media (min-width: 600px) {
  ul.wp-block-navigation__container.avatarnews-navigation.wp-block-navigation li.avatarnews-nav-home.wp-block-home-link {
    padding: 0 24px;
    background: var(--wp--preset--color--primary);
  }
  ul.wp-block-navigation__container.avatarnews-navigation.wp-block-navigation li.avatarnews-nav-home.wp-block-home-link:hover {
    background: var(--wp--preset--color--secondary);
  }
  ul.wp-block-navigation__container.avatarnews-navigation.wp-block-navigation li.avatarnews-nav-home.wp-block-home-link a {
    color: #fff;
  }
  .wp-block-navigation-item.avatarnews-nav-home:not(.block-editor-block-list__block) a.wp-block-home-link__content {
    position: relative;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .wp-block-navigation-item.avatarnews-nav-home:not(.block-editor-block-list__block) a.wp-block-home-link__content:before {
    content: "";
    background: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    display: inline-block;
    mask-image: url(assets/images/home_icon.svg);
    width: 20px;
    height: 20px;
  }
}
ul.wp-block-social-links.avatarnews-social-icons li a {
  transition: all ease 0.23s;
}
ul.wp-block-social-links.avatarnews-social-icons li a:hover {
  transform: translateY(-3px);
}
ul.wp-block-social-links.avatarnews-social-icons li a:hover svg path {
  fill: var(--wp--preset--color--primary);
}
ul.wp-block-social-links.avatarnews-social-icons li a svg {
  width: 20px;
  height: 20px;
}
.avatarnews-nav-search.wp-block-search button.wp-block-search__button.wp-element-button {
  width: 45px;
  height: 45px;
  justify-content: center;
  display: flex;
}
.tg-swiper-navigations {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  z-index: 2;
  margin-top: -15px;
}
.wp-block-group.tg-slider-control {
  position: unset;
}
.tg-slider .swiper-pagination,
.tg-post-slider .swiper-pagination {
  bottom: 10px;
}
.tg-post-slider-holder span.swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination.tgpost-carousel-pagination {
  bottom: -37px;
}
.tg-post-slider-holder.avatarnews-ticker-1.news-ticker-holderv.ticker-2 .swiper-button-prev,
.tg-post-slider-holder.avatarnews-ticker-1.news-ticker-holderv.ticker-2 .swiper-button-next {
  top: -44px !important;
  background: var(--wp--preset--color--background);
  width: 35px;
  height: 35px;
}
.tg-post-slider-holder.avatarnews-ticker-1.news-ticker-holderv.ticker-2 .swiper-button-prev,
.tg-post-slider-holder.avatarnews-ticker-1.news-ticker-holderv.ticker-2 .swiper-button-prev {
  right: 40px !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 14px !important;
}
.wp-block-group.tg-post-slider-holder.avatarnews-tickers-horizontal .tg-swiper-navigations .swiper-button-next,
.wp-block-group.tg-post-slider-holder.avatarnews-tickers-horizontal .tg-swiper-navigations .swiper-button-prev {
  opacity: 1;
  background: transparent;
  width: 30px;
  height: 30px;
}
.wp-block-group.tg-post-slider-holder.avatarnews-tickers-horizontal .tg-swiper-navigations .swiper-button-prev {
  left: auto;
  right: 30px;
}
.wp-block-group.tg-post-slider-holder.avatarnews-tickers-horizontal .tg-swiper-navigations {
  top: -25px;
}
.wp-block-group.tg-post-slider-holder.avatarnews-tickers-horizontal .tg-swiper-navigations .swiper-button-next {
  right: 0;
}
.wp-block-group.tg-post-slider-holder.avatarnews-tickers-horizontal.style-2 .tg-swiper-navigations {
  top: 30px !important;
  margin-left: 50px !important;
}
.tg-post-slider-holder.avatarnews-news-ticker .swiper-button-prev,
.tg-post-slider-holder.avatarnews-news-ticker .swiper-button-next {
  background: var(--wp--preset--color--background);
  width: 30px;
  height: 30px;
}
.tg-post-slider-holder.avatarnews-news-ticker .swiper-button-prev {
  left: auto;
  right: 32px;
}
.tg-post-slider-holder.avatarnews-news-ticker .swiper-button-next {
  right: 0;
}
.tg-post-slider-holder.avatarnews-news-ticker .tg-swiper-navigations {
  margin-top: 7px;
}
.wp-block-group.avatarnews-header-date p {
  color: var(--wp--preset--color--light-color);
}
.wp-block-group.avatarnews-header-date.primary-color p {
  color: var(--wp--preset--color--primary);
}
.wp-block-group.avatarnews-header-date.secondary-color p {
  color: var(--wp--preset--color--secondary);
}
.tg-social-sharing a {
  background: var(--wp--preset--color--background);
}
.tg-social-sharing a:hover {
  background: var(--wp--preset--color--primary);
  color: #fff;
}
.tg-social-sharing a:hover svg path {
  fill: #fff;
}
.tg-related-post .post-box h3 {
  font-size: 18px;
}
.tg-related-post .post-box h3.title-heading a {
  color: var(--wp--preset--color--heading-color);
}
.tg-related-post .post-box h3.title-heading a:hover {
  color: var(--wp--preset--color--primary);
}
figure.wp-block-gallery.avatarnews-brands figure.wp-block-image {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: initial !important;
}
figure.wp-block-gallery.avatarnews-brands figure.wp-block-image img {
  max-width: 90% !important;
  max-height: 80px;
}
.avatarnews-brands-carousel {
  position: relative;
}
.avatarnews-brands-carousel .wp-block-group.swiper-slide figure.wp-block-image {
  padding: 0 24px;
  text-align: center;
}
.avatarnews-brands-carousel .wp-block-group.swiper-wrapper {
  display: flex;
  align-items: center;
}
.avatarnews-brands-carousel .wp-block-group.swiper-slide figure.wp-block-image img {
  max-height: 80px;
  width: auto;
}
.avatarnews-brands-carousel .tg-swiper-navigations {
  top: 50%;
}
.avatarnews-brands-carousel .swiper-button-prev,
.avatarnews-brands-carousel .swiper-button-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--wp--preset--color--primary);
  color: #fff;
  transition: all ease 0.23s;
  opacity: 0;
}
.avatarnews-brands-carousel .swiper-button-prev:after,
.avatarnews-brands-carousel .swiper-button-next:after {
  color: #fff !important;
}
.avatarnews-brands-carousel .swiper-button-prev:hover,
.avatarnews-brands-carousel .swiper-button-next:hover {
  background: var(--wp--preset--color--secondary) !important;
}
.avatarnews-brands-carousel:hover .swiper-button-prev,
.avatarnews-brands-carousel:hover .swiper-button-next {
  opacity: 1;
  left: 20px;
}
.avatarnews-brands-carousel:hover .swiper-button-next {
  left: auto;
  right: 20px;
}
.avatarnews-brands-carousel .tgcontent-carousel-pagination.swiper-pagination {
  bottom: 0;
}
.wp-block-contact-form-7-contact-form-selector.avatarnews-newsletter-section input.wpcf7-form-control.wpcf7-submit {
  width: 100%;
  margin-top: 12px;
}
.wp-block-contact-form-7-contact-form-selector.avatarnews-newsletter-section span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item.first.last {
  margin: 20px 0 0 0;
}
.wp-block-contact-form-7-contact-form-selector.avatarnews-newsletter-section.form-added {
  margin-bottom: -45px;
}
nav.avatarnews-topbar-nav.wp-block-navigation .wp-block-navigation li a:hover {
  color: var(--wp--preset--color--primary) !important;
}
@media (max-width: 600px) {
  nav.is-responsive.wp-block-navigation ul {
    padding: 0 20px;
  }
  ul.wp-block-navigation__container.avatarnews-navigation.wp-block-navigation li {
    line-height: 20px;
    padding: 0;
  }
}
