/*
Custom JS file for handling mailchimp related functionalities
*/
.modal-dialog {
	margin-top: 11% !important;
}

@media (max-width: 767px) {
	.modal-dialog {
		margin-top: 40% !important;
		/* Adjust this value as needed */
	}
	.last-row-xa100 {
		display: flex;
    	flex-direction: column-reverse;
	}
}

@media (max-width: 991px) {
	[id*="ge-mailchimp"] {
		width: 98% !important;
	}	
	.zipcode-voices #ge-mailchimp-postal {
		margin-top: 15px;
		margin-left: unset !important;
	}
}

.zipcode-voices {
	display: inline-block;
}

.zipcode-voices #ge-mailchimp-zip {
	width: 165px;
}

.zipcode-voices #ge-mailchimp-postal {
	width: 185px;
	margin-left: 5px;
}

.modal-open {
	overflow: hidden;
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}

.modal-backdrop {
	--bs-backdrop-bg: unset !important;
}

.modal-header {
	background: #00003D;
	color: #fff;
}

.modal-content {
	background-color: #F5F5F5;
}

.modal-body {
	background-color: #F5F5F5;
}

.model-title {
	padding-left: 10px;
}

.h-3 {
	font-size: 1.5rem !important;
	padding-left: 10px;
}

main.gevoices [id*="ge-mailchimp"],
main.xa100 [id*="ge-mailchimp"],
.node-type--t901 [id*="ge-mailchimp"] {
    width: 360px;
    height: 56px;
    padding-left: 15px;
    background: #00003D0D;
    border: 0;
}

#ge-employees-sso {
	background: #00003D0D;
	border: 0;
}

.modal-updates-text {
	padding-left: 10px;
}

.modal-radio label {
	display: inline-flex;
	padding-right: 53px;
}

.custom_radio {
	padding-left: 10px;
}

.modal-footer {
	border-top: unset !important;
	background-color: #F5F5F5 !important;
	justify-content: center !important;
}

.alert-danger {
	color: #fff;
	font-style: italic;
	margin-left: 5px;
	margin-top: 10px;
	background-color: #DE371580;
	padding:10px;
 	width: 90%;
	border-radius: 4px;
}

.alert-success {
	color: #fff;
	font-style: italic;
	margin-left: 5px;
	margin-top: 10px;
	background-color: #08AB3F80;
	padding:10px;
 	width: 90%;
	border-radius: 4px;
}