/*
Theme Name: Online Magazine
Theme URI: https://www.ovationthemes.com/products/free-magazine-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: The Online Magazine is a dynamic and feature-rich theme tailored for digital publishers, bloggers, and media platforms that focus on creating engaging narratives. This responsive magazine theme is perfect for news portals, editorial websites, fashion blogs, tech news sites, and lifestyle publications, offering a clean and modern layout that ensures seamless readability across all devices. The theme allows users to highlight breaking news, trending stories, featured articles, and in-depth editorials with visually appealing sections, including images, videos, and multimedia content. Built with SEO-friendly and performance-optimized code, it enhances search visibility while ensuring fast loading speeds and smooth navigation. With customizable layouts, typography, and color options, aligning the design with your brand identity is easy, and social media integration boosts audience reach and engagement. It also includes monetization features such as ad placements and subscription models for generating revenue. Furthermore, integration with WP Magazine Modules Lite provides advanced article layouts, featured post sections, and category highlights, creating a professional publishing experience. This powerful digital magazine theme is an ideal solution for developing a high-quality online newspaper or magazine-style website that effectively showcases captivating stories.
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 5.6
Version: 3.2.4
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: online-magazine
Tags: blog, portfolio, photography, one-column, two-columns, custom-colors, custom-menu, custom-logo, sticky-post, threaded-comments, right-sidebar, left-sidebar, grid-layout, custom-background, rtl-language-support, featured-images, wide-blocks, editor-style, full-site-editing, block-patterns, block-styles, template-editing, footer-widgets, custom-header, translation-ready

Online Magazine WordPress Theme, Copyright 2025 pewilliams
Online Magazine is distributed under the terms of the GNU GPL

*/

