/**
Theme Name: EVENT Magazine
Author: Clear Path Digital
Author URI: https://www.clearpathdigital.com
Description: Event Magazine custom child theme for Astra
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: event-magazine
Template: astra
*/


/* Utility class for gently rounded images */
.eventmag-rounded-image {
    border-radius: 8px; 
}


/* Apply gentle rounding to WooCommerce product images */
.woocommerce ul.products li.product a img,
.woocommerce div.product div.images img {
    border-radius: 8px;
}

/* Apply a tiny border radius to both cart and mini-cart thumbnails */
.woocommerce table.cart .product-thumbnail img,
.woocommerce-mini-cart .mini_cart_item img {
    border-radius: 3px;
}

/* Change WooCommerce single product layout to a 33/66 split */
@media screen and (min-width: 769px) {
    .woocommerce div.product div.images {
        width: 33% !important;
    }
    
    .woocommerce div.product div.summary {
        width: 63% !important;
    }
}


/* Swiper Slider Controls Styling */

/* Inactive dots: Semi-transparent white (looks light grey against dark backgrounds) */
.eventmag-hero-slider .swiper-pagination-bullet {
    background-color: rgba(255, 255, 255, 0.5) !important;
    opacity: 1 !important; 
    width: 10px;
    height: 10px;
}

/* Active dot: Solid white */
.eventmag-hero-slider .swiper-pagination-bullet-active {
    background-color: #ffffff !important;
}

/* Guarantee controls stay above the full-slide link layer */
.eventmag-hero-slider .swiper-pagination,
.eventmag-hero-slider .swiper-button-next,
.eventmag-hero-slider .swiper-button-prev {
    z-index: 10 !important;
}











/* FOOTER */
footer.site-footer {
    background: #111111!important;
    color: #FFFFFF!important;

}
footer.site-footer h3, footer.site-footer h2.widget-title, footer.site-footer div.ast-footer-copyright, footer.site-footer p, footer.site-footer label {
    color: #FFFFFF!important;   
}
/* HOME BLOG ROLL
================================================== */
span.ast-blog-single-element.ast-taxonomy-container.cat-links.default {
    display: none;
}
/* .home span.author-name {
    display: none;
} */

/* SHOP */
span.sku_wrapper {
	display: none!important;
}

/* CURRENT ISSUE
================================================== */
/* #sidebar-current-issue-buttons {
	float: right;
	position: relative;
	top: 4em;
	right: 0px;
	z-index: 10;
} */
#sidebar-current-issue-buttons a {
	/* float: right;
	clear: right; */
	/* margin-bottom: 10px; */
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
	/* font-family: Lato; */
  color: #ffffff;
  font-size: 1.2em;
  background: #000000;
  padding: 8px 15px 8px 15px;
  text-decoration: none;
}
#sidebar-current-issue-buttons img {
	/* float: right;
	clear: right; */
	/* margin-top: -1em;
    width: 80%; */
}
#sidebar-current-issue-buttons a:hover {
  text-decoration: none;
}
#sidebar-current-issue {
	text-align: left;
}
#sidebar-current-issue-cover {
	/* width: 80%; */
	margin-bottom: 8px;
}
/* #mc4wp-form-1 label {
	display: none;
} */
/* #sidebar .widget {
	margin-top: 20px;
} */



/* Sidebar Icon Button Layout */
.eventmag-sidebar-actions {
    display: flex;
    flex-direction: column;
    gap: 8px; /* Spacing between stacked buttons */
    width: 100%;
}

.eventmag-sidebar-actions .ast-button {
    display: inline-flex;
    align-items: center;
    justify-content: center; /* Centers the icon and text together */
    width: 100%; /* Makes buttons span the full width of the widget */
    box-sizing: border-box;
}

/* Add breathing room between the FontAwesome icon and the text */
.eventmag-sidebar-actions .ast-button i {
    margin-right: 10px;
    font-size: 1.1em; /* Slightly enlarges the icon relative to the text */
}




















/* Fix Gutenberg block search widget layout and force matching heights */
.site-footer .wp-block-search__inside-wrapper {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start; /* Remove the stretch behavior */
}

.site-footer .wp-block-search__input {
    flex-grow: 1;
    width: 100%;
    height: 45px !important; /* Force specific height */
    margin: 0;
    padding: 0 15px; /* Comfortable text padding */
    border: 1px solid #ccc;
    border-right: none;
    border-radius: 4px 0 0 4px;
    box-sizing: border-box;
}

.site-footer .wp-block-search__button {
    flex-shrink: 0 !important;
    width: 45px !important; /* Make it a perfect square matching the height */
    height: 45px !important; /* Match input height */
    margin: 0;
    padding: 0 !important; /* Strip Astra's global button padding */
    border: 1px solid #0056b3;
    border-radius: 0 4px 4px 0;
    background-color: #007bff; 
    color: transparent !important; /* Hide the word "Search" */
    position: relative;
    box-sizing: border-box;
}

/* Inject the SVG icon */
.site-footer .wp-block-search__button::after {
    content: "";
    position: absolute;
    inset: 0;
    /* Clean white magnifying glass SVG */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
}


/* Make the main Astra header sticky */
#masthead {
    position: sticky;
    top: 0;
    z-index: 999; /* Ensures it stays above page content */
    background-color: #ffffff; /* Explicitly set this so scrolling content doesn't bleed through */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* Optional: adds a subtle shadow when scrolling */
}

/* Offset for the WordPress Admin Bar (so it doesn't overlap when you are logged in) */
.admin-bar #masthead {
    top: 32px; 
}

/* Mobile WordPress Admin Bar offset */
@media screen and (max-width: 782px) {
    .admin-bar #masthead {
        top: 46px; 
    }
}





/* Circular Social Icons Widget - Full Width Sidebar */
.eventmag-social-icons {
    display: flex;
    justify-content: space-between; /* Spreads icons evenly across the sidebar */
    align-items: center;
    width: 100%;
}

.eventmag-social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    /* Increased dimensions for larger icons */
    width: 55px; 
    height: 55px;
    border-radius: 50%; /* Ensures the background stays perfectly circular */
    background-color: #333333; /* Base color before hover */
    color: #ffffff !important;
    text-decoration: none;
    font-size: 28px; /* Scales up the FontAwesome icon */
    transition: all 0.2s ease-in-out;
}

/* Hover effects */
.eventmag-social-icons a:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

/* Brand hover colors */
.eventmag-social-icons a[aria-label="Bluesky"]:hover { background-color: #0085ff; }
.eventmag-social-icons a[aria-label="Twitter"]:hover { background-color: #1DA1F2; }
.eventmag-social-icons a[aria-label="Facebook"]:hover { background-color: #1877F2; }
.eventmag-social-icons a[aria-label="YouTube"]:hover { background-color: #FF0000; }
.eventmag-social-icons a[aria-label="Instagram"]:hover {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

/* Hide the "Comments are closed" message */
.no-comments {
    display: none !important;
}