/* BEGIN: FAQ ADJUSTMENTS - 2019, to ensure images & text repaint appropriately */
a.faqButton {
	font-size: 1%;
}
.faqButton > span.FAQ {
	display: inline-block;
	font-size: 10000%;
	margin-right: 10px;
}
.faqButton > span.FAQ > img {
	position: static !important;
}
.faqButton > span.faqLinkText {
	color: inherit;
	font-size: 10000%;
}
/* END: FAQ ADJUSTMENTS - 2019 */
/* BEGIN: NEWEST MODAL WINDOWS */
/* TODO:
		final cleanup work - makes sure remove all older pieces to ensure newest is not being impacted by any of the previous iterations
*/
/*
* Close button focus ring — circular
* Replaces the default rectangular browser outline with a circle
* that matches the round shape of the SVG close icon.
* The outline-offset pushes the ring slightly outside the button boundary.
*/
div.modal-header {
	border-bottom: none;
}
div.modal-header .close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem; /* match or slightly exceed your SVG size (20px) */
	height: 2rem;
	padding: 0;
	margin: .5rem 1rem;
	background: transparent;
	border: none;
	border-radius: 50%; /* makes the focus ring circular */
	cursor: pointer;
	line-height: 1;
  opacity: 1;
}
div.modal-header .close:focus,
div.modal-footer button.focusOverrides:focus {
  outline: 2px solid black;
  outline-offset: 2px;
}
div.modal-footer {
	border-top: none;
	background-color: #EEECEB;
}
/* BEGIN: Privacy Opt Out Specific items */
/* There are lot's of words in this modal window - we want to let it be a bit wider on larger screens */
@media (min-width: 768px) {
	.modal-dialog {
			max-width: 650px;
	}
}
#gpcsvMessage {
	color: #CF2A36;
}
.optOutmodalIcon {
	height: 1.25rem;
	position: relative;
	top: .125rem;
	width: 1.25rem;
}
.optOutErrorIconRed {
	height: 1rem;
	vertical-align: middle;
	width: .75rem;
}
/* END: Privacy Opt Out Specific items */
/* BEGIN: Opt Out Success/Fail Specific Items */
.sr-message {
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.message_text {
	color: #000000; 
}
.messageBox {
	display: flex;
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
	box-sizing: border-box;
	font-family: Circular, Helvetica, Arial, sans-serif;
	margin-bottom: 1rem;
	position: relative;
	border-radius: 0.25rem;
	gap: 0.75rem;
	padding: 1rem 1rem 1.375rem;
}
.successMessage {
	background-color: #f2fff4;
	border-width: 0.25rem 1px 1px;
	border-style: solid;
	border-color: #007d1e;
	border-image: initial;
	border-top: 0.25rem solid #007d1e; 
  
}
.errorMessage {
	background-color: #ffe9ea;
	border-width: 0.25rem 1px 1px;
	border-style: solid;
	border-color: #cf2a36;
	border-image: initial;
	border: 1px solid #cf2a36;
	border-top: .25rem solid #cf2a36; 
  
}
/* END: Opt Out Success/Fail Specific Items */
/* END:  NEWEST MODAL WINDOWS */