/**
 * Newsletter/Download Block Styles
 *
 * @package made-to-thrive-2026-base
 * @since 1.0.0
 */

/* Container */
.newsletter-download {
	width: 100%;
	position: relative;
	padding: 7px 0 70px;
}

.newsletter-download-container {
	max-width: 1068px;
	margin: 0 auto;
	position: relative;
	background-image: url('../../assets/images/eggshell.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border: 3px solid #4C4C3B;
	border-radius: 12px;
	padding: 51px 90px 0;
	background-color: #f8f2df;
}

/* Content Wrapper */
.newsletter-download-content {
	display: flex;
	position: relative;
	justify-content: space-between;
}

/* Left Column */
.newsletter-download-left {
	width: 654px;
	min-width: 0;
	z-index: 2;
}

/* Title */
.newsletter-download-title {
	color: #4C4C3B;
	font-size: 35px;
	font-weight: 100;
	line-height: 41px;
	margin: 0 0 10px;
	text-align: left;
}

/* Subtitle */
.newsletter-download-subtitle {
	color: #4C4C3B;
	font-size: 16px;
	line-height: 21px;
	margin: 0;
	opacity: 1;
}

/* Form Container */
.newsletter-download-form {
	margin-top: 32px;
}

/* Style form inputs to match design */
.newsletter-download-form input[type="text"],
.newsletter-download-form input[type="email"],
.newsletter-download-form input[type="tel"],
.newsletter-download-form input[type="url"],
.newsletter-download-form textarea,
.newsletter-download-form select {
	border: 2px solid #4C4C3B;
	border-radius: 12px;
	padding: 8px 9px;
	font-size: 16px;
	background-color: #F7F2EB;
	width: 100%;
	max-width: 100%;
	margin-bottom: 15px;
	transition: border-color 0.2s ease, outline 0.2s ease;
	text-align: center;
	color: #4C4C3B;
	font-family: 'p22-mackinac-pro';
}
.newsletter-download-form input::placeholder{
	color: #4C4C3B;
	opacity:1;
}
.newsletter-download-form input[type="email"] {
	width: 225px;
}
.newsletter-download-form fieldset {
	border:none;
	padding: 0;
}
.newsletter-download-form fieldset .wpforms-field-row {
	display:flex;
	gap: 25px;
	width: 94%;
}
.wpforms-field-container {
	display:flex;
	gap: 0;
}
#wpforms-form-3437 .wpforms-field-container {
	flex-wrap:wrap;
}

.how-to-form {
	background-image: url('../../assets/images/large-eggshell.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 59px 0;
}
.how-to-form form {
	    max-width: 664px;
	    margin: 0 auto;
	    border: 2px solid #4C4C3B;
	    border-radius: 12px;
	    padding: 10px;
	    background: #F8F2DF;
	    font-size: 16px;
	    line-height: 30px;
	    text-align: center;
	    padding: 10px 62px 42px;
}

.how-to-form .wpforms-field-container {
	display: inline;
}

.how-to-form .wpforms-field-container p {
	display: inline;
	margin: 0;
	padding: 0;
}

.how-to-form .wpforms-form-content {
	display: block;
}

.how-to-form .wpforms-form-content p {
	display: inline;
	margin: 0;
	padding: 0;
}

.how-to-form .wpforms-form-content br {
	display: block;
	content: "";
	margin: 0.5em 0;
}
.how-to-form select {
		border:2px solid #4C4C3B;
		border-radius:12px;
		background:#F7F2EB;
		font-size:16px;
		margin: 0 5px;
		padding:2px 5px;
		height:30px;
		font-family: 'p22-mackinac-pro';
		display: inline-block;
		vertical-align: middle;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		box-sizing: border-box;
		line-height: 1.5;
}

/* Safari-specific select fixes */
@supports (-webkit-appearance: none) {
	.how-to-form select {
		-webkit-appearance: none;
		background-image: none;
		background-repeat: no-repeat;
		background-position: right center;
		padding-right: 25px;
	}
	
	.how-to-form select::-webkit-inner-spin-button,
	.how-to-form select::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}
	
	.how-to-form select::-ms-expand {
		display: none;
	}
}
.how-to-form form button {
	padding: 6px 10px 4px;
}
.how-to-form .wpforms-field {
	display: inline;
	margin: 0;
	padding: 0;
}
#wpforms-3437-field_4-container{
	    display: block;
	    margin: 15px 0;
}
#wpforms-3437-field_9-container{
	  display: block;
	    margin: 15px 0;
}
.how-to-form .wpforms-submit-container {
	margin:30px 0 0;
}