a{
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:focus,
button:focus,.wp-block-navigation ul li a span:focus{
    outline: 1px solid #000;
}
.wp-block-woocommerce-customer-account a{
    border: 1px solid transparent;
}
.wp-block-woocommerce-customer-account a:focus{
    border: 1px solid #000;
}
.wp-block-navigation ul li a:focus,
.wp-block-site-title a:focus,
.wp-social-link a:focus,
.wp-block-list a:focus,
.wp-block-post-title a:focus{
    outline: 1px solid #fff;
}
/*navigation css*/
@media screen and (min-width:1000px){
    .wp-block-navigation ul li a{
        position: relative;
    }
    .wp-block-navigation ul li a::before {
        content: "";
        background: var(--wp--preset--color--primary);
        opacity: 0;
        margin: 0 auto;
        height: 1px;
        width: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        -moz-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        -o-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        -webkit-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
    }
    .wp-block-navigation ul li a:hover::before,
    .wp-block-navigation ul li a:focus::before {
        opacity: 1;
        width: calc(100% - 3px);
    }
    .wp-block-navigation .current-menu-item a::before{
        content: "";
        position: absolute;
        opacity: 1;
        background: var(--wp--preset--color--primary);
        margin: 0 auto;
        height: 3px;
        left: 0;
        right: 0;
        bottom: -10px;
        width: calc(100% - 3px);
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container{  
        border-top: 2px solid var(--wp--preset--color--primary);
        border-bottom: 2px solid var(--wp--preset--color--primary);
        box-shadow: 2px 2px 8px #cfc8d8;
    }
    .wp-block-navigation ul ul li a:hover::before,
    .wp-block-navigation ul ul li a:focus::before,
    .wp-block-navigation ul ul .current-menu-item a::before {
        width: 0 !important; 
    }
    .wp-block-navigation ul ul li a{
        border-bottom: 1px solid var(--wp--preset--color--border-color);
        color: var(--wp--preset--color--primary) !important;
    }
    .wp-block-navigation ul li:last-child a{
        border-bottom: none;
    }
    .wp-block-navigation ul ul li a:hover,
    .wp-block-navigation ul ul li a:focus,
    .wp-block-navigation__submenu-container .current-menu-item a{
        background-color: var(--wp--preset--color--primary-light) !important;
    }
}
.wp-block-navigation ul ul{
    padding: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    width: 100%;
    border: 1px solid var(--wp--preset--color--border-color);
    border-top-color: var(--wp--preset--color--primary);
    border-bottom-color: var(--wp--preset--color--primary);
}
.wp-block-navigation__responsive-container.is-menu-open li a,
.wp-block-navigation__responsive-container.is-menu-open li li a,
.wp-block-navigation__responsive-container.is-menu-open li li:last-child a{
    border-bottom: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-navigation__responsive-container.is-menu-open li:last-child a{
    border-bottom: none;
}
.wp-block-navigation__responsive-container.is-menu-open li a:hover,
.wp-block-navigation__responsive-container.is-menu-open li a:focus,
.wp-block-navigation__responsive-container.is-menu-open li.current-menu-item a{
    background-color: var(--wp--preset--color--primary-light) !important;
    color: var(--wp--preset--color--primary) !important;
}
.wp-block-navigation .wp-block-navigation__submenu-icon{
    background: transparent;
}
@media screen and (max-width:999px) {
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display: none;
    }

    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-open svg{
        width: 26px;
        height: 26px;
    }
    .wp-block-navigation__responsive-container-open svg{
        fill: var(--wp--preset--color--white);
    }
    .wp-block-navigation__responsive-container-close svg{
        fill: var(--wp--preset--color--black);
    }

    .wp-block-navigation__responsive-container-close{
        top: 0;
        right: 20px;
    }

    .wp-block-navigation__responsive-container-open:not(.always-shown){
        display: block;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none; 
    }

    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
        background-color: var(--wp--preset--color--white);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
        padding: 1.5em;
        padding-top: 2.5rem;
    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
        width: 100%;
        gap: 0 !important;
        border-bottom: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
        width: 100%;
        gap: 0 !important;
        border: none !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
        width: calc( 100% - 48px );
        padding: 12px 24px 12px;
        line-height: 30px;
        text-align: left;
    }

    /*
    * Submenu Css
    */
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
        width: 100%;
        gap: 0;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a{
        gap: 3px;
        font-weight: 300 !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a:before {
        content: '--';
    }
    
}
.wp-block-image img{
    vertical-align: middle;
}

.pos-relative{
    position: relative;
}

form {
    position: relative;
}

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"],
input[type="color"],
textarea,
select {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid var(--wp--preset--color--border-color);
    resize: none;
    line-height: 20px;
    background: none;
    color: var(--wp--preset--color--foreground);
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
select option{
    background: var(--wp--preset--color--base);
    color: var(--wp--preset--color--foreground);
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none; /* hide the default arrow in ie10 and ie11 */
}

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,
input[type="color"]:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--primary);
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
    border: none;
    padding: 12px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-align: center;
}

.wpcf7-form label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 8px;
    color: var(--wp--preset--color--foreground);
    font-weight: 700;
}

.form-group {
    margin-bottom: 30px;
}

.form-group p{
    margin: 0;
}

