/* Hides the Jetpack/WordPress.com Reblog button completely */
.wpl-button.reblog {
	display: none !important;
}

/* Hides the persistent WordPress Action/Subscribe bar */
#actionbar, 
.jetpack-subscribe-widget, 
.wp-block-jetpack-subscriptions {
	display: none !important;
}

/* NAV BAR / HEADER */
/* makes the nav bar sticky and positioned at the top */
.header-group {
	position: sticky;
	top: 0 !important;
	z-index: 9999;
	box-shadow: 0 3px 5px rgba(0,0,0,0.25) !important;
}

/* changes bg color of li item on hover */
.nav_item:hover, .nav_sub_item:hover {
	background-color: #B1D9F0;
}

/* padding for items in main menu */
.nav_item {
	padding: 10px !important;
}

/* font size and padding for sub menu items */
.nav_sub_item {
	font-size: 22px !important;
	padding: 1% 0 !important;
}

/* formatting for sub menu section */
ul.wp-block-navigation__submenu-container {
	border: 2px solid #c4e6fa;
	box-shadow: 0 5px 7px rgba(0,0,0,0.3) !important;
	margin: 0;
	padding: 0 !important;
}

/* width of sub menu for childrens pg */
.nav_children {
	width: 210px !important;
}

/* width of sub menu for toddler pg */
.nav_toddler {
	width: 245px !important;
}

/* 1. Target the search container to center it vertically */
.nav-search-bar {
	display: flex !important;
	align-items: center !important;
/* Forces the search block to stay dead-center vertically */
}

/* 2. Target the actual input field inside the search block */
.nav-search-bar input[type="search"],
.nav-search-bar .wp-block-search__input {
	height: auto !important;
/* Removes the fixed height that is breaking the layout */
	padding-top: 6px !important;
/* Control the thickness/height using small padding */
	padding-bottom: 6px !important;
}

/* --- SEARCHBAR 	MOBILE SPECIFIC FIX --- */
@media (max-width: 767px) {
	/* Pushes the entire search container away from the elements above/below it */
	.nav-search-bar {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
		width: 100% !important;
	/* Forces it to span nicely on mobile widths */
	}
	
	/* Optional: Ensures the text inside the input has enough room on mobile */
	.nav-search-bar .wp-block-search__input {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

/* COVER IMGS (IN GRID) */
/* normal shadow */
.wp-block-post-featured-image {
	box-shadow: 0 3px 7px rgba(0,0,0,0) !important;
}

/* hover */
.wp-block-post-featured-image:hover {
	box-shadow: 0 0 8px rgba(0,0,0,0.2) !important;
}

/* click */
.wp-block-post-featured-image:active {
	box-shadow: 0 2px 5px rgba(0,0,0,0.25) !important;
}

/* HEADING 1 */
.my_h1 {
	font-family: "nunito";
	font-size: 65px !important;
	font-weight: 50px;
	text-shadow: 0 2px 2px rgba(0,0,0,0.3);
}

/* BUTTONS */
.wp-block-button__link {
	box-shadow: 0 2px 10px #rgba(0,0,0,0.3);
}

.wp-block-button__link:hover {
	background-color: #2F61B1;
	color: #C4E6FA;
	border-color: #C4E6FA;
	box-shadow: 0 2px 7px rgba(0,0,0,0.25);
}

.wp-block-button__link:active {
	background-color: #2F61B1;
	color: #C4E6FA;
	border-color: #C4E6FA;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}

/* class that adds shadow to text */
.text_shadow {
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.text_shadow_title {
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.no_shadow {
	box-shadow: none !important;
	text-shadow: none;
}

.no_shadow:hover {
	box-shadow: none !important;
}

/* class that gives an image a shadow */
.img_shadow {
	box-shadow: 0 5px 10px rgba(0,0,0,0.3) !important;
}

/* removes underline from pg links */
a.customize-unpreviewable {
	text-decoration: none !important;
}

.category_img {
	transition: transform .2s ease;
}

.category_img:hover {
	transform: scale(1.05);
}

.heading_text {
	font-size: 400% !important;
}

/* formatting so that there is different padding on desktop and mobile versions*/
@media (max-width: 768px) {
	ul.wp-block-navigation__submenu-container {
		box-shadow: none !important;
		padding-left: 5% !important;
	}
	
	a.wp-block-navigation-item__content {
		padding-top: 5% !important;
	}
	
	.heading_text {
		font-size: 10vw !important;
	}
	
	.button_text {
		font-size: 3vw !important;
	}
}

.space_bar {
	color: #2f61b1 !important;
}

.block_shadow {
	box-shadow: 0 3px 6px rgba(0,0,0,0.3) !important;
}

.slideshow {
	width: 1500px;
	height: auto;
}

/* Apply margins only on desktop screens */
@media (min-width: 768px) {
	.desktop-margin-only {
		padding-left: 10%;
		padding-right: 10%;
	}
}

/*  mobile screens, formatting */
@media (max-width: 767px) {
	.nav_item {
		padding: 0;
		margin: 0;
	}
	
	/*mobile formatting for collections headings */
	.responsive-h2 {
		font-size: 30px !important;
		text-align: center !important;
		padding-top: 2% !important;
		padding-bottom: 5% !important;
		line-height: 1.2 !important;
	}
	
	/* no padding */
	.desktop-margin-only {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	/* shrink jewel images */
	.category_img {
		height: auto !important;
		width: 200px !important;
		display: block !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	/* edit team description text */
	.teamText {
		font-size: 18px !important;
	}
	
	h2 {
		text-align: center !important;
	}
	
	.heading_text_book {
		font-size: 32px !important;
	}
	
	/* FIX HOME PAGE TITLE ON MOBILE */
	.home_title_text {
		font-size: 30px !important;
	}
	
	/*
		.home_title_img {
			width: 50px !important;
			height: auto !important;
			min-width: 10px !important;
		}*/
	.home_title_img,
	    .home_title_img img {
		width: 45px !important;
		max-width: 45px !important;
	/* CHANGE THIS ONE TO CHANGE */
		min-width: 10px !important;
		height: auto !important;
	}
	
	.title-row {
		flex-wrap: nowrap !important;
	/* This strictly forbids the elements from stacking vertically */
		display: flex !important;
		flex-direction: row !important;
	/* Forces it to stay a horizontal line */
		flex-wrap: nowrap !important;
		justify-content: center !important;
	}
}

/* Balances the spacing inside the Media & Text block */
.balanced-media-text .wp-block-media-text__content {
	padding: 2rem !important;
/* Forces equal, clean breathing room around the text */
}

/* Optional: Ensures the image fills its container  without stretching */
.balanced-media-text .wp-block-media-text__media img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

h2 {
	color: #3a5e98 !important;
	line-height: 1.2 !important;
	text-shadow: none !important;
}