.gib_extcon {
	--color-augustinum-red: #b00238;
	--color-augustinum-dark-red: #860129;
	--color-augustinum-gray: #f0eeef;
	--color-augustinum-gray-overlay: rgba(225, 221, 223, 0.5); /* #e1dddf */
	--color-augustinum-gray-revoke: #c3bbbf;
	--color-augustinum-text: #414241;
}
.gib_extcon { position: relative; z-index: 0; font-family: "Kievit", sans-serif; }
.gib_extcon p:last-child { margin-bottom: 0; }
.gib_extcon .content:not(.loaded) iframe,
.gib_extcon .content:not(.preview) .overlay,
.gib_extcon .content:not(.preview) .background,
.gib_extcon .hidden { display: none !important; }
.gib_extcon .content {
	display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;
	max-width: 100%; margin: 0 auto;
	position: relative;
	overflow: visible;
}
@media only screen and (max-width: 50rem) {
	.gib_extcon .content { width: 100% !important; }
}
.gib_extcon .content .overlay {
	display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 20px;
	max-width: 600px; margin: 10px; padding: 20px;
	background-color: var(--color-augustinum-gray);
}
.gib_extcon .content a { text-decoration: underline; }
.gib_extcon .content a,
.gib_extcon .content p,
.gib_extcon .content button,
.gib_extcon .content input,
.gib_extcon .content label { font-family: "Kievit", sans-serif; font-size: inherit; line-height: 1.5; color: var(--color-augustinum-text); }
.gib_extcon .content a,
.gib_extcon .content button,
.gib_extcon .content input,
.gib_extcon .content label { cursor: pointer; }
.gib_extcon .content .overlay p:not(:last-child) { margin-bottom: 20px; }
.gib_extcon .content .overlay button,
.gib_extcon .content .overlay input[type="checkbox"] { margin-right: 0.5em; }
.gib_extcon .content .overlay input[type="checkbox"],
.gib_extcon .content .overlay button {
	padding: 0.5em 1em; border: 1px solid rgba(0, 0, 0, 0.50);
	font-weight: bold;
	color: #ffffff; background-color: var(--color-augustinum-red);
}
.gib_extcon .content .overlay button:hover {
	background-color: var(--color-augustinum-dark-red);
}
.gib_extcon .content .content-container { width: 100%; padding-bottom: 3.25em; }
.gib_extcon .content iframe { width: 100%; height: 100%; }
.gib_extcon .content .overlay .info,
.gib_extcon .content .overlay .remember { width: 100%; }
.gib_extcon .content .overlay .allow { width: 100%; }
.gib_extcon .content .background {
	position: absolute; top: 0; left: 0; z-index: -1;
	width: 100%; height: 100%;
	background-position: center; background-size: contain; background-repeat: no-repeat;
}
.gib_extcon .content .revoke {
	display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 1em;
	width: 100%; margin: 1em auto; font-size: 80%;
}
.gib_extcon .content .revoke {

}
@media screen and (max-width: 800px) {
	.gib_extcon .revoke { font-size: 70%; }
}
.gib_extcon .revoke label,
.gib_extcon .revoke a { margin-bottom: 0; }
.gib_extcon .revoke a {
	display: block;
	font-size: inherit; line-height: inherit; font-weight: normal; text-align: center; text-decoration: underline;
	color: var(--color-augustinum-red);
}
.gib_extcon a { color: var(--color-augustinum-red); }
.gib_extcon a,
.gib_extcon button { font-family: inherit; }
.gib_extcon label.toggle {
	display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 0;
	position: relative; cursor: pointer;
}
.gib_extcon label.toggle input { opacity: 0 !important; height: 0 !important; width: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; }
.gib_extcon label.toggle input + .toggle-icon {
	display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center;
	width: 2em; height: 1em; margin-right: 0.5em;
	font-size: 1.25em; line-height: 1;
}
.gib_extcon label.toggle input + .toggle-icon:before { width: 1em; height: 1em; margin-left: 0; margin-right: 1em; content: ""; display: block; }
.gib_extcon label.toggle input:checked + .toggle-icon:before { margin-left: 1em; margin-right: 0; }
.gib_extcon label.toggle .toggle-icon, .gib_extcon .toggle .toggle-icon:before { transition: 0.5s ease all; }
/**/
.gib_extcon label.toggle.style-1 input + .toggle-icon { border: 1px solid var(--color-augustinum-text); border-radius: 0.5em; }
.gib_extcon label.toggle.style-1 input:checked + .toggle-icon { border: 1px solid var(--color-augustinum-red); }
.gib_extcon label.toggle.style-1 input + .toggle-icon:before { border-radius: 50%; background-color: var(--color-augustinum-text); }
.gib_extcon label.toggle.style-1 input:checked + .toggle-icon:before { background-color: var(--color-augustinum-red); }

.modal-body .gib_extcon .content:not(.preview) .background {
    display: block !important;
}