.form-group.half {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.form-group.half.last {
    margin-right: 0;
}

.form-group.third {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.form-group.third.last {
    margin-right: 0;
}
/*sidebar css*/
.sidebar-box,.inner-post-box{
    position: relative;
    box-shadow: 0px 4px 9px var(--wp--preset--color--sidebar-shadow-color);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.sidebar-box:hover{
    transform: translateY(-6px);
    box-shadow:0 18px 40px rgba(0, 0, 0, 0.25), 0 8px 20px rgba(0, 0, 0, 0.20);
}
.sidebar-heading{
    display: table;
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    width: auto;
}
.sidebar-post-title{
    margin-block-start: 10px;
    margin-block-end: 0;
}
.sidebar-box .wp-block-page-list  ul li{
    list-style: square;
}
.sidebar-box .wp-block-archives-list li ,
.sidebar-box .wp-block-categories-list li,
.sidebar-box .wp-block-page-list li{
    list-style: circle;

}
.sidebar-box .wp-block-archives-list li::marker,
.sidebar-box .wp-block-categories-list li::marker,
.sidebar-box .wp-block-page-list li::marker{
    color: var(--wp--preset--color--primary);
}
.sidebar-box .wp-block-archives-list,.sidebar-box .wp-block-categories-list{
    padding-left: 20px;
}
.sidebar-box ul li a{
    text-decoration: none;
}
.sidebar-box .wp-block-tag-cloud a{
    background: var(--wp--preset--color--primary-light);
    color: var(--wp--preset--color--black);
}
.sidebar-box .wp-block-tag-cloud a:hover{
    background: var(--wp--preset--color--background);
    color: var(--wp--preset--color--primary);
}
.sidebar-box ul li{
    transition: all .6s ease-in-out;
}
.sidebar-box ul li:hover{
    padding-left: 15px;
}
/*post css*/
.post-title{
    position: relative;
}
.post-title .wp-block-separator{
    width: 57px !important;
}
.post-title .wp-block-separator:after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: var(--wp--preset--color--primary);
    top: 0;
    bottom: 0;
    margin: auto;
}
.archieve-readmore .wp-block-separator{
    width: 20px !important;
}
/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 2px;
}
.wp-block-post-comments-form textarea{
    background: var(--wp--preset--color--section-bg);
}
.single-post .post-meta .wp-block-post-author{
    align-items: center;
}
.single-post .wp-block-comments .comment-respond .comment-form .comment-form-cookies-consent{
    align-items: flex-start;
}
.single-post .wp-block-post-featured-image img{
    height: 400px;
    width: 400px;
    object-fit: contain;
    transform: translateY(10px);
    transition: all 0.4s ease;
}
.single-post .wp-block-post-featured-image img:hover{
    transform: translateY(0px);
}
.single-post .related-post .wp-block-post-featured-image img{
    height: 200px;
    width: 100%;
}
/*pagination*/
.wp-block-query-pagination-numbers .page-numbers{
    padding: var(--wp--preset--spacing--20);
    line-height: 1;
    text-decoration: none;
    color:var(--wp--preset--color--primary);
}
.wp-block-query-pagination-numbers .page-numbers.current{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white) !important;
}
.wp-block-query-pagination-numbers .page-numbers:hover{
    color:var(--wp--preset--color--heading);
}
.wp-block-query-pagination-next, .wp-block-query-pagination-previous{
    background-color: var(--wp--preset--color--primary);
    font-size: var(--wp--preset--font-size--small);
    line-height: 1;
    padding: 10px;
    color: var(--wp--preset--color--white);
    text-decoration: none;
}
.wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover{
    color: var(--wp--preset--color--background);
    background-color: var(--wp--preset--color--heading);
}

