/*
Theme Name: NewSpare
Theme URI: https://afthemes.com/products/newspare/
Author: AF themes
Author URI: https://afthemes.com/
Description: NewSpare is a fast, lightweight, and modern Full Site Editing (FSE) WordPress theme built for news portals, online magazines, newspapers, publishing hubs, and editorial blogs. Engineered natively for the Gutenberg block editor with seamless BlockSpare integration, NewSpare offers pre-built magazine layouts, customizable block patterns, and dark mode support to create professional news websites effortlessly. Optimized for speed, mobile responsiveness, and search engine optimization (SEO) to improve Google rankings, it includes full WooCommerce integration for digital store capability, RTL language support, and live preview customization. Whether you are running a breaking news network, a niche magazine, a review blog, or a personal publishing site, NewSpare provides a powerful, code-free foundation backed by dedicated support and step-by-step documentation at https://afthemes.com/products/newspare/.
Requires at least: 5.0
Tested up to: 7.1
Requires PHP: 5.0
Version: 5.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newspare
Tags: blog, entertainment, news, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, wide-blocks, block-patterns, block-styles, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, sticky-post, style-variations, template-editing, threaded-comments, translation-ready
*/

html {
    -webkit-text-size-adjust: 100%;
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin: 0;
}

select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
textarea {
    /* width: 100%; */
    line-height: 1.6;
    padding: 7px var(--wp--preset--spacing--30);
    font-size: var(--wp--preset--font-size--small);
    font-family: var(--wp--preset--font-family--open-sans);
    border: 1px solid rgb(118, 118, 118);
    color: var(--wp--preset--color--quinary);
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
    line-height: 1.6;    
    font-size: var(--wp--preset--font-size--small);
    border-radius: 0;
    border-width: 0;
    background-color: #32373c;
    color: var(--wp--preset--color--senary);
    /* padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50); */
    font-family: var(--wp--preset--font-family--open-sans);
    cursor: pointer;
    -webkit-appearance: button;
}

select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
textarea:focus {
    outline: none;
    border-color: var(--wp--preset--color--secondary) !important;
}

pre {
    white-space: normal;
}

hr {
    box-sizing: content-box;
    height: 0;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;

}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

[hidden] {
    display: none;
}

.is-style-solid.wp-block-post-terms.taxonomy-category>a {
    display: inline-block;
    background-color: var(--wp--preset--color--secondary) !important;
    padding: 2px 6px;
    line-height: 1.4;
    margin-right: 5px;
    margin-top: 5px;
    color: var(--wp--preset--color--senary) !important;
    white-space: nowrap;
}

.is-style-outline.wp-block-post-terms.taxonomy-category>a {
    border: 1px solid var(--wp--preset--color--secondary) !important;
    padding: 2px 6px;
    margin-right: 5px;
    color: var(--wp--preset--color--primary) !important;
}

.is-style-underline.wp-block-post-terms.taxonomy-category>a {
    border-bottom: 2px solid var(--wp--preset--color--secondary) !important;
    padding: 2px 0;
    color: var(--wp--preset--color--primary) !important;
}

.is-style-solid.wp-block-post-terms.taxonomy-category>.wp-block-post-terms__separator,
.is-style-outline.wp-block-post-terms.taxonomy-category>.wp-block-post-terms__separator {
    display: none;
}

/* block post title design */
.wp-block-post-title a {
    display: inline;
}

.is-style-secondary.wp-block-heading {
    font-size: var(--wp--preset--font-size--medium);
    position: relative;
    box-sizing: border-box;
}

.is-style-secondary.wp-block-heading::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -5px;
    width: 50px;
    height: 3px;
    background: var(--wp--preset--color--secondary) !important;
}

.is-style-secondary.wp-block-heading.has-text-align-right {
    border-left: unset !important;
    border-right: 4px solid var(--wp--preset--color--secondary) !important;
}

.is-style-secondary.wp-block-heading.has-text-align-center {
    border-left: unset !important;
    border-bottom: 4px solid var(--wp--preset--color--secondary) !important;
}

.is-style-secondary.wp-block-heading.has-text-align-right::before {
    left: unset;
    right: 0;
    border-left: unset;
    border-right: 6px solid var(--wp--preset--color--secondary);
}

.is-style-secondary.wp-block-heading.has-text-align-center::before {
    left: 50%;
    top: unset;
    bottom: 0;
    transform: translateX(-50%);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid var(--wp--preset--color--secondary);
}

.is-style-secondary.wp-block-post-title:hover {
    color: var(--wp--preset--color--secondary) !important;
}

/* block post title design */

/* navigation style design */
.wp-block-navigation {
    font-weight: 700;
}

li.wp-block-navigation-item.wp-block-navigation-item,
li.wp-block-navigation-item.wp-block-navigation-link {
    padding: 0px;
    position: relative;
}

li.wp-block-navigation-item.wp-block-navigation-item::after,
li.wp-block-navigation-item.wp-block-navigation-link::after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    transition: all ease-in .3s;
    background-color: var(--wp--preset--color--senary);
}

