/**
Theme Name: Perfect News
Author:  Theme

Version: 1.0.1
Requires PHP: 7.4
Tested up to: 6.6
Requires at least: 5.0
Template: ascendoor-news
Text Domain: perfect-news
Description: Perfect News ( child theme of Ascendoor News ) is a WordPress theme designed specifically for various types of websites related to news, including magazines, publishers, blogs, editors, online and gaming magazines, and personal blogs. It provides impressive demos for a quick start, featuring a flexible layout with numerous color options and diverse blog designs. The theme is optimized for SEO, utilizing a widget-based design that allows extensive customization for easy content management. With full responsiveness, it ensures seamless functionality across a range of devices, including mobile devices, tablets, laptops, and desktops. This WordPress magazine theme is known for its simplicity, user-friendly interface, contemporary appearance, and creative elements. Explore the demo at: https://demos.ascendoor.com/perfect-news/
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: custom-background, custom-logo, custom-colors, custom-menu, featured-images, threaded-comments, translation-ready, theme-options, footer-widgets, full-width-template, left-sidebar, right-sidebar, news, blog

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

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Section header start */
body.artistic-design.modern-design .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 10px;
}
body.artistic-design.modern-design .section-header .widgettitle,
body.artistic-design.modern-design .section-header .widget-title,
body.artistic-design.modern-design .section-header .section-title {
  font-size: var(--font-size-base);
  line-height: 1.2;
  margin-top: 0;
  font-weight: bold;
  padding-bottom: 0;
  margin-bottom: 0;
  color: var(--clr-foreground);
  flex-grow: 1;
  position: relative;
  display: flex;
  align-items: center;
  padding-inline-start: 10px;
}
body.artistic-design.modern-design .section-header .widgettitle::before,
body.artistic-design.modern-design .section-header .widget-title::before,
body.artistic-design.modern-design .section-header .section-title::before {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: auto;
  left: 0;
  display: block;
  width: 40px;
  height: 120%;
  content: "";
  opacity: 0.2;
  transform: translateY(-50%);
  background-color: transparent;
  background-image: radial-gradient(currentColor 1px, transparent 1px);
  background-position: 1px 1px;
  background-size: 5px 5px;
}
body.artistic-design.modern-design .section-header .widgettitle::after,
body.artistic-design.modern-design .section-header .widget-title::after,
body.artistic-design.modern-design .section-header .section-title::after {
  content: "";
  border: 1px solid rgba(155, 155, 155, 0.3);
  border-width: 1px 0;
  margin-inline-start: 10px;
  flex-grow: 1;
  height: 4px;
}
body.artistic-design.modern-design .section-header a {
  padding: 5px 0;
  font-size: var(--font-size-sm);
  color: var(--clr-foreground);
  text-decoration: none;
}
body.artistic-design.modern-design .section-header a:focus,
body.artistic-design.modern-design .section-header a:hover {
  color: var(--theme-color);
}
body.artistic-design.modern-design .section-header a::after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-family: FontAwesome;
  font-weight: 900;
  line-height: inherit;
  vertical-align: baseline;
  content: "\f105";
  margin-inline-start: 5px;
}
body.rtl.artistic-design.modern-design .section-header a::after {
  content: "\f104";
}
/* Section header end */
/* Common CSS start */
body.artistic-design.modern-design {
  --border-radius-all: 15px;
}
body.artistic-design.modern-design .mag-post-category.with-background a,
body.artistic-design.modern-design .mag-post-category a {
  border-radius: 4px;
  line-height: 1;
  padding: 5px 8px;
  overflow: hidden;
  color: #fff;
  transition: all 0.3s ease;
  opacity: 1;
  position: unset;
  isolation: unset;
  background-color: var(--cat-color);
}
body.artistic-design.modern-design .mag-post-category.with-background a::before,
body.artistic-design.modern-design .mag-post-category a::before {
  display: none;
}
body.artistic-design.modern-design .mag-post-category.with-background a:focus,
body.artistic-design.modern-design .mag-post-category.with-background a:hover,
body.artistic-design.modern-design .mag-post-category a:focus,
body.artistic-design.modern-design .mag-post-category a:hover {
  transform: translateY(-3px) translateZ(0);
}
body.artistic-design.modern-design
  .mag-post-category.with-background:not(.with-background)
  a::after,
