/* KCM GeoIP — modal + inline prompt styles.
 * Extracted from the original inline CSS strings; include this file on the page
 * (the library no longer injects styles). Class names are unchanged. */

/* ------------------------------- Modal -------------------------------- */
.kcm-geoip-modal-overlay {
	z-index: 9998;
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(196, 196, 196, .85);
	top: 0;
	left: 100%;
	opacity: 0;
	transition: opacity .2s ease-out;
}
.kcm-geoip-overlay .kcm-geoip-modal-overlay { opacity: 1; left: 0; }

.kcm-geoip-modal {
	color: rgb(33, 37, 41);
	position: fixed;
	top: 25%;
	left: 50%;
	z-index: -9999;
}
.kcm-geoip-modal .dialog {
	background-color: #fff;
	background: linear-gradient(to bottom, #fff 0%, #f7f7f7 100%);
	opacity: 0;
	min-height: 150px;
	width: 420px;
	margin-left: -200px;
	transition: opacity .2s ease-out;
	position: relative;
	box-shadow: 1px 2px 3px 1px #b9b9b9;
	text-align: center;
	border: 1px solid #e9e9e9;
	padding: 20px;
}
.kcm-geoip-modal.transitioning,
.kcm-geoip-modal.visible { z-index: 9999; }
.kcm-geoip-modal.visible .dialog { opacity: 1; }
.kcm-geoip-modal .content { overflow-y: auto; }

.kcm-geoip-modal ul.tabs { margin: 10px; padding: 0; text-align: left; }
.kcm-geoip-modal ul.tabs li { list-style: none; display: inline-block; margin: 10px; line-height: 20px; padding: 0; }
.kcm-geoip-modal ul.tabs li a { display: inline; }
.kcm-geoip-modal .tabs a.active { font-weight: 900; }
.kcm-geoip-modal .title { font-size: 24px; border-bottom: 1px solid #e9e9e9; padding-bottom: 10px; }
.kcm-geoip-modal .btn,
.kcm-geoip-modal .regions { margin-top: 10px; }
.kcm-geoip-modal .footer { padding: 0; margin: 15px 0 0; text-align: left; }
.kcm-geoip-modal .footer a { color: #000; }

@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
	.kcm-geoip-modal { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: -9999; background-color: #fff; }
	.kcm-geoip-modal .dialog { margin: 0; zoom: 1; max-width: 320px; border: 0; box-shadow: none; }
	.kcm-geoip-modal .body,
	.kcm-geoip-modal h4 { line-height: 100%; }
}

/* ------------------------------- Inline ------------------------------- */
.intl-container { font-size: 20px; }
.intl-container .row [class^="col-"] p { padding-top: 15px; font-size: 46px; }
.intl-container .intl-message { padding: 15px; }
.intl-container .intl-message ul.tabs { list-style-type: none; padding-left: 0; }
.intl-container .intl-message ul.tabs > li { display: inline-block; margin-right: 16px; }
.intl-container .intl-message .body,
.intl-container .intl-message .footer { color: #2C5A6F; font-size: 16px; }
.intl-container .intl-message .footer { margin-top: 10px; }

/* Show/hide replacement for the old jQuery slideDown/slideUp. */
.kcm-geoip-container {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transition: max-height .35s ease-out, opacity .35s ease-out;
}
.kcm-geoip-container.active {
	max-height: 1000px;
	opacity: 1;
}