/*
Theme Name: York Music Hub
Theme URI: https://github.com/elementor/hello-biz-child/
Description: Hello Biz Child is a child theme of Hello Biz, created by Elementor team
Author: Elementor Team
Template: hello-biz
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Version: 1.0.0
Stable tag: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hello-biz-child
Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, style-variations
*/

/* Add your custom styles here */

:root {
	--color-pink: #CD2D73;
	--color-cyan: #00ABA0;
	--color-orange: #ED622C;
	--color-inverted: #ffffff;
}

body.home .elementor-background-slideshow__slide__image {
	background-repeat: no-repeat;
}

h1,h2,h3,h4,h5,
.elementor-kit-134 h1, .elementor-kit-134 h2, .elementor-kit-134 h3, .elementor-kit-134 h4,
.bgsolid .e-off-canvas__main h1,.bgsolid .e-off-canvas__main h2,.bgsolid .e-off-canvas__main h3,.bgsolid .e-off-canvas__main h4,.bgsolid .e-off-canvas__main h5 {
	font-family: var(--e-global-typography-text-font-family);
	color: var(--color-pink);
	font-weight: 600;
}




.bgsolid h1,.bgsolid h2,.bgsolid h3,.bgsolid h4,.bgsolid h5 {
	color: var(--color-inverted);
}

li,p {
font-size: 20px;
}

.elementor-button {
    background-color: var(--color-pink);
}
.elementor-button:hover {
    background-color: var(--color-cyan);
}

table {
font-size: 1em;
}

.elementor-nav-menu .sub-arrow {
	padding: 5px;
}


#nav-pri nav>ul>li.current-menu-parent>a:after {
	background-color: #CD2D73;
	opacity: 1;
}
#nav-pri,
#nav-sec {
	transition: none;
}
#nav-sec {
		z-index: 100 !important;
}

@media (min-width: 768px) and (max-width: 1024px) {

	#nav-pri {
		background: #CD2D73;
		z-index: 40 !important;
	}
	#nav-pri nav>ul>li>a {
		color: #fff;
	}
	#nav-pri nav>ul>li>a .sub-arrow svg  {
		fill: #fff;
	}
	#nav-pri nav>ul>li.current-menu-item>a:after {
		/*background: */
		background-color: #00ABA0;
	}
	#nav-pri nav>ul>li.current-menu-parent>a:after {
		background-color: #00ABA0;
		opacity: 1;
	}


}

@media (min-width: 1025px) {
	#nav-sec {
		background: #CD2D73;
	}
	#nav-sec .e-n-menu-title-text {
		color: #fff !important;
	}
	#nav-sec .e-n-menu-icon svg,
	#nav-sec .elementor-icon svg {
		fill: #fff !important;
	}
}

@media (max-width: 767px) {
	#nav-sec {
		background: #CD2D73;
	}
	#nav-sec .e-n-menu-title-text {
		color: #fff !important;
	}
	#nav-sec .e-n-menu-icon svg,
	#nav-sec .elementor-icon svg {
		fill: #fff !important;
	}
	#nav-pri .elementor-nav-menu--dropdown a {
		text-align: center;
		justify-content: center;
	}

	#nav-pri .elementor-nav-menu--dropdown .has-submenu {
		padding-left: 44px;
	}
	
	#nav-pri .elementor-nav-menu--dropdown .menu-item-has-children ul.sub-menu li {
		background: #fcfcfc;
		border-left: 3px solid var(--color-cyan);
	}
	#nav-pri .elementor-nav-menu--dropdown .menu-item-has-children ul.sub-menu li a {
		font-style: italic;
		padding-top: 8px;
		padding-bottom: 8px;
		border-bottom: 1px solid #ffffff;
	}
	
}

@media (min-width: 1025px) and (max-width: 1249px)  {
	#nav-pri .elementor-nav-menu .elementor-item {
		font-size: 1.2vw;
	}
}

