/*Landing page-hero text */
/* Override inline style for all devices first */
/* Override inline style for all devices first */
.wp-block-coblocks-hero .wp-block-coblocks-hero__content {
	max-width: 820px !important;
/* Reset base width (optional) */
	margin: 0 auto !important;
}

/* Tablet (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
	.wp-block-coblocks-hero .wp-block-coblocks-hero__content {
		max-width: 650px !important;
	}
}

/* Mobile (up to 767px) */
@media (max-width: 767px) {
	.wp-block-coblocks-hero .wp-block-coblocks-hero__content {
		max-width: 340px !important;
	}
	
	/* Adjust paragraph text for mobile */
	.wp-block-coblocks-hero__content p {
		font-size: 14px !important;
		line-height: 1.5 !important;
	}
	
	/*Responsive Spacer Adjustments*/
	/* Tablet (768px - 1024px) */
	@media (max-width: 1024px) {
	.wp-block-spacer {
		height: 50px !important;
	/* Smaller gap */
	}
}

/* Mobile (up to 767px) */
@media (max-width: 767px) {
	.wp-block-spacer {
		height: 40px !important;
	/* Minimal gap 20px */
	}
}

/*concert page*/
.page-id-309 .wp-block-columns {
	margin: 0;
}

/* ===== Concerts page (page-id-309) – Mailchimp only ===== */
/* 1) Make the button wrapper full width (overrides inline width:10%) */
.page-id-309 .wp-block-jetpack-mailchimp .wp-block-jetpack-button.wp-block-button {
	width: 100% !important;
}

/* 1) Make the actual button full width */
.page-id-309 .wp-block-jetpack-mailchimp #mailchimp-button-block-1 {
	width: 100% !important;
	display: block !important;
}

/* 2) Match button text size to your other buttons */
.page-id-309 .wp-block-jetpack-mailchimp #mailchimp-button-block-1 {
	font-size: 13px !important;
/* change to 14px if needed */
}

/* 3) Make consent text smaller */
.page-id-309 .wp-block-jetpack-mailchimp #wp-block-jetpack-mailchimp_consent-text {
	font-size: 12px !important;
/* try 9px / 11px */
	line-height: 1.35 !important;
	opacity: .7;
}

/* Concerts page only – make consent text full width & left aligned */
.page-id-309 #wp-block-jetpack-mailchimp_consent-text {
	text-align: left !important;
	width: 100% !important;
}

/* ===== Concerts page (page-id-309) – Mailchimp only ===== */
/* 1) Make the button wrapper full width (overrides inline width:10%) */
.page-id-309 .wp-block-jetpack-mailchimp .wp-block-jetpack-button.wp-block-button {
	width: 100% !important;
}

/*hide Comments on photos*/
textarea#jp-carousel-comment-form-comment-field {
	display: none;
}

.jp-carousel-buttons {
	display: none;
}

.jp-carousel-image-meta {
	display: none !important;
}

.jp-carousel-photo-caption {
	display: none !important;
}

/*read more button_ mobile*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	a.button {
		display: none;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	a.button {
		font-size: 80%;
	}
}

/*Test Page*/
#main #post-2790 .entry-header {
	display: none;
}

/* Remove top page padding on page 2790 hc-24237394 */
@media only screen and (min-width: 64.063em) {
	.page-id-2790 #content-wrapper {
		padding: 0;
	}
}

/* titles hide*/
#post-1302 .entry-header {
	display: none;
}	
}

.page-id-309 .entry-header {
	display: none;
}

.page-id-792 .entry-header {
	display: none;
}

.page-id-2269 .entry-header {
	display: none;
}

.page-id-116 .entry-header {
	display: none;
}

.page-id-2628 .page-title {
	display: none;
}

.page-id-5210 .entry-header {
	display: none;
}

.page-id-5210 #content-wrapper {
	padding-top: 20px !important;
}

/* Remove top page padding on slide-3 */
/* Forcefully override the inline padding on all devices */
#skrollr-body[style] {
	padding-top: 0 !important;
}

/* If the issue persists, target the slide container */
#slide-3 {
	margin-top: -40.8906px !important;
}

/*tesxt shadow*/
#single-titles, #page-section, .hsContent {
	text-shadow: none;
}

/* Full Width block | 24237394-hc */
.alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
	width: auto;
}