.how-to-form .wpforms-field-label {
	display: inline;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.how-to-form .wpforms-field-label label {
	display: inline;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.how-to-form .wpforms-field-description {
	display: inline;
	margin: 0;
	padding: 0;
}

.how-to-form .wpforms-field-description p {
	display: inline;
	margin: 0;
	padding: 0;
}
.how-to-form .wpforms-title {
	color: #C1B488;
	text-align: center;
	font-family: 'Article Century';
	text-transform: uppercase;
	font-size: 26px;
	margin: 40px 0 0;
}
.how-to-form .wpforms-description {
	color:#4C4C3B;
	font-size:35px;
	text-align:center;
	line-height:41px;
	font-family: 'Sunrider';
	font-weight: 100;
	margin: 19px 0 41px;
}
.newsletter-download-form legend, .newsletter-download-form label {
	font-size:0;
	height:0px;
	display: block;
}
.pum-theme-2360 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
	    color: #4C4C3B!important;
	    font-size: 35px!important;
	    font-family: 'Sunrider'!important;
	    font-weight: 100!important;
	    top:20px!important;
	    right: 16px!important;
}
.newsletter-download-form input[type="text"]:focus,
.newsletter-download-form input[type="email"]:focus,
.newsletter-download-form input[type="tel"]:focus,
.newsletter-download-form input[type="url"]:focus,
.newsletter-download-form textarea:focus,
.newsletter-download-form select:focus {
	outline: none;
	border-color: #6B6B5A;
	box-shadow: 0 0 0 3px rgba(76, 76, 59, 0.1);
}

/* Form button styling */
.newsletter-download-form input[type="submit"],
.newsletter-download-form button[type="submit"],
.newsletter-download-form .wp-block-button__link {
	background-color: #BF9E74;
	border-radius: 12px;
	padding: 9px 16px 9px;
	font-size: 15px;
	font-weight: 100;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
	width: 100%;
	display: block;
	text-align: center;
	border: 2px solid #4C4C3B;
	color: #4C4C3B;
	width: fit-content;
	margin: 2px auto;
}

.newsletter-download-form input[type="submit"]:hover,
.newsletter-download-form button[type="submit"]:hover,
.newsletter-download-form .wp-block-button__link:hover {
	transform: translateY(-2px);
}

.newsletter-download-form input[type="submit"]:focus,
.newsletter-download-form button[type="submit"]:focus,
.newsletter-download-form .wp-block-button__link:focus {
	outline: 3px solid #4C4C3B;
	outline-offset: 2px;
}

.newsletter-download-form input[type="submit"]:active,
.newsletter-download-form button[type="submit"]:active,
.newsletter-download-form .wp-block-button__link:active {
	transform: translateY(1px);
}

/* Right Column - Image that extends outside */
.newsletter-download-right {
	flex: 0 0 auto;
	position: relative;
	z-index: 1;
}
.pum-content .newsletter-download-image {
	margin: -92px -62px -119px 32px;
}
.pum-content .newsletter-download-container {
	padding: 35px 90px 25px;
}
.newsletter-download-image {
	display: block;
	width: 306px;
	height: 553px;
	margin-right: 0;
	position: relative;
	z-index: 1;
	object-fit: contain;
	margin: -175px -62px -119px 32px;
}
@media (max-width:1280px) {
	.pum-content .newsletter-download-container {
		padding: 35px 0px 25px;
	}
	.pum-content .newsletter-download-form fieldset .wpforms-field-row {
		gap:10px;
	}
	.pum-content .newsletter-download-form input[type="text"], .newsletter-download-form input[type="email"], .newsletter-download-form input[type="tel"], .newsletter-download-form input[type="url"], .newsletter-download-form textarea, .newsletter-download-form select {
		min-width:150px;
	}
	.pum-content .wpforms-field-container {
		flex-wrap:wrap;
	}
	.pum-content .newsletter-download-left {
		padding-left:20px;
	}
	.pum-content .newsletter-download-image {
	    margin: -92px -62px -119px 0px;
	}
}
/* Responsive Design - Tablet */
@media (max-width: 1080px) {
	.newsletter-download {
		padding: 50px 20px;
	}
	.newsletter-download-container {
		max-width:95%;
		padding: 30px 40px 0;
	}

	.newsletter-download-content {
		gap: 30px;
	}

	.newsletter-download-title {
		font-size: 30px;
		line-height: 1.2;
	}

	.newsletter-download-image {
		margin-right: -40px;
		max-width: 300px;
		margin: -162px -62px -119px 32px;
	}
	.newsletter-download-form fieldset .wpforms-field-row {
	    gap: 10px;
	    width: 97%;
	}
}
@media (max-width: 900px) {
	    .newsletter-download-container {
        max-width: 95%;
        padding: 30px 10px 0;
    }
	    .newsletter-download-image {
        margin-right: -40px;
        max-width: 200px;
        margin: -162px -2px -119px 2px;
    }
}

/* Responsive Design - Mobile */
@media (max-width: 768px) {
	.newsletter-download {
		padding: 40px 15px;
	}

	.newsletter-download-container {
		padding: 30px 20px;
	}

	.newsletter-download-content {
		flex-direction: column;
		gap: 30px;
	}

	.newsletter-download-left {
		width: 100%;
	}

	.newsletter-download-title {
		font-size: 25px;
		text-align: left;
		width: 63%;
	}

	.newsletter-download-subtitle {
		font-size: 16px;
		text-align: left;
		max-width: 300px;
		margin: 40px 0 61px;
	}
	.pum-content     .newsletter-download-subtitle {
        font-size: 16px;
        text-align: center;;
        max-width: 300px;
        margin: 100px auto 1px;
    }

	.newsletter-download-right {
		width: 100%;
		display: flex;
		justify-content: center;
		position: absolute;
		top: -85px;
		right: 0;
		width: 200px;
	}

	.newsletter-download-image {
		margin-right: 0;
		max-width: 250px;
		width: 100%;
		height: auto;
		margin: 0;
	}
	.pum-content .newsletter-download-image {
        margin:0;
       
    }
	.pum-content .newsletter-download-right {
		position:absolute;
		max-width: 184px;
		top: -76px;
		right: 16px;
	}
	.pum-content .newsletter-download-form fieldset .wpforms-field-row {
	width:100%;
	padding:0;}
	.pum-theme-2360 .pum-container, .pum-theme-default-theme .pum-container {
max-width:500px!important;}
	.pum-theme-2360 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
		top: 51px!important;
		right: 29px!important;
	}
	.pum-content .newsletter-download-form input[type="email"] {
    width: 100%!important;
		min-width:100%;
		max-width:100%;
} 
	.pum-content .newsletter-download-form  .wpforms-field-email {
		width: 100%;
	}
	.pum-content .newsletter-download-left {
        padding-left: 0px;
    }
	.pum-content .newsletter-download-content {
		padding:0 10px;
	}
	.how-to-form form  {
		max-width:95%;
	}
}


