/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.3
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/
.header-main .row{
    display: flex !important;
}

.header-main .row .hfg-slot.right{
    margin-right: 0 !important;
    margin-left: auto !important;
}

.header-top .row .hfg-slot.left{
    display: none !important;
}
[data-row-id] .row {
    grid-template-columns: unset;
}

/* Style the buttons that are used to open and close the accordion panel */
.toggle-description {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active,
.toggle-description:hover {
    background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.term-description {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}

/* Style for shortcode that displays current issue category (used on homepage)  */
.current-issue-description {
    text-align: center;
    position: relative;
    overflow: hidden;
    /* Hide the overflow to keep the boundaries the same */
    width: 100%;
    /* Ensure the container has a defined width */
    height: auto;
    /* Ensure the container has a defined height */
    cursor: pointer;
}

.current-issue-button {
    display: inline-block;
    position: absolute;
    /* Position the button absolutely within the parent container */
    top: 50%;
    /* Center vertically */
    left: 50%;
    /* Center horizontally */
    transform: translate(-50%, -50%);
    /* Adjust the position to be exactly in the center */
    overflow: hidden;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 10px 16px;
    width: 60%;
    background-color: #4dae70;
    color: #fff;
    border-color: #fff;
    text-decoration: none;
    font-family: Roboto, Sans-serif;
    font-weight: 500;
    font-size: 15px;
}

.current-issue-description img {
    width: 100%;
    height: auto;
    transition: transform 0.7s ease;
    /* Smooth transition for the zoom effect */
}

.current-issue-description:hover img {
    transform: scale(1.3);
    /* Zoom in the image */
}

.current-issue-button span {
    position: relative;
    /* Adjusted to relative since the button itself is already centered */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}