/* Site notification styling */

/* Admin Side */
.wrap {
	max-width: 800px;
	margin: 0 auto;
}

.toplevel_page_fgwp-notify-site .radio-label span {
	padding: 0.5rem;
	display: inline-block;
	border-radius: 3px;
	margin-bottom: 5px;
	width: 5rem;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
}

/* Stylized checkbox toggle */
.fgwp-field {
	margin-bottom: 0.625rem;
}

.fgwp-field__toggle {
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.fgwp-field__toggle input[type="checkbox"]:focus {
	outline: 0;
}

.fgwp-input__container {
	position: relative;
}

.fgwp-field__toggle input[type="checkbox"]:checked {
	background: #3e7da6;
	border-color: transparent;
}

.fgwp-field__toggle input[type="checkbox"]:focus,
.fgwp-field__toggle input[type="checkbox"]:hover {
	border: 1px solid #3985b7;
	box-shadow:
		0 0.125rem 0.0675rem rgba(28, 31, 63, 0.0634624),
		0 0 0 2px #bed8ed;
	color: #242748;
}

.fgwp-field__toggle input[type="checkbox"]:not(:disabled) {
	opacity: 0 !important;
	position: absolute;
	z-index: 3;
}

.fgwp-field input[type="checkbox"] {
	background: #fff;
	border: 1px solid #9092b2;
	border-radius: 3px;
	height: 1.375rem;
	margin: 0 0.75rem 0 0;
	transition:
		box-shadow 0.15s ease,
		background-color 0.15s ease;
	width: 1.375rem;
}

.fgwp-field input[type="checkbox"]::before {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 0.75rem;
	content: "";
	display: block;
	height: 100%;
	margin: 0;
	width: 100%;
}

.fgwp-field__toggle-container {
	background: #9092b2;
	border: 2px solid transparent;
	border-radius: 15px;
	box-shadow: inset 0 1px 2px rgba(90, 97, 105, 0.15);
	cursor: pointer;
	display: inline-block;
	height: 1.125rem;
	margin-right: 0.5rem;
	padding: 0.1275rem;
	position: relative;
	transition: all 0.25s ease;
	transition-duration: 0.2s;
	transition-property: background-color, border-color, color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.1, 1);
	width: 2.625rem;
}

.fgwp-field__toggle input[type="checkbox"]:checked + .fgwp-field__toggle-container {
	background: #3e7da6;
}

.fgwp-field__toggle input[type="checkbox"]:checked:focus + .fgwp-field__toggle-container {
	border: 2px solid #bed8ed;
}

.fgwp-field__toggle input[type="checkbox"]:focus + .fgwp-field__toggle-container {
	border-color: #3e7da6;
}

.fgwp-field__toggle .fgwp-field__toggle-switch {
	background:
		#fff center no-repeat
		url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjQ3NDkgMi41MjUxYS41ODMzLjU4MzMgMCAwMDAgLjgyNUw0LjEyNDggNWwtMS42NSAxLjY1YS41ODMzLjU4MzMgMCAxMC44MjUuODI0OWwxLjY1LTEuNjUgMS42NDk5IDEuNjVhLjU4MzMuNTgzMyAwIDEwLjgyNS0uODI1TDUuNzc0NiA1bDEuNjUtMS42NWEuNTgzMy41ODMzIDAgMTAtLjgyNS0uODI0OWwtMS42NSAxLjY1LTEuNjQ5OS0xLjY1YS41ODMzLjU4MzMgMCAwMC0uODI1IDB6IiBmaWxsPSIjOTA5MkIyIi8+PC9zdmc+);
	background-size: auto;
	background-size: 0.625rem;
	border-radius: 50%;
	box-shadow: 0 1px 4px rgba(24, 24, 72, 0.123698);
	display: block;
	height: 1.125rem;
	left: 0;
	position: relative;
	transition: all 0.25s ease;
	transition-duration: 0.2s;
	transition-property: background, left;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	width: 1.125rem;
}

.fgwp-field__toggle input[type="checkbox"]:checked + .fgwp-field__toggle-container .fgwp-field__toggle-switch {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yLjY2NjcgNC4zOTA1TDYuODYxOS4xOTUzYS42NjY3LjY2NjcgMCAwMS45NDI4Ljk0MjhsLTUuMTM4IDUuMTM4TC4xOTUzIDMuODA0N2EuNjY2Ny42NjY3IDAgMDEuOTQyOC0uOTQyOGwxLjUyODYgMS41Mjg2eiIgZmlsbD0iIzNFN0RBNiIvPjwvc3ZnPg==);
	background-size: 0.5rem;
	left: 1.5rem;
}

/* Public Side */
.admin-bar .fgwp-notify-site {
	top: 0;
}

.fgwp-notify-site {
	font-size: 16px;
	padding: 1em;

	/* Below WordPress admin toolbar 99998 */

	/* Below Elementor Popup 9998 */
	z-index: 9998;
	width: 100%;
	position: static;
	top: 0;
	left: 0;
	line-height: 1.8;
	display: flex;
	justify-content: center;
	visibility: hidden;
	transition:
		opacity 0.25s,
		margin 0.25s,
		transform 0.25s;
	transform: translateY(-100%);
	margin-bottom: -61px;
	box-sizing: border-box;
}

.fgwp-notify-site--show {
	visibility: visible;
	opacity: 1;
	transform: translateY(0%);
	margin-bottom: 0;
}

.admin-bar .fgwp-notify-site.fgwp-notify-site--show {
	top: 32px;
}

.fgwp-notify-site--sticky {
	position: sticky;
}

.fgwp-notify-site--alert {
	background-color: #f8d7da;
	color: #842029;
	border-color: #f5c2c7;
}

.fgwp-notify-site--warning {
	color: #664d03;
	background-color: #fff3cd;
	border-color: #ffecb5;
}

.fgwp-notify-site--info {
	color: #055160;
	background-color: #cff4fc;
	border-color: #b6effb;
}

.fgwp-notify-site__message {
	padding-left: 2em;
	padding-right: 2em;
}

.fgwp-notify-site__message p:last-of-type {
	margin-bottom: 0;
	margin-block-end: 0;
}

.fgwp-notify-site .mlauto {
	margin-left: auto;
}

.fgwp-notify-site__close {
	color: inherit;
	line-height: 1;
	padding: 0;
	margin: 0;
	text-decoration: none;
	background: 0 0;
	border: 0;
	margin-left: auto;
	display: flex;
	align-items: center;
}

.fgwp-notify-site__close svg {
	fill: #000;
}

.fgwp-notify-site__close:hover svg {
	fill: rgba(0, 0, 0, 0.5);
}