body.artistic-design.modern-design
  .mag-post-category:not(.with-background)
  a::after {
  display: none;
}
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design),
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design),
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design) {
  position: relative;
  min-height: 380px;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
}
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-img,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-img,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-img {
  position: absolute;
  inset: 0;
  z-index: -1;
}
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-img
  > a,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-img
  > a,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-img
  > a {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 0;
}
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-img
  > a:focus,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-img
  > a:focus,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-img
  > a:focus {
  outline-offset: 1px;
  outline-color: var(--clr-foreground);
}
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-img
  > a
  img,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-img
  > a
  img,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-img
  > a
  img {
  aspect-ratio: unset;
}
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-detail,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-detail,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-detail {
  padding: 20px;
  padding-top: 0;
  margin-top: 100px;
  text-align: center;
  position: relative;
  isolation: isolate;
  min-height: 130px;
  border-radius: var(--border-radius-all);
}
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-detail::before,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-detail::before,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-detail::before {
  content: " ";
  position: absolute;
  inset: 12px 0 0 0;
  background-color: var(--clr-background);
  z-index: -1;
  transition: all 0.3s ease;
}

body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-detail
  .mag-post-title,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-detail
  .mag-post-title,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-detail
  .mag-post-title {
  margin: 0 0 13px;
}

body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-detail
  .mag-post-title
  a,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-detail
  .mag-post-title
  a,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-detail
  .mag-post-title
  a {
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background: var(--clr-background);
  color: var(--clr-foreground);
  padding: 0.198em 0.4em 0.3em;
  filter: url(#ascendoor-title-highlight);
}
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-detail
  .mag-post-title
  a:focus,
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-detail
  .mag-post-title
  a:hover,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-detail
  .mag-post-title
  a:focus,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-detail
  .mag-post-title
  a:hover,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-detail
  .mag-post-title
  a:focus,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-detail
  .mag-post-title
  a:hover {
  color: var(--primary-color);
}

body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design):focus-within
  .mag-post-detail,
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design):hover
  .mag-post-detail,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design):focus-within
  .mag-post-detail,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design):hover
  .mag-post-detail,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design):focus-within
  .mag-post-detail,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design):hover
  .mag-post-detail {
  background: var(--alpha-bg);
  color: #fff;
}

body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design):focus-within
  .mag-post-detail::before,
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design):hover
  .mag-post-detail::before,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design):focus-within
  .mag-post-detail::before,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design):hover
  .mag-post-detail::before,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design):focus-within
  .mag-post-detail::before,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design):hover
  .mag-post-detail::before {
  transform: translateY(100%);
}

body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design):focus-within
  .mag-post-detail
  .mag-post-meta
  .posted-on
  a,
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design):focus-within
  .mag-post-detail
  .mag-post-meta
  .post-date
  a,
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design):focus-within
  .mag-post-detail
  .mag-post-meta
  .byline
  a,
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design):focus-within
  .mag-post-detail
  .mag-post-meta
  .post-author
  a,
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design):hover
  .mag-post-detail
  .mag-post-meta
  .posted-on
  a,
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design):hover
  .mag-post-detail
  .mag-post-meta
  .post-date
  a,
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design):hover
  .mag-post-detail
  .mag-post-meta
  .byline
  a,
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design):hover
  .mag-post-detail
  .mag-post-meta
  .post-author
  a,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design):focus-within
  .mag-post-detail
  .mag-post-meta
  .posted-on
  a,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design):focus-within
  .mag-post-detail
  .mag-post-meta
  .post-date
  a,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design):focus-within
  .mag-post-detail
  .mag-post-meta
  .byline
  a,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design):focus-within
  .mag-post-detail
  .mag-post-meta
  .post-author
  a,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design):hover
  .mag-post-detail
  .mag-post-meta
  .posted-on
  a,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design):hover
  .mag-post-detail
  .mag-post-meta
  .post-date
  a,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design):hover
  .mag-post-detail
  .mag-post-meta
  .byline
  a,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design):hover
  .mag-post-detail
  .mag-post-meta
  .post-author
  a,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design):focus-within
  .mag-post-detail
  .mag-post-meta
  .posted-on
  a,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design):focus-within
  .mag-post-detail
  .mag-post-meta
  .post-date
  a,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design):focus-within
  .mag-post-detail
  .mag-post-meta
  .byline
  a,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design):focus-within
  .mag-post-detail
  .mag-post-meta
  .post-author
  a,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design):hover
  .mag-post-detail
  .mag-post-meta
  .posted-on
  a,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design):hover
  .mag-post-detail
  .mag-post-meta
  .post-date
  a,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design):hover
  .mag-post-detail
  .mag-post-meta
  .byline
  a,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design):hover
  .mag-post-detail
  .mag-post-meta
  .post-author
  a {
  color: #fff;
}
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design):focus-within
  .mag-post-detail
  .mag-post-excerpt,
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single:not(.tile-design):not(.list-design):hover
  .mag-post-detail
  .mag-post-excerpt,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design):focus-within
  .mag-post-detail
  .mag-post-excerpt,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single:not(.tile-design):not(.list-design):hover
  .mag-post-detail
  .mag-post-excerpt,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design):focus-within
  .mag-post-detail
  .mag-post-excerpt,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design):hover
  .mag-post-detail
  .mag-post-excerpt {
  color: #fff;
}