li.wp-block-navigation-item.wp-block-navigation-item:hover::after,
li.wp-block-navigation-item.wp-block-navigation-link:hover::after,
li.wp-block-navigation-item.current-menu-item.wp-block-navigation-item::after,
li.wp-block-navigation-item.current-menu-item.wp-block-navigation-link::after {
    width: 100%;
}

.is-style-secondary.wp-block-navigation li.wp-block-navigation-item.wp-block-navigation-link::after,
.is-style-secondary.wp-block-navigation li.wp-block-navigation-item.wp-block-navigation-item::after {
    left: 0;
}

@media screen and (max-width: 599px){
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
        gap: 0px;
        width: 100%;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{
        padding: 0;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content,
    .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{
        line-height: 1;
        padding: .75em;
    }
    li.wp-block-navigation-item.wp-block-navigation-item.current-menu-item::after, 
    li.wp-block-navigation-item.wp-block-navigation-link.current-menu-item::after,
    .wp-block-navigation__responsive-container-content .wp-block-navigation-submenu::after{
        display: none;
    }
    .wp-block-navigation__submenu-container li.wp-block-navigation-item.wp-block-navigation-item:hover::after, 
    .wp-block-navigation__submenu-container li.wp-block-navigation-item.wp-block-navigation-link:hover::after{
        width: 0;
    }
}

/* submenu responsive unordered list side padding */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{
    padding-right: 1.5rem;
    padding-left: 1.5rem;
} 

.wp-block-group.is-style-outline {
    border: 2px solid var(--wp--preset--color--primary);
    padding: var(--wp--preset--spacing--50);
}
.wp-block-group.is-style-underline {
    border-bottom: 2px solid var(--wp--preset--color--primary);
}
@media (min-width: 600px) {
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
        margin-right: .75em;
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{
        padding: .25em 1em;
    }
}
/* group style */

/* button style */
.wp-block-button.is-style-secondary {
    border-bottom: 2px solid;
}
body.single .wp-block-post-excerpt.is-style-secondary{
    border-left: 3px solid var(--wp--preset--color--secondary);
}
body.single .wp-block-post-excerpt.is-style-secondary p{
    margin-left: 10px;
}
/* button style */

.wp-block-post-excerpt__excerpt{
    font-size: var(--wp--preset--font-size--small);
}

.wp-block-post-excerpt .wp-block-post-excerpt__more-text>a {
    font-weight: 700;
}
.wp-block-post-excerpt__more-text>a {
    font-size: 11px;
}

.wp-block-post-excerpt.is-style-secondary .wp-block-post-excerpt__more-text>a{
    padding: .35em 1em;
    text-decoration: none !important;
}

.wp-block-columns.is-style-sticky-top {
    align-items: flex-start !important;
}

.wp-block-columns.is-style-sticky-top>.wp-block-column {
    position: sticky;
    top: 20px;
}

.wp-block-columns.is-style-sticky-bottom {
    align-items: flex-end !important;
}

.wp-block-columns.is-style-sticky-bottom>.wp-block-column {
    position: sticky;
    bottom: 20px;
}

/* post excerpt red more design */
.wp-block-post-excerpt.is-style-secondary .wp-block-post-excerpt__more-text>a {
    border: 1px solid var(--wp--preset--color--secondary) !important;
}
.wp-block-post-excerpt.is-style-secondary .wp-block-post-excerpt__more-text>a:hover {
    opacity: 0.8;
}
/* post excerpt red more design */

/* pagination query styles */
.wp-block-query-pagination-numbers {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-next {
    padding: .25em .75em;
    display: inline-block;
}

.is-style-secondary.wp-block-query-pagination .page-numbers,
.is-style-secondary.wp-block-query-pagination .wp-block-query-pagination-previous,
.is-style-secondary.wp-block-query-pagination .wp-block-query-pagination-next {
    border: 1px solid var(--wp--preset--color--secondary) !important;
    color: var(--wp--preset--color--primary) !important;
    font-size: 12px;
    font-weight: 700;
    
}
.is-style-secondary.wp-block-query-pagination .page-numbers:hover,
.is-style-secondary.wp-block-query-pagination .wp-block-query-pagination-previous:hover,
.is-style-secondary.wp-block-query-pagination .wp-block-query-pagination-next:hover,
.is-style-secondary.wp-block-query-pagination .page-numbers.current{
    background-color: var(--wp--preset--color--secondary) !important;
    color: var(--wp--preset--color--senary) !important;
    
}

/* pagination query styles */
.wp-block-page-list:not(.is-style-default),
.wp-block-categories-list:not(.is-style-default) {
    list-style: none;
    padding-left: 0;
    padding-right: 0;
}

.wp-block-page-list.is-style-secondary li a:hover,
.wp-block-categories-list.is-style-secondary li a:hover {
    color: var(--wp--preset--color--secondary) !important;
}

/* block list style */
.wp-block-list.is-style-no-disc {
    list-style: none;
    padding-left: 0;
}

/* image caption style */
.wp-block-gallery.has-nested-images figcaption,
figure.wp-block-image figcaption {
    color: var(--wp--preset--color--primary);
    opacity: .6;
    font-size: 14px;
}

/* align wide and full */
body .is-layout-constrained>.entry-content.is-layout-constrained {
    max-width: unset;
}
body .is-layout-constrained>.alignwide {
    clear: both;
}

/* blocl code style */
pre.wp-block-code {
    border: 1px solid var(--wp--preset--color--primary);
    padding: 2em;
    background-color: #f5f5f5;
}

/* block nav menu with background */
.wp-block-navigation ul.has-background {
    padding: 0;
}

/* block quote styles */
.wp-block-pullquote.is-style-default,
.wp-block-quote.is-style-default {
    position: relative;
    padding-left: 4em;
}

.wp-block-pullquote.is-style-default.has-text-align-right,
.wp-block-quote.is-style-default.has-text-align-right {
    padding-left: 0;
    padding-right: 4em;
}

.wp-block-pullquote.is-style-default:not(.has-text-align-left):not(.has-text-align-right),
.wp-block-pullquote.is-style-default.has-text-align-center,
.wp-block-quote.is-style-default.has-text-align-center {
    padding-left: 0;
    padding-top: 2em;
}

.wp-block-pullquote.is-style-default::before,
.wp-block-quote.is-style-default::before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'aft-icons' !important;
    content: "\f10d";
    font-size: 3em;
    opacity: .25;
    line-height: 1;
}

.wp-block-pullquote.is-style-default.has-text-align-right::before,
.wp-block-quote.is-style-default.has-text-align-right::before {
    left: unset;
    right: 0;
}

.wp-block-pullquote.is-style-default.has-text-align-left::before {
    top: 1em;
    left: 40px;
}

.wp-block-pullquote.is-style-default.has-text-align-right::before {
    top: 1em;
    right: 40px;
}

.wp-block-pullquote.is-style-default:not(.has-text-align-left):not(.has-text-align-right)::before,
.wp-block-pullquote.is-style-default.has-text-align-center::before,
.wp-block-quote.is-style-default.has-text-align-center::before {
    left: 50%;
    transform: translateX(-50%);
}

.wp-block-pullquote.is-style-plain,
.wp-block-quote.is-style-plain {
    border-left: 4px solid var(--wp--preset--color--primary);
    padding-left: 1em;
}

.wp-block-pullquote.is-style-plain.has-text-align-center,
.wp-block-quote.is-style-plain.has-text-align-center {
    border-left: unset;
    padding-left: 0;
    border-top: 4px solid var(--wp--preset--color--primary);
}

.wp-block-pullquote.is-style-plain.has-text-align-right,
.wp-block-quote.is-style-plain.has-text-align-right {
    border-left: unset;
    padding-left: 0;
    border-right: 4px solid var(--wp--preset--color--primary);
    padding-right: 1em;
}

.wp-block-pullquote.is-style-secondary {
    position: relative;
}

.wp-block-quote.is-style-secondary {
    position: relative;
    padding: 1px 1em;
}

.wp-block-pullquote.is-style-secondary::before,
.wp-block-quote.is-style-secondary::before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'aft-icons' !important;
    content: "\f10d";
    font-size: 4em;
    opacity: .15;
    line-height: 1;
}