/*********************************/
#masthead {
	background-color: rgba(2,2,2,1);
	position: fixed;
}

#footer-nav-wrapper {
	background-color: rgba(2,2,2,1);
}

/*Hide portfolio margins*/
.portfolio-projects .jetpack-portfolio {
	background: none;
	padding: px;
}

.more-projects {
	content: "Portfolio";
	font-size: 0 !important;
}

.post-type-archive-jetpack-portfolio .page-title {
	font-size: 0 !important;
}

.more-projects:before {
	content: "More News";
	font-size: 12px !important;
}

/*slide 3*/
#slide-3 .entry-header {
	display: none;
}

#slide-3 .border-bottom {
	display: none;
}

#slide-3 a {
	color: #4c4c4c;
}

.wp-block-jetpack-slideshow {
	max-width: 500px;
}

/* titles hide*/
#post-1302 h1.entry-title {
	display: none;
}

/*********************************/
/* slide 3 mailchimp*/
.wp-block-jetpack-mailchimp {
	text-align: center;
}

#slide-3 p#wp-block-jetpack-mailchimp_consent-text {
	color: #4c4c4c;
	font-size: 75%;
}

#slide-3 button#mailchimp-button-block-3 {
	font-size: 16px;
	line-height: 20px;
	border-color: #4c4c4c;
	background-color: #1a1a1ad9;
}

#slide-3 input {
	background-color: #4c4c4c00;
	border-color: #4c4c4c;
	text-align: center;
}

/*Link in bio - buttons one line*/
.wp-block-buttons {
	white-space: nowrap;
	text-align: center;
}

button#mailchimp-button-block-7 {
	white-space: nowrap;
	text-align: center;
}

.page-id-4185 .hsContent {
	padding: 0;
}

.page-id-4185 #single-titles, #page-section {
	padding: 5px;
}

/* Fix for 394px columns */
.wp-block-column .bandcamp-container {
	margin: 0 auto !important;
	transform: scale(0.98);
/* Prevents clipping */
}

/* Mobile responsiveness */
@media (max-width: 800px) {
	.wp-block-column .bandcamp-container {
		padding-bottom: 150% !important;
	}
}

/* TikTok Icon - Optimized Positioning */
#menu-item-4853 a::before {
	content: "" !important;
	display: inline-block;
	width: 22px;
/* Slightly larger for visibility */
	height: 22px;
	background: url('https://marvavontheo.com/wp-content/uploads/2025/03/pngaaa-1.png') no-repeat center;
	background-size: contain;
	margin-right: 0;
	vertical-align: 2px;
/* Precise vertical alignment */
	position: relative;
}

/* Bandcamp Icon - Optimized Positioning */
#menu-item-1357 a::before {
	content: "" !important;
	display: inline-block;
	width: 22px;
/* Matches TikTok size */
	height: 22px;
	background: url('https://marvavontheo.com/wp-content/uploads/2025/03/bandcamp-seeklogo-2.png') no-repeat center;
	background-size: contain;
	margin-right: 0;
	vertical-align: 2px;
/* Matches TikTok alignment */
	position: relative;
}

/* ===== DEFAULT STATE (EXACT #abb8c3) ===== */
#menu-item-4853 a::before,  /* TikTok */
#menu-item-1357 a::before {
/* Bandcamp */
/* Original Icons */
	background: url('https://marvavontheo.com/wp-content/uploads/2025/03/pngaaa-1.png') no-repeat center / contain !important;
/* Color Adjustment */
	filter: brightness(0) invert(100%) sepia(5%) saturate(500%) hue-rotate(170deg) !important;
	opacity: 1 !important;
}

/* Bandcamp Specific */
#menu-item-1357 a::before {
	background-image: url('https://marvavontheo.com/wp-content/uploads/2025/03/bandcamp-seeklogo-2.png') !important;
}

/* ===== HOVER STATE (EXACT #2390bb) ===== */
#menu-item-4853:hover a::before,
#menu-item-1357:hover a::before {
	filter: brightness(1) invert(37%) sepia(44%) saturate(700%) hue-rotate(165deg) brightness(89%) !important;
}

/* Smooth Transition */
#menu-item-4853 a::before,
#menu-item-1357 a::before {
	transition: all .3s ease;
}