/* Akimbo + Mailchimp Signup Form - Version 1.2 */
/* -------------------------------------------- */


/* Mailchimp Overrides */

#mc_embed_signup .mc-field-group.input-group ul {
	padding: 0;
}

#mc_embed_signup .mc-field-group.input-group ul li {
	padding: 0;
}



/* Signup Form - Basics + Mailchimp Adjustments */

.akimbo-signup {
	margin-bottom: 4rem;
}

.akimbo-signup #mc_embed_signup {
	font-size: 1rem;
}

.akimbo-signup #mc_embed_signup legend {
	width: auto;
	margin-bottom: 0.25rem;
	font-size: inherit;
}

.akimbo-signup #mc_embed_signup input {
	text-indent: 0;
	padding: 0.5rem 1rem;
	border: 2px solid #ddd;
}

.akimbo-signup #mc_embed_signup input[type="radio"] {
	margin-right: 0.5rem;
}

.akimbo-signup #mc_embed_signup input[type="checkbox"] {
	margin-right: 0.5rem;
}

.akimbo-signup #mc_embed_signup .button {
	margin: 0;
	height: auto;
	border: none;
	border-radius: 0.5rem;
	padding: 0.7rem 1.5rem 0.9rem;
	background-color: #2a2a2a;
	font-size: 1.125rem;
	line-height: 1;
	transition: all 0.1s ease-in-out 0s;
}

.akimbo-signup #mc_embed_signup .button:hover {
	color: #fff;
	background-color: #f36f22;
}

.akimbo-signup #mc_embed_signup .mc-field-group {
	min-height: 0; /* Remove minimum height */
	padding-bottom: 1rem;
}

.akimbo-signup #mc_embed_signup .mc-field-group label {
	margin-bottom: 0.25rem;
}

.akimbo-signup #mc_embed_signup .indicates-required {
	font-size: 0.875rem !important;
}

.akimbo-signup #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
	margin: 0.5rem 0 0 0;
	padding: 0;
}

#mc_embed_signup div#mce-responses {
	float: none;
	clear: none;
	overflow: visible;
	width: auto;
	margin: 0;
	padding: 0;
	position: relative;
	top: auto;
}

#mc_embed_signup div.response {
	float: none;
	width: auto;
	margin: 0 0 1.5rem 0;
	padding: 0.7rem 1.5rem 0.9rem;
	position: relative;
	top: auto;
	z-index: auto;
}

#mc_embed_signup #mce-error-response {
	border: 2px solid #f5b8ab;
	color: #cc3629;
	background-color: #fcded7;
}

#mc_embed_signup #mce-success-response {
	border: 2px solid #b9dea6;
	color: #146614;
	background-color: #e2f7d2;
}



/* Signup Form - Customizations */

.akimbo-signup #mc_embed_signup .subscription-type {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.akimbo-signup #mc_embed_signup .custom-notes {
	flex: 1 1 100%;
	font-size: 0.875rem;
}

.akimbo-signup #mc_embed_signup .custom-notes ul {
	list-style-type: disc;
	padding-left: 1rem;
	position: static;
}

.akimbo-signup #mc_embed_signup .custom-notes ul li {
    display: list-item; /* Required to override Mailchimp list styling */
    margin: 0;
    padding: 0;
}

.akimbo-signup #mc_embed_signup li::before {
	content: normal;
	position: static;
	top: auto;
	left: auto;
}

/* Subscription Categories */
.akimbo-signup #mc_embed_signup .category-group {
	flex: 1 1 12.5rem;
	/*max-width: 20rem;*/
	padding: 0.5rem 1rem 0.75rem 1rem;
	margin: 0;
	border: 2px solid #eee;
	background: #fcfcfc;
}

.akimbo-signup #mc_embed_signup .toggle-group {
	margin-bottom: 0.5rem;
	border: 1px solid #6c757d;
	border-radius: 4px;
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1;
	background-color: #eee;
	transition: all 0.1s ease-in-out 0s;
}

.akimbo-signup #mc_embed_signup .toggle-group:hover {
	border-color: #2a2a2a !important;
	background-color: #2a2a2a !important;
	color: #fff;
}

.akimbo-signup #mc_embed_signup .category-group ul {
	margin-left: 0;
}

.akimbo-signup #mc_embed_signup .category-group ul li {
	margin-bottom: 0.25rem;
}

.akimbo-signup #mc_embed_signup .category-group .category-notes {
	margin-bottom: 0.5rem;
	font-size: 0.875rem;
}

/* Custom Subscription - Basic Show/Hide */
/*.akimbo-signup #mc_embed_signup #custom-subscription-section {
	display: none;
}

.akimbo-signup #mc_embed_signup #custom-subscription-section.visible {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	padding-left: 1.625rem;
}*/

/* Custom Subscription - Animated Show/Hide */
.akimbo-signup #mc_embed_signup #custom-subscription-section {
	visibility: hidden;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, opacity 0.3s ease, visibility 0.3s;
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	padding-bottom: 0;
	padding-left: 1.5rem;
}

.akimbo-signup #mc_embed_signup #custom-subscription-section.visible {
	visibility: visible;
	max-height: 3000px; /* Large enough max height for content */
	opacity: 1;
	padding-bottom: 1rem;
}

/* Subscription Notes */
.akimbo-signup #mc_embed_signup .subscription-notes {
	margin-bottom: 1.5rem;
	font-size: 1rem;
}