/*woocommerce*/
.wp-block-group.woocommerce.product{
    margin-block-start: 0;
}
.wc-block-product,
.wc-block-grid__product,
.woocommerce .products li,
.wp-block-woocommerce-related-products li,
.products-block-post-template li {
    text-align: center;
    padding: 10px !important;
    background: var(--wp--preset--color--section-bg);
}
.wc-block-grid__product{
    margin: 0 10px;
}
a.wc-block-grid__product-link,.wc-block-grid__product-image,.wc-block-grid__products .wc-block-grid__product-image img {
    width: 100%;
}
.wc-block-components-product-rating__stars,.wc-block-grid__product-rating,.woocommerce .star-rating {
    margin: 0 auto 0.5em;
    color: #f4bc16;
}
.wc-block-components-product-rating__stars::before,.wc-block-grid__product-rating .star-rating:before{
    color: #cfc8d8;
}
.woocommerce span.onsale,.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    padding: 0;
    border-radius: 0px;
    margin: 5px !important;
    min-height: 8px;
    line-height: 26px;
    min-width: 60px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2{
    font-size: 30px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2 + .edit{
    float: left;
    color: var(--wp--preset--color--secondary);
    font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2 + .edit:hover{
    color: var(--wp--preset--color--primary);
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    justify-content: space-between;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products li{
    max-width: 100%;
    margin-bottom: 15px;
}
nav.woocommerce-MyAccount-navigation ul li {
    background: var(--wp--preset--color--primary);
    border: 1px solid;
    border-color: var(--wp--preset--color--primary);
    padding: 12px!important;
    margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
    color: var(--wp--preset--color--white);
}
nav.woocommerce-MyAccount-navigation ul li:hover {
    background: var(--wp--preset--color--heading);
    border-color: var(--wp--preset--color--heading);
}
nav.woocommerce-MyAccount-navigation ul li:hover a,
nav.woocommerce-MyAccount-navigation ul li a:focus{
    color: var(--wp--preset--color--background);
}
.woocommerce ul.products li.product .button{
    padding: var(--wp--preset--spacing--30);
    border-radius: 30px;
}
.woocommerce a.added_to_cart,
.added_to_cart.wc-forward,
.single-product .wp-block-woocommerce-store-notices .wc-forward{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    border-radius: 5px;
    padding: var(--wp--preset--spacing--30);
    text-decoration: none;
    display: inline-block;
    margin-top: 0;
}
.single-product .wp-block-woocommerce-store-notices .wc-forward{
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--white) !important;
    padding: 10px !important;
    opacity: 1;
}
.single-product .wp-block-woocommerce-store-notices .wc-block-components-notice-banner,
.single-product .wp-block-woocommerce-store-notices .wc-block-components-notice-banner .wc-block-components-notice-banner__content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.woocommerce a.added_to_cart:hover, .added_to_cart.wc-forward:hover{
    background-color: var(--wp--preset--color--heading);
    color: var(--wp--preset--color--white);
}
.added_to_cart.wc-forward{
    margin-left: 10px;
}
.wc-block-components-product-badge{
    box-shadow: 2px 2px 0 0 var(--wp--preset--color--heading);
    border-radius: 0 !important;
    border: solid 2px var(--wp--preset--color--heading) !important;
    padding: 5px 8px !important;
}
.wc-block-grid__product .wc-block-grid__product-title,.wc-block-components-product-name,h2.woocommerce-loop-product__title,.woocommerce-Tabs-panel h2{
  font-size: 18px !important;
  font-weight: bold;
}
.woocommerce #review_form #respond textarea{
   background: var(--wp--preset--color--section-bg);
    border: 1px solid var(--wp--preset--color--border-color);
}
.woocommerce-Tabs-panel--reviews,.wc-block-checkout__form,.woocommerce-Tabs-panel--description{
    padding: 20px !important;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-checkout__form, .wp-block-woocommerce-checkout-order-summary-block,.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wc-block-components-sidebar-layout.wc-block-cart{
    padding-top: 30px;
}
.wc-block-cart{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 30px;
    border-radius: 10px;
    color: var(--wp--preset--color--heading);
}
.is-large.wc-block-cart .wc-block-cart-items td:after ,.is-large.wc-block-cart .wc-block-cart-items:after {
    border-color: transparent;
}
.wc-block-cart .wc-block-cart-items th,.wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title, .wp-block-woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-coupon-form-block, .wp-block-woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper{
    padding: 10px !important;
}
form.woocommerce-ordering select.orderby{
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}
.woocommerce-page .wp-block-breadcrumbs + .wp-block-query-title{
    display: none;
}
.wc-block-cart table.wc-block-cart-items{
    margin: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-cart-items,.wc-block-cart-items__header,.wp-block-woocommerce-checkout-order-summary-block,.wp-block-woocommerce-cart-order-summary-block,.woocommerce-Tabs-panel--description,.is-large.wc-block-cart .wc-block-cart-items{
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-components-totals-wrapper:after{
    border-color:  var(--wp--preset--color--border-color);
    opacity: 1 !important;
}
.wc-block-cart__submit-container a{
    margin-top: 15px;
}
.wc-block-checkout__actions_row a{
    color: var(--wp--preset--color--primary);
}
.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    margin-right: auto !important;
    margin-left: auto !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 0 !important;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover {
    background: transparent;
}
.wc-block-grid__product-image img{
    transition: transform 0.4s ease, opacity 0.4s ease;
}
.wc-block-grid__product-image:hover img{
    transform: scale(0.9);
}
@media screen and (max-width:999px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 30px !important;
    }
    .wc-block-components-totals-wrapper{
        padding: 16px 22px;
    }
    .wc-block-cart{
        padding: 0;
        border: none;
    }
    .wc-block-components-sidebar-layout.wc-block-cart{
        padding-top: 0;
    }
}
@media screen and (max-width:600px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .single-product .wp-block-woocommerce-product-meta .wp-block-group{
        display: block !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 25px !important;
    }
    .wp-block-woocommerce-cart:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 90% !important;
    }
}
/* scroll top */
p.scroll-top {
    position: absolute;
}
.scroll-top::before{
    font-size: 20px;
    cursor: pointer;
    background: var(--wp--preset--color--primary); 
    color: var(--wp--preset--color--white);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: '\f135'; 
    position: fixed;
    bottom: 20px;
    right: 30px;
    width: 40px;
    height: 40px;
    transform: rotate(-45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    z-index: 99;
    transition: all .5s ease-in-out;
}
.scroll-top:hover::before{
    margin-bottom: 10px;
}
/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > Media Queries
-------------------------------------------------------- */
/* --- > 781px
-------------------------------------------------------- */
@media screen and (max-width:999px) {
    .post-grid-layout.wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 30px !important;
    }
}
@media screen and (max-width: 999px) and (min-width: 782px){
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .sidebar-col,.post-col{
        flex-basis: 50% !important;
    }
    .page-sidebar-col{
        flex-basis: 40% !important;
    }
    .page-text-col{
        flex-basis: 60% !important;
    }
}
@media screen and (max-width:781px){
    .post-title .wp-block-separator{
        width: 30px !important;
    }
    .post-title h4{
        font-size: 21px;
    }
    .archieve-meta time ,.archieve-meta .wp-block-post-author-name{
        font-size: 13px !important;
    }
    .search-no-results .wp-block-query-no-results, .single-post .wp-block-cover.inner-cover-img + .wp-block-group > .wp-block-group.alignwide > .wp-block-columns .wp-block-column:first-child{
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 999px) and (min-width: 782px){
    .woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
        grid-template-columns: 50% 50%;
    }
}
@media screen and (max-width:767px){
    .woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
        grid-template-columns: 100%;
    }
    .post-grid-layout.wp-block-post-template,
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template,
    .search-results .wp-block-post-template{
        display: block !important;
    }
    .post-grid-layout.wp-block-post-template li,
    .page-template-blog-right-sidebar .wp-block-post-template li,
    .page-template-blog-left-sidebar .wp-block-post-template li,
    .search-results .wp-block-post-template li{
        margin-bottom: 30px;
    }
    .post-grid-layout.wp-block-post-template li:last-child,
    .page-template-blog-right-sidebar .wp-block-post-template li:last-child,
    .page-template-blog-left-sidebar .wp-block-post-template li:last-child,
    .search-results .wp-block-post-template li:last-child{
        margin-bottom: 0;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 25px !important;
        text-align: center !important;
    }
    .error-heading{
        font-size: 110px !important;
    }
}

/*homepage*/
.search-block .wp-block-search__inside-wrapper{
    padding: 0;
    border: none;
    background: #fff;
    border-radius: 5px;
    padding: 5px 10px;
}
.search-block .wp-block-search__button{
    padding: 0;
    background: transparent !important;
    margin-left: 0;
}
.search-block .wp-block-search__input{
    padding: 0;
    border: none;
    background: transparent;
}
.search-block .wp-block-search__input::placeholder{
    font-size: 12px;
    color: var(--wp--preset--color--primary);
    font-weight: 300;
}
.search-block .wp-block-search__button svg{
    rotate: 270deg;
}
.social-block .wp-block-social-links a:hover,
.social-block .wp-block-social-links a:focus,
.footer-widgets .wp-block-social-links a:hover,
.footer-widgets .wp-block-social-links a:focus{
    color: var(--wp--preset--color--primary) !important;
}
/*banner*/
.banner-excerpt{
    width: 70%;
}
.banner-image-cover .wp-block-button__link:hover,
.banner-image-cover .wp-block-button__link:focus{
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--white) !important;
}
/*blog*/
.blog-section .wp-block-post-template{
    gap: 60px 24px !important;
}
.blog-wrap{
    position: relative;
}
.blog-txt-box{
    position: absolute;
    z-index: 999;
    left: 0;
    bottom: -40px;
    right: 30%;
}
.blog-txt-box .wp-block-post-author{
    justify-content: center;
    gap: 10px;
}
.blog-txt-box .wp-block-post-author__avatar img{
    border-radius: 50%;
}
.blog-txt-box .wp-block-post-author__avatar{
    margin: 0;
}
/*footer*/
.footer-phone span{
    font-size: 15px !important;
}
.footer-widgets .wp-block-list{
    padding-left: 0;
}
.footer-widgets .wp-block-list li{
    list-style: none;
    margin-bottom: 15px;
}
.footer-widgets .wp-block-list li:last-child{
    margin-bottom: 0;
}
.footer-widgets .wp-block-list li a{
    text-decoration: none;
}
.footer-blog-cols{
    margin-bottom: 0;
}
.foter-excerpt{
    margin-left: auto;
    margin-right: auto;
    width: 40%;
}
.footer-wrap nav.wp-block-navigation{
    margin-top: 10px;
    margin-bottom: 10px;
}
.footer-widgets a:hover,.footer-txt a:hover,
.footer-widgets a:focus,.footer-txt a:focus{
    color: var(--wp--preset--color--primary) !important;
}