body.artistic-design.modern-design .grid-layout .mag-post-single.tile-design,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single.tile-design,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single.tile-design {
  overflow: visible;
}

body.artistic-design.modern-design
  .grid-layout
  .mag-post-single.tile-design
  .mag-post-img::before,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single.tile-design
  .mag-post-img::before,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single.tile-design
  .mag-post-img::before {
  border-radius: var(--border-radius-all);
}

body.artistic-design.modern-design
  .grid-layout
  .mag-post-single.tile-design
  .mag-post-detail,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single.tile-design
  .mag-post-detail,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single.tile-design
  .mag-post-detail {
  padding: 0;
  padding-top: 50px;
  background-image: unset;
  display: flex;
  flex-direction: column;
  border-end-start-radius: var(--border-radius-all);
}
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-category,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-category,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-category {
  order: 1;
  padding-inline: 15px;
}

body.artistic-design.modern-design
  .grid-layout
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-title,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-title,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-title {
  order: 3;
  margin: 0;
  max-width: 90%;
  position: relative;
  isolation: isolate;
}

body.artistic-design.modern-design
  .grid-layout
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-title
  a,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-title
  a,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-title
  a {
  line-height: 1.4;
  background: var(--clr-background);
  color: var(--clr-foreground);
  display: inline-block;
  padding: 5px 15px;
  border-start-end-radius: var(--border-radius-all);
  border-end-start-radius: var(--border-radius-all);
}

body.artistic-design.modern-design
  .grid-layout
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-title
  a:focus,
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-title
  a:hover,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-title
  a:focus,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-title
  a:hover,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-title
  a:focus,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-title
  a:hover {
  color: var(--primary-color);
}
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-title::before,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-title::before,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-title::before {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  z-index: -1;
  background-color: var(--clr-background);
}

body.artistic-design.modern-design
  .grid-layout
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-meta,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-meta,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-meta {
  gap: 10px;
  order: 2;
  padding-inline: 15px;
  padding-block-end: 9px;
}

body.artistic-design.modern-design
  .grid-layout
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-meta
  .post-author
  a,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-meta
  .post-author
  a,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-meta
  .post-author
  a {
  color: var(--white);
}

body.artistic-design.modern-design
  .grid-layout
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-meta
  .post-date
  a,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-meta
  .post-date
  a,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-meta
  .post-date
  a {
  color: var(--white);
}

body.artistic-design.modern-design
  .grid-layout
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-excerpt,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-excerpt,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-excerpt {
  color: var(--white);
}
body.artistic-design.modern-design
  .grid-layout
  .mag-post-single.tile-design:focus-within,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single.tile-design:focus-within,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single.tile-design:focus-within {
  outline: thin dotted var(--clr-foreground);
  outline-offset: 1px;
}

body.artistic-design.modern-design .grid-layout .mag-post-single.list-design,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single.list-design,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single.list-design {
  display: flex;
  gap: 20px;
}

body.artistic-design.modern-design
  .grid-layout
  .mag-post-single.list-design
  .mag-post-img,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single.list-design
  .mag-post-img,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single.list-design
  .mag-post-img {
  width: 30%;
}

body.artistic-design.modern-design
  .grid-layout
  .mag-post-single.list-design
  .mag-post-img
  + .mag-post-detail,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single.list-design
  .mag-post-img
  + .mag-post-detail,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single.list-design
  .mag-post-img
  + .mag-post-detail {
  width: calc(70% - 20px);
}

body.artistic-design.modern-design
  .grid-layout
  .mag-post-single.list-design
  .mag-post-detail,
body.artistic-design.modern-design
  .magazine-frontpage-section
  .mag-post-single.list-design
  .mag-post-detail,
body.artistic-design.modern-design
  .ascendoor-widget
  .mag-post-single.list-design
  .mag-post-detail {
  padding: 0;
  align-self: center;
  flex-grow: 1;
}
/* Common CSS end */
/* Banner CSS start */
.banner-section.banner-section-style-3 .banner-section-wrapper {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1023px) {
  .banner-section.banner-section-style-3 .banner-section-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .banner-section.banner-section-style-3 .banner-section-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}

.banner-section.banner-section-style-3
  .banner-section-wrapper
  .slider-part:nth-child(1) {
  grid-column: span 2;
  grid-row: span 2;
  width: 100%;
}