@media (min-width: 1450px) {

	#header-logo{
		margin-left: 8%;
	}
	#nav-pri {
		margin-right: 8%;
		max-width: 1000px;
	}
	
	#nav-sec {
		padding-right: calc((100% - 1400px) /2 );
		padding-left: calc((100% - 1400px) /2 );
	}

}

.elementor-nav-menu--dropdown li>a,
.elementor-nav-menu--dropdown li>a:hover {
	border-inline-start: 0;
}


#nav-pri nav>ul>li.current-menu-parent a .sub-arrow svg {
	fill: #00ABA0;
	background: #fff;
	border-radius: 4px;
}

header>.elementor-sticky--active {
	min-height: auto;
}
header>.elementor-sticky--active #header-logo img {
	transition: height 300ms;
}

header .elementor-sticky--effects {
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

header #nav-pri .elementor-sticky--effects {
	border-radius: 20px;
	min-width: 40px;
	padding: 5px;
}

header>.elementor-sticky--effects #header-logo>div {
	padding: 8px;
}

header>.elementor-sticky--effects #header-logo img {
	height: 50px;
}
header>.elementor-sticky--effects #nav-pri .elementor-nav-menu__container.elementor-nav-menu--dropdown {
	margin-top: -10px;
}


.bgsolid h4, .bgsolid a {
    color: #fff;
}

.bgsolid a {
text-decoration: underline;
}
.bgsolid a:hover {

	color: #aaa;
}

.bgsolid .loopgrid .elementor-widget-image a {
	display: block;
}
.bgsolid .loopgrid .elementor-widget-theme-post-title a {
	text-decoration: none;
}
.bgsolid .loopgrid .elementor-widget-theme-post-title {
	background: #ffffff22;
}

html {
/*	scrollbar-gutter: stable;*/
}

@media (max-width: 1024px) {

	#hero-intro {
		position: relative;
	}
	
	.herotxtbox {
		box-shadow: none !important;
	}

	.ehp-flex-hero__content-container {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.ehp-flex-hero__heading {
		font-size: 1.3rem !important;
	}
	.ehp-flex-hero__subheading {
		font-size: 1rem;
	}

	.ehp-flex-hero.has-image-position-start .ehp-flex-hero__content-container {
		order: 1;
	}

}


@media (min-width: 1025px) and (max-width: 1200px) {
	.elementor-grid-6 .elementor-grid {
		    grid-template-columns: repeat(3, 1fr);	
	}
}
@media (min-width: 1201px) and (max-width: 1500px) {
	.elementor-grid-6 .elementor-grid {
		    grid-template-columns: repeat(4, 1fr);
	}
}

.elementor-grid-6 .elementor-grid .elementor-element > a {
	width: 100%;
}



@media (min-width: 1025px) and (max-width: 2500px)  {
.center-grid-items .elementor-grid { 
	display: flex; 
	justify-content: center; 
	gap: 20px; /* Adjust spacing as needed */ 
	flex-wrap: wrap; 
} 
.center-grid-items .elementor-grid > * { 
	width: 100%;
	max-width: 250px; /* Adjust to match your grid item width */ 
	flex: 0 1 auto; /* Prevents stretching */ }
}

.elementor-widget-text-editor ul {
	margin-left: 25px;
	padding-left: 0;
	margin-bottom: 25px;
}

.elementor-widget-text-editor li {
	margin-bottom: 8px;
	line-height: 1.6rem;
}

.e-n-tabs-content {
	margin-left: -20px;
	margin-right: -20px;
}

.e-n-tabs-content h3 {
font-size: 22px;
font-style: normal;
font-weight: 600;
color: #CD2D73;
}

.elementor-flip-box,
.elementor-flip-box *{
	cursor: default;
}