.wp-block-pullquote.is-style-secondary::before {
    top: 1em;
}

.wp-block-pullquote.is-style-secondary.has-text-align-left::before {
    left: 40px;
}

.wp-block-pullquote.is-style-secondary.has-text-align-right::before {
    left: unset;
    right: 40px;
}

.wp-block-quote.is-style-secondary.has-text-align-right::before {
    left: unset;
    right: 0;
}

.wp-block-pullquote.is-style-secondary:not(.has-text-align-left):not(.has-text-align-right)::before,
.wp-block-pullquote.is-style-secondary.has-text-align-center::before,
.wp-block-quote.is-style-secondary.has-text-align-center::before {
    left: 50%;
    transform: translateX(-50%);
}

/* list styles */
ul,
ol {
    list-style-position: inside;
    padding: 0;
}

ul .rich-text,
ol .rich-text {
    display: inline-block;
}

ul.is-style-secondary li:not(:last-child),
ol.is-style-secondary li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}

/* woo commerce css */
.woocommerce div.product form.cart .variations select {
    background-color: #fff;
}
.woocommerce table.variations tr td select {
    padding-top: 7px;
    padding-bottom: 7px;
}
:root :where(.wp-element-button:hover, .wp-block-button__link:hover) {
    color: var(--wp--preset--color--tertiary);
}
header .wc-block-mini-cart__button .wc-block-mini-cart__icon {
    fill: var(--wp--preset--color--tertiary);
}
header span:where(.wc-block-mini-cart__badge) {
    background-color: var(--wp--preset--color--tertiary);
}

.wp-block-comment-content a,
.comments-area .comment-content a,
.widget_text a,
.entry-content>[class*="wp-block-"] a:hover,
.entry-content>:is(ul, ol, p) a:hover,
.entry-content>:is(ul, ol, h1, h2, h3, h4, h5, h6, p) a {
    text-decoration: auto;
}

.blockspare-list-wrap ul.wp-block-list {
    list-style: none;
}