@media (min-width: 1024px) {
  .banner-section.banner-section-style-3
    .banner-section-wrapper
    .slider-part:nth-child(1) {
    grid-column: 2/4;
  }
}

@media (max-width: 767px) {
  .banner-section.banner-section-style-3
    .banner-section-wrapper
    .slider-part:nth-child(1) {
    grid-column: span 1;
    grid-row: span 1;
  }
}

.banner-section.banner-section-style-3
  .banner-section-wrapper
  .slider-part:nth-child(1)
  .mag-post-single {
  min-height: 500px;
}

.artistic-design.modern-design
  .banner-section.banner-section-style-3
  .banner-section-wrapper
  .slider-part:nth-child(1)
  .mag-post-single {
  display: flex !important;
}

@media (max-width: 767px) {
  .artistic-design.modern-design
    .banner-section.banner-section-style-3
    .banner-section-wrapper
    .slider-part:nth-child(1)
    .mag-post-single {
    min-height: 350px;
  }
}

.artistic-design.modern-design
  .banner-section.banner-section-style-3
  .banner-section-wrapper
  .slider-part:nth-child(1)
  .mag-post-single
  .mag-post-detail {
  min-height: 90px;
}

.banner-section.banner-section-style-3
  .banner-section-wrapper
  .slider-part:nth-child(1)
  .mag-post-single
  .mag-post-detail
  .mag-post-title {
  font-size: var(--font-size-md);
}

@media (min-width: 1024px) {
  .banner-section.banner-section-style-3
    .banner-section-wrapper
    .mag-post-single:nth-child(2) {
    grid-column-start: 1;
    grid-row-start: 1;
  }
}

.artistic-design.modern-design
  .banner-section.banner-section-style-3
  .banner-section-wrapper
  .mag-post-single:not(:nth-child(1)) {
  min-height: 220px;
}

.artistic-design.modern-design
  .banner-section.banner-section-style-3
  .banner-section-wrapper
  .mag-post-single:not(:nth-child(1))
  .mag-post-detail {
  min-height: 90px;
}

@media (min-width: 1024px) {
  .banner-section.banner-section-style-3
    .banner-section-wrapper
    .mag-post-single:not(:nth-child(1))
    .mag-post-img
    > a
    img {
    aspect-ratio: 1/0.5;
  }
  .banner-section.banner-section-style-3
    .banner-section-wrapper
    .mag-post-single:not(:nth-child(1))
    .mag-post-detail
    .mag-post-title {
    font-size: calc(var(--font-size-sm) + 2px);
  }
}
/* Banner CSS end */
/* Tag section CSS Start */
.artistic-design.modern-design .tag-section .tag-section-wrapper ul li a {
  border-radius: 4px;
  line-height: 1;
  padding: 5px 8px;
  overflow: hidden;
  color: #fff;
  transition: all 0.3s ease;
  background-color: var(--primary-color);

  font-weight: normal;
  position: unset;
  isolation: unset;
  opacity: 1;
}
.artistic-design.modern-design
  .tag-section
  .tag-section-wrapper
  ul
  li
  a::before {
  display: none;
}
.artistic-design.modern-design .tag-section .tag-section-wrapper ul li a:focus,
.artistic-design.modern-design .tag-section .tag-section-wrapper ul li a:hover {
  transform: translateY(-3px) translateZ(0);
}
/* Tag section CSS end */
/* Flash News CSS start */
.artistic-design.modern-design .flash-news-ticker {
  margin-bottom: 20px;
}
.artistic-design.modern-design .flash-news-ticker .flash-news-ticker-wrapper {
  border-start-end-radius: 7px;
  border-end-end-radius: 7px;
}
.artistic-design.modern-design
  .flash-news-ticker
  .flash-news-ticker-wrapper
  .title-part
  .title-wrap {
  border-start-start-radius: 7px;
  border-end-start-radius: 7px;
}
.artistic-design.modern-design
  .flash-news-ticker
  .flash-news-ticker-wrapper
  .flash-news-part
  .mag-post-title-wrap
  .flash-img {
  border-radius: 5px;
}
/* Flash News CSS end */

