/*
    This file is meant to serve as a starter for the CMS Forms Module,
    Please exercise caution in what you style and how you style it.
    As the CMS Forms Module receives updates, you may need to re-download this file to style additional features.
    You may need to use !important in some places to make sure your styles override the CMS Forms Module defaults
*/

/* global items */
div#app-root.form-wrapper.mc-form-wrapper[data-el="mc-form-wrapper"] {
    /* the entire form */
	color: #00467f;
	font-size: 1.125rem;
	background-color: #f2f4f5;
	border-radius: 4px;
	border: 1px solid #cfdae0;
}

legend.form-label.mc-group-legend {
	font-size: 1.125rem;
}

/* Submit button */
[data-el="mc-form-wrapper"] [data-el="mc-form-submit"] {
    /* submit button */
	background-color: #0076b5;
	transition: background 0.2s ease-in;
}
/* Submit button */
[data-el="mc-form-wrapper"] [data-el="mc-form-submit"]:focus, [data-el="mc-form-wrapper"] [data-el="mc-form-submit"]:hover {
    /* submit button */
	color: #00467f;
    background-color: #fff;
    outline: 2px solid #00467f;
	box-shadow: none;
}

/* Success and error messages */
[data-el="mc-form-wrapper"] [data-el="mc-form-success"] {
    /* submit success message */
}

[data-el="mc-form-wrapper"] .mc-error[data-el="element-error-text"] {
    /* submit error message */
	color: #AA4A44 !important;
	font-size: 1.125rem;
}

/* Help text */
[data-el="mc-form-wrapper"] [data-el="element-description-text"] {
    /* help text */
	color: #005cb8;
	font-size: 1.125rem;
}

[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="element-label"] {
    /* form labels */
}

[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="element-helper-wrapper"] {
    /* element helper text */
}

/* short text */
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="text-input"] {
    /* short text */
	border: 2px solid #f2f4f5;
}
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="text-input"]:focus {
    /* short text */
	border: 2px solid #00467f;
	box-shadow: none;
}

/* long text */
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="textarea"] {
    /* long text */
	border: 2px solid #f2f4f5;
}
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="textarea"]:focus {
    /* long text */
	border: 2px solid #00467f;
	box-shadow: none;
}

/* email */
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="text-input"][type="email"] {
    /* email */
}

/* checkboxes and radios */
[data-el="mc-form-wrapper"] [data-el="options-group-wrapper"] [data-el="options-group-legend"] {
    /* legends for radio, checkboxes */
}


/* checkboxes */
[data-el="mc-form-wrapper"] [data-el="options-group-wrapper"] [data-el="checkbox-group-wrapper"] {
    /* checkboxes wrapper */
}
[data-el="mc-form-wrapper"] [data-el="options-group-wrapper"] [data-el="checkbox-input"] {
    /* individual checkboxes */
	border: 1px solid #0075b4;
}
[data-el="mc-form-wrapper"] [data-el="options-group-wrapper"] [data-el="checkbox-input"]:focus {
    /* individual checkboxes */
	outline: 2px solid #00467f;
	outline-offset: 2px;
	box-shadow: none;
}
[data-el="mc-form-wrapper"] [data-el="options-group-wrapper"] [data-el="checkbox-label"] {
    /* individual checkboxes label */
}


/* radios */
[data-el="mc-form-wrapper"] [data-el="options-group-wrapper"] [data-el="radio-group-wrapper"] {
    /* radio wrapper */
}
[data-el="mc-form-wrapper"] [data-el="options-group-wrapper"] [data-el="radio-input"] {
    /* individual radio */
	border: 1px solid #0075b4;
}
[data-el="mc-form-wrapper"] [data-el="options-group-wrapper"] [data-el="radio-input"]:focus {
    /* individual radio */
	outline: 2px solid #00467f;
	outline-offset: 2px;
	box-shadow: none;
}
[data-el="mc-form-wrapper"] [data-el="options-group-wrapper"] [data-el="radio-label"] {
    /* individual radio labels */
}
[data-el="mc-form-wrapper"] .form-check-input:checked {
    background-color: #0075b4 ;
    border-color: #0075b4 ;
}

/* dropdown */
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="select-input"] {
    /* dropdown */
	border: 2px solid #f2f4f5;
}
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="select-input"]:focus {
    /* dropdown */
	border: 2px solid #00467f;
	box-shadow: none;
}


/* toggle */
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="toggle-wrapper"] {
    /* toggle wrapper */
}
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="toggle-wrapper"] .form-check-input[data-el="toggle-input"] {
    /* toggle */
	border: 1px solid #0075b4;
	--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2300467f'/%3e%3c/svg%3e");
}
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="toggle-wrapper"] .form-check-input[data-el="toggle-input"]:focus {
    /* toggle */
	--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2300467f'/%3e%3c/svg%3e");
	outline: 2px solid #00467f;
	outline-offset: 2px;
	box-shadow: none;
}
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="toggle-wrapper"] [data-el="toggle-label"] {
    /* toggle label */
}
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="toggle-wrapper"] .form-check-input[data-el="toggle-input"]:checked {
    /* toggle - checked */
	--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
	background-color: #00467f;
}

/* free text */
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="html-section"] {
    /* free text */
}

/* date, time, date/time */
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] .react-datepicker-wrapper .form-control {
    /* input field */
	border: 2px solid #f2f4f5;
}
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] .react-datepicker-wrapper .form-control:focus {
    /* input field */
	border: 2px solid #00467f;
	box-shadow: none;
}


/* file chooser */
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="file-input"] {
    /* file chooser */
	border: 2px solid #f2f4f5;
}
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="file-input"]:focus {
    /* file chooser */
	border: 2px solid #00467f;
	box-shadow: none;
}

[data-el="mc-form-wrapper"] .google-recaptcha-statement {
	margin-top: 1rem;
	color: #00467f;
	font-size: 1.125rem;
}

[data-el="mc-form-wrapper"] .google-recaptcha-statement a {
	color: #00467f;
	text-decoration: none;
	border-bottom: .0625em solid;
	transition: border-bottom .3s ease;
}
[data-el="mc-form-wrapper"] .google-recaptcha-statement a {
	color: #00467f;
	text-decoration: none;
	border-bottom: .0625em solid;
	transition: border-bottom .3s ease;
}
[data-el="mc-form-wrapper"] .google-recaptcha-statement a:hover {
	border-bottom-width: .25em;
}
[data-el="mc-form-wrapper"] .google-recaptcha-statement a:hover {
	outline-color: #00467f;
}