/*
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 customizable Full Site Editing (FSE) WordPress theme for news websites, online newspapers, digital magazines, blogs, and professional publishing platforms. Built for the Gutenberg block editor and designed to work seamlessly with the BlockSpare plugin, this modern WordPress block theme lets you create professional websites using the native WordPress Site Editor, customizable block patterns, and flexible layouts without coding. Build engaging news portals, magazine homepages, editorial blogs, and business websites with news tickers, trending posts, featured categories, post grids, sliders, carousels, and masonry layouts. The BlockSpare website builder ecosystem offers powerful Gutenberg blocks, 100+ starter templates, reusable sections, a visual Site Builder, header and footer builder, and advanced WordPress template customization for homepages, archives, search results, categories, authors, and 404 pages. Explore AI website building with an AI landing page generator, AI content writer, AI writing assistant, content summarization, AI-generated questions and answers, and multiple AI model integrations. Advanced publishing capabilities include dynamic content, custom fields, ACF integration, advanced post queries, AJAX post filters, Load More functionality, conditional content visibility, advertisement blocks, and responsive design controls. NewSpare also features mobile-friendly layouts, light and dark colour schemes, performance-focused code, SEO-friendly structure, WooCommerce compatibility, RTL language support, and live preview customization. Whether you are creating a newspaper website, technology blog, lifestyle magazine, sports publication, review website, or business website, NewSpare provides a flexible foundation for Gutenberg website design and modern WordPress publishing. Explore the documentation and demos at https://afthemes.com/products/newspare/.
Requires at least: 5.0
Tested up to: 7.1
Requires PHP: 5.0
Version: 5.0.3
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--normal);
}

.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);
}

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