/* Grid widget CSS start */
.magazine-grid-section.style-2 .magazine-grid-section-wrapper {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@container (max-width: 991px) {
  .magazine-grid-section.style-2 .magazine-grid-section-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container (max-width: 600px) {
  .magazine-grid-section.style-2 .magazine-grid-section-wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.magazine-grid-section.style-2
  .magazine-grid-section-wrapper
  .mag-post-single:nth-child(1),
.magazine-grid-section.style-2
  .magazine-grid-section-wrapper
  .mag-post-single:nth-child(2) {
  grid-column: span 2;
}

@container (max-width: 600px) {
  .magazine-grid-section.style-2
    .magazine-grid-section-wrapper
    .mag-post-single:nth-child(1),
  .magazine-grid-section.style-2
    .magazine-grid-section-wrapper
    .mag-post-single:nth-child(2) {
    grid-column: span 1;
  }
}
/* Grid widget CSS end */
/* Tile List widget CSS start */
.magazine-tile-list-section.style-2 .magazine-tile-list-section-wrapper {
  row-gap: 30px;
  column-gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@container (max-width: 600px) {
  .magazine-tile-list-section.style-2 .magazine-tile-list-section-wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.magazine-tile-list-section.style-2
  .magazine-tile-list-section-wrapper
  .mag-post-single:not(:first-child) {
  border-radius: var(--border-radius-all);
}

.classic-design
  .magazine-tile-list-section.style-2
  .magazine-tile-list-section-wrapper
  .mag-post-single:not(:first-child) {
  background-color: var(--light-bg-color);
}

.magazine-tile-list-section.style-2
  .magazine-tile-list-section-wrapper
  .mag-post-single:not(:first-child)
  .mag-post-img {
  display: none;
}

.magazine-tile-list-section.style-2
  .magazine-tile-list-section-wrapper
  .mag-post-single:not(:first-child)
  .mag-post-detail {
  border-radius: 5px;
  width: 100%;
}
.magazine-tile-list-section.style-2
  .magazine-tile-list-section-wrapper
  .mag-post-single:first-child {
  grid-row: span 3;
  grid-column: span 2;
}

@container (max-width: 600px) {
  .magazine-tile-list-section.style-2
    .magazine-tile-list-section-wrapper
    .mag-post-single:first-child {
    grid-column: span 1;
    grid-row: span 1;
  }
}

@container (max-width: 480px) {
  .magazine-tile-list-section.style-2
    .magazine-tile-list-section-wrapper
    .mag-post-single:first-child
    .mag-post-excerpt {
    display: none;
  }
}

.artistic-design.modern-design
  .magazine-tile-list-section.style-2
  .magazine-tile-list-section-wrapper
  .mag-post-single:first-child
  .mag-post-excerpt {
  display: none;
}
.magazine-tile-list-section.style-2
  .magazine-tile-list-section-wrapper
  .mag-post-single.list-design {
  container-type: inline-size;
}

@container (max-width: 600px) {
  .magazine-tile-list-section.style-2
    .magazine-tile-list-section-wrapper
    .mag-post-single.list-design
    .mag-post-detail
    .mag-post-title {
    font-size: calc(var(--font-size-sm) + 2px);
  }
}

@container (max-width: 375px) {
  .magazine-tile-list-section.style-2
    .magazine-tile-list-section-wrapper
    .mag-post-single.list-design
    .mag-post-detail
    .mag-post-title {
    margin: 0 0 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: var(--font-size-sm);
  }
}

@container (max-width: 375px) {
  .magazine-tile-list-section.style-2
    .magazine-tile-list-section-wrapper
    .mag-post-single.list-design
    .mag-post-detail
    .mag-post-excerpt {
    display: none;
  }
}
/* Tile List widget CSS end */
/* Social widget CSS start */
.artistic-design.modern-design
  .widget_ascendoor_news_social_icons
  ul.social-links
  a {
  border-radius: 5px;
}
/* Social widget CSS end */

/* archive Layout CSS start */
body.artistic-design
  .magazine-archive-layout.grid-layout
  .mag-post-single:not(.tile-design):not(.list-design) {
  min-height: 480px;
}
/* archive Layout CSS end */

/* Footer CSS start */
.artistic-design.modern-design
  .site-footer
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-detail::before {
  background-color: var(--footer-bg-color);
}

.artistic-design.modern-design
  .site-footer
  .ascendoor-widget
  .mag-post-single:not(.tile-design):not(.list-design)
  .mag-post-detail
  .mag-post-title
  a {
  background-color: var(--footer-bg-color);
}

.artistic-design.modern-design
  .site-footer
  .ascendoor-widget
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-title
  a {
  background-color: var(--footer-bg-color);
}

.artistic-design.modern-design
  .site-footer
  .ascendoor-widget
  .mag-post-single.tile-design
  .mag-post-detail
  .mag-post-title::before {
  background-color: var(--footer-bg-color);
}
/* Footer CSS end */

.gtranslate-shortcode a {
  padding: 0 5px;
}
.gtranslate-shortcode > div {
  display: flex;
}