/* Extra Small Devices */
@media (max-width: 560px) {
	.how-to-form .wpforms-title {
		font-size:20px;
		margin:0;
	}
	.how-to-form .wpforms-description {
    color: #4C4C3B;
    font-size: 25px;
    text-align: center;
    line-height: 41px;
    font-family: 'Sunrider';
    font-weight: 100;
    margin: 1px 0 20px;
}
	    .how-to-form form {
        max-width: 90%;
			padding:30px 10px;
    }
	   .how-to-form form select {
max-width:100%;}
	.newsletter-download-right {
		width:50%;
	}
	.wpforms-field-container {
		display:block;
	}
	.newsletter-download-form fieldset .wpforms-field-row {
display:block;
	margin: 0 auto;
	width:100%;}
	.newsletter-download-form input[type="email"] {
	    width: 100%;
	}
	    .pum-content .newsletter-download-subtitle {
        font-size: 16px;
        text-align: center;
        max-width: 300px;
        margin: 10px auto 1px;
    }
	.pum-theme-2360 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {border:2px solid #4C4C3B!important;font-size: 14px!important;border-radius: 50%!important;padding: 1px 0 0 0!important;width: 30px!important;height: 30px!important;top: 44px !important;right: 29px !important;}
	    .pum-content .newsletter-download-right {
        position: absolute;
        max-width: 140px;
        top: -66px;
        right: 28px;
    }
	.newsletter-download-form {
	    margin-top: 22px;
		}
	    .pum-theme-2360 .pum-container, .pum-theme-default-theme .pum-container {
        max-width: 380px !important;
    }
	.pum-content .newsletter-download-form fieldset {
	margin: 0 auto;
		text-align:center;
	width:100%;}
	.pum-content .wpforms-field {
width:100%;}
	.pum-content .newsletter-download-form fieldset .wpforms-field-row {
		display:block;
		gap:0;
		max-width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.newsletter-download {
		padding: 30px 10px;
	}

	.newsletter-download-container {
		padding: 25px 15px;
	}

	.newsletter-download-title {
		font-size: 23px;
		margin-bottom: 2px;
		width: 50%;
	}

	.newsletter-download-subtitle {
		font-size: 16px;
		margin-bottom: 0;
		margin-top: 15px;
		max-width:90%;
		text-align:center;
		margin: 31% auto 0;
		display:block;
	}

	.newsletter-download-form input[type="text"],
	.newsletter-download-form input[type="email"],
	.newsletter-download-form input[type="tel"],
	.newsletter-download-form input[type="url"],
	.newsletter-download-form textarea,
	.newsletter-download-form select {
		font-size: 16px;
		padding: 10px 14px;
	}

	.newsletter-download-form input[type="submit"],
	.newsletter-download-form button[type="submit"],
	.newsletter-download-form .wp-block-button__link {
		padding: 12px 24px;
		font-size: 14px;
	}

	.newsletter-download-image {
		max-width: 200px;
	}
}
@media (max-width:450px) {
	    .newsletter-download-subtitle {
        margin: 15% auto 0;
        display: block;
    }
}
/* High Contrast Mode Support */
@media (prefers-contrast: high) {
	.newsletter-download-container {
		border-width: 4px;
		background-image: none;
		background-color: #ffffff;
	}

	.newsletter-download-title,
	.newsletter-download-subtitle {
		color: #000000;
	}

	.newsletter-download-form input[type="text"],
	.newsletter-download-form input[type="email"],
	.newsletter-download-form input[type="tel"],
	.newsletter-download-form input[type="url"],
	.newsletter-download-form textarea,
	.newsletter-download-form select {
		border-width: 3px;
		border-color: #000000;
	}

	.newsletter-download-form input[type="submit"],
	.newsletter-download-form button[type="submit"],
	.newsletter-download-form .wp-block-button__link {
		background-color: #000000;
		color: #ffffff;
		border: 2px solid #ffffff;
	}
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
	.newsletter-download-form input[type="text"],
	.newsletter-download-form input[type="email"],
	.newsletter-download-form input[type="tel"],
	.newsletter-download-form input[type="url"],
	.newsletter-download-form textarea,
	.newsletter-download-form select,
	.newsletter-download-form input[type="submit"],
	.newsletter-download-form button[type="submit"],
	.newsletter-download-form .wp-block-button__link {
		transition: none;
	}

	.newsletter-download-form input[type="submit"]:active,
	.newsletter-download-form button[type="submit"]:active,
	.newsletter-download-form .wp-block-button__link:active {
		transform: none;
	}
}

/* Focus Indicators for Accessibility */
.newsletter-download-form input[type="text"]:focus-visible,
.newsletter-download-form input[type="email"]:focus-visible,
.newsletter-download-form input[type="tel"]:focus-visible,
.newsletter-download-form input[type="url"]:focus-visible,
.newsletter-download-form textarea:focus-visible,
.newsletter-download-form select:focus-visible {
	outline: 3px solid #4C4C3B;
	outline-offset: 2px;
}

/* Print Styles */
@media print {
	.newsletter-download {
		padding: 20px 0;
		page-break-inside: avoid;
	}

	.newsletter-download-container {
		border: 2px solid #000000;
		background-image: none;
		background-color: #ffffff;
		padding: 20px;
		page-break-inside: avoid;
	}

	.newsletter-download-title {
		font-size: 32px;
		color: #000000;
	}

	.newsletter-download-subtitle {
		color: #000000;
	}

	.newsletter-download-right {
		display: none;
	}

	.newsletter-download-form input[type="text"],
	.newsletter-download-form input[type="email"],
	.newsletter-download-form input[type="tel"],
	.newsletter-download-form input[type="url"],
	.newsletter-download-form textarea,
	.newsletter-download-form select {
		border: 1px solid #000000;
		background-color: #ffffff;
	}

	.newsletter-download-form input[type="submit"],
	.newsletter-download-form button[type="submit"],
	.newsletter-download-form .wp-block-button__link {
		background-color: #000000;
		color: #ffffff;
		border: 1px solid #000000;
	}
}

/* Support for block wrapper color classes */
.newsletter-download.has-background {
	padding: 60px 20px;
}

.newsletter-download.has-text-color .newsletter-download-title,
.newsletter-download.has-text-color .newsletter-download-subtitle {
	color: inherit;
}