.event_date_card {
	background: #F7F7F7;
	padding: 10px;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.event_date_card .day,
.event_date_card .mon {
	font-size: 1.2rem;
	text-transform: uppercase;
}

.event_date_card .date {
	font-size: 2.1rem;
	line-height:1.5rem;
	font-weight: bold;
}

.event_schedule {
	font-weight: bold;
}

.woocommerce ul.products {
	display: grid;
	gap: 30px;
}

.woocommerce-loop-category__title {
	text-align: center;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	margin-top: 0;
}

.woocommerce .rags {
	margin-top: 0;
    margin-bottom: auto;
}

.woocommerce .rag {
	color: var(--color-orange);
	font-size: 0.8rem;
	font-weight: bold;
	margin-bottom: 4px;
}

.ragr {
	padding: 1px 6px;
	border-radius: 5px;
	display: inline-block;
	color: #000;
}

.wp-singular .ragr {
	display: block;
	margin: 3px 0 8px 0;
	text-wrap: balance;
	font-weight: normal;
	padding: 3px 6px;

}
.rag-green {
	background: #99FF99;
}
.rag-amber {
	background: #FFC000;
}
.rag-red {
	background: #C00000;
	color: #fff;
}

.woocommerce .remaining {
	margin-top: 4px;
	font-size: 1rem;
}



@media (min-width: 768px) {
.woocommerce ul.products {
    grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 992px) {
.woocommerce ul.products {
    grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 1025px) {
.woocommerce ul.products {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
}

.woocommerce .products ul::after, .woocommerce .products ul::before, 
.woocommerce ul.products::after, .woocommerce ul.products::before {
	display: none;
}


.woocommerce ul.products li.product {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	float: none;
	width: auto;
	border: 8px solid #fcfcfc;
	padding: 10px;
	border-radius: 5px;
}

.woocommerce ul.products li.product a.woocommerce-loop-product__link {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}


.woocommerce ul.products li.product a img {
	max-width: 200px;
	height: 200px;
	object-fit: scale-down;
	margin: 0 auto;
	display: block;
}

.woocommerce div.product div.images img {
    display: block;
    width: 100%;
	max-width: 100%;
    height: auto;
    box-shadow: none;
    object-fit: scale-down;
    aspect-ratio: 1/1;
	
}

.woocommerce button.button.alt,
.woocommerce button.button.alt.disabled,
.woocommerce a.button,
a.wc-block-cart__submit-button
{
	background: var(--color-pink);
	color: #fff;
	font-weight: normal;
	font-size: 18px;
}

.woocommerce button.button.alt:hover,
.woocommerce a.button:hover,
a.wc-block-cart__submit-button:hover {
	background: var(--color-cyan);
	color: #fff;
}
.woocommerce button.button.alt.disabled:hover {
	background: #888;;
	color: #fff;
}

.product_description {
	margin-bottom: 20px;
}

.woocommerce table tbody>tr:nth-child(odd)>td, 
.woocommerce table tbody>tr:nth-child(odd)>th {
	background: none;
}
.woocommerce p.price,
.woocommerce div.product p.price,
.woocommerce div.product .stock {
	font-weight: bold;
	color: var(--color-pink);
}

.woocommerce ul.products li.product .price {
	color: var(--color-cyan);
}

.product_title {
	font-size: 2rem !important;
}

.woocommerce-message {
	border-top-color: var(--color-pink);
}
.woocommerce h2.woocommerce-loop-category__title mark {
	display: none;
    background: transparent;
}

.elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter] {
	right: -15px !important;
	top: 2px !important;
}

.elementor-menu-cart__toggle_button {
	background: transparent !important;
	padding-top: 2px !important;
}

.elementor-menu-cart__toggle .elementor-button svg {
	fill: #fff;
}
.elementor-menu-cart__toggle .elementor-button:hover svg {
	fill: var(--color-cyan);
}

@media (min-width: 768px) and (max-width: 1024px) {

	.elementor-menu-cart__toggle .elementor-button svg {
		fill: var(--color-pink);
	}
	.elementor-menu-cart__toggle .elementor-button:hover svg {
		fill: var(--color-cyan)
	}

}

.search-form .search-submit {
	background: transparent;
}