@media screen and (min-width:2000px){
    .blog-wrap .wp-block-cover{
        min-height: 500px !important;
    }
}
@media screen and (max-width:1599px){
    .blog-txt-box{
        right: 25%;
    }
    .banner-image-cover h2{
        font-size: 35px !important;
    }
    .banner-image-cover h6{
        font-size: 18px !important;
    }
    .banner-excerpt {
        width: 80%;
    }
    .blog-wrap .wp-block-cover{
        min-height: 380px !important;
    }
}
@media screen and (max-width:1399px){
    .search-block{
        flex-basis: 17% !important;
    }
    .social-block{
        flex-basis: 18% !important;
    }
}
@media screen and (max-width:1199px){
    .nav-block nav ul li a{
        font-size: 12px !important;
    }
    .nav-block nav{
        gap: 15px !important;
    }
    .social-block .wp-block-social-links,
    .footer-widgets .wp-block-social-links{
     font-size: 20px !important;
    }
    .menu-header:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .banner-image-cover .wp-block-columns:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .blog-section .wp-block-query:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .footer-up-box:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .footer-widgets:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 85% !important;
    }
    .banner-image-cover{
        min-height: 550px !important;
    }
    .banner-image-cover h2{
        font-size: 30px !important;
    }
    .banner-image-cover h6{
        font-size: 15px !important;
    }
    .banner-excerpt {
        width: 90%;
    }
    .blog-wrap .wp-block-cover{
        min-height: 300px !important;
    }
    .blog-txt-box {
        right: 10%;
    }
    .blog-txt-box h2{
        font-size: 14px !important;
    }
    .blog-txt-box .wp-block-post-date{
        font-size: 12px !important;
    }
    .foter-excerpt{
        width: 60%;
    }
    .footer-blog-2 h2{
        font-size: 14px !important;
    }
}
@media screen and (max-width:999px){
    .logo-block{
        flex-basis: 40% !important;
    }
    .nav-block{
        flex-basis: 10% !important;
    }
    .search-block,
    .social-block {
        flex-basis: 25% !important;
    }
}
@media screen and (max-width:991px){
    .banner-text-box{
        flex-basis: 70% !important;
    }
    .blog-section .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .blog-wrap .wp-block-cover {
        min-height: 350px !important;
    }
    .blog-txt-box {
        right: 20%;
    }
    .foter-excerpt{
        width: 80%;
    }
    .footer-blog-2 h2 {
        font-size: 12px !important;
    }
    .footer-blog-2 .wp-block-post-date{
        font-size: 10px !important;
    }
    .footer-phone{
        font-size: 14px !important;
    }
    .footer-phone span {
        font-size: 12px !important;
    }
}
@media screen and (max-width:781px){
    .menu-header,.footer-widgets,.footer-blog-cols{
        flex-wrap: nowrap !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.logo-block{
        flex-basis: 40% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.nav-block{
        flex-basis: 10% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.search-block,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.social-block {
        flex-basis: 25% !important;
    }
    .banner-text-box{
        text-align: center;
    }
    .banner-excerpt{
        margin-right: auto;
        margin-left: auto;
    }
    .banner-text-box .wp-block-buttons{
        justify-content: center !important;
    }
    .banner-image-cover {
        min-height: 500px !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-blog-1{
        flex-basis: 40% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-blog-2{
        flex-basis: 60% !important;
    }
    .social-block .wp-block-social-links,
    .footer-widgets .wp-block-social-links {
        font-size: 16px !important;
    }
}
@media screen and (max-width:599px){
    .menu-header,.footer-widgets{
        flex-wrap: wrap !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.logo-block,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.search-block{
        flex-basis: 100% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.nav-block{
        flex-basis: 10% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.social-block {
        flex-basis: 70% !important;
    }
    .logo-block{
        order: 1;
    }
    .nav-block{
        order: 2;
    }
    .social-block{
        order: 3;
    }
    .search-block{
        order: 4;
    }
    .logo-block,.footer-widgets{
        text-align: center;
    }
    .banner-image-cover {
        min-height: 450px !important;
    }
    .banner-excerpt,.foter-excerpt {
        width: 100%;
        font-size: 12px !important;
    }
    .banner-image-cover h2 {
        font-size: 25px !important;
    }
    .blog-section .wp-block-post-template {
        grid-template-columns: auto !important;
    }
    .footer-blog-cols{
        text-align: left;
    }
    .footer-widgets .wp-block-social-links{
        justify-content: center !important;
    }
}

/*frontpage swiper css start*/
.wp-block-group.online-magazine-swiper {
  overflow: hidden;
  position: relative;
}
.online-magazine-swiper .swiper-slide {
  display: flex;
}
.wp-block-group.online-magazine-swiper-controls {
  position: unset;
}
.wp-block-group.online-magazine-swiper .wp-block-cover.swiper-slide {
  margin-block-start: 0 !important;
}
.online-magazine-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
  position: absolute;
  bottom: 20px;
  z-index: 1;
  width: 100%;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
.online-magazine-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: var(--wp--preset--color--white);
  opacity: 0.7;
}
.online-magazine-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--wp--preset--color--primary);
}
.wp-block-group.online-magazine-swiper .online-magazine-swiper-button-prev,
.wp-block-group.online-magazine-swiper .online-magazine-swiper-button-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgb(81, 81, 79);
  color: #fff;
  transition: all ease 0.23s;
  opacity: 1;
  top: 50%;
  margin: -20px 0 0 0;
}
.wp-block-group.online-magazine-swiper .online-magazine-swiper-button-prev{
    left: 10px;
}
.wp-block-group.online-magazine-swiper .online-magazine-swiper-button-next{
    right: 10px;
}
.wp-block-group.online-magazine-swiper .online-magazine-swiper-button-prev:hover,
.wp-block-group.online-magazine-swiper .online-magazine-swiper-button-next:hover {
  background: rgb(81, 81, 79);
  color: #fff;
}
.wp-block-group.online-magazine-swiper .online-magazine-swiper-button-prev:after,
.wp-block-group.online-magazine-swiper .online-magazine-swiper-button-next:after {
  font-size: 15px;
  font-weight: 900;
}

.online-magazine-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.wp-block-html {
  display: none;
}

.online-magazine-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.is-selected.wp-block-html {
  display: block !important;
}
/*frontpage swiper css end*/