.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}.ctf-fixed-height{overflow:auto}#ctf .ctf-item{padding:15px 5px;overflow:hidden}#ctf.ctf-boxed-style .ctf-item{padding:15px}#ctf .ctf-item:first-child{border-top:none}#ctf .ctf-item:last-of-type{border-bottom:none!important}#ctf #ctf .ctf-photo-hover span.fa-arrows-alt,#ctf .ctf-photo-hover svg.fa-arrows-alt,#ctf .ctf_remaining,#ctf.ctf-super-narrow .ctf-author-screenname,#ctf.ctf-super-narrow .ctf-screename-sep{display:none}#ctf .ctf_more{padding:1px;border:1px solid transparent;border-radius:3px;display:inline-block;line-height:1}#ctf .ctf_more:hover{cursor:pointer;background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);text-decoration:none}#ctf .ctf-header{float:left;clear:both;margin:0;padding:5px 5px 15px;line-height:1.2;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#ctf .ctf-header a{float:left;display:block;text-decoration:none}#ctf .ctf-header-img{float:left;position:relative;width:48px;margin:0 0 0 -100%!important;overflow:hidden;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#ctf .ctf-header-img img{display:block;float:left;margin:0!important;padding:0!important;border:none!important;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#ctf.ctf-rebranded .ctf-header-img-hover svg{margin-top:-15px;margin-left:-14px}#ctf.ctf-rebranded .ctf-header-img-hover svg path,.ctf-rebranded .ctf-header-follow svg path{fill:white}#ctf .ctf-header-generic-icon,#ctf .ctf-header-img-hover{display:none;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(27,149,224,.85);-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;z-index:999}#ctf .ctf-header-generic-icon .fa,#ctf .ctf-header-generic-icon svg,#ctf .ctf-header-img-hover .fa,#ctf .ctf-header-img-hover svg{position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-8px;font-size:20px;z-index:1000}#ctf .ctf-header-generic-icon svg,#ctf .ctf-header-img-hover svg{margin-top:-10px;margin-left:-10px}#ctf .ctf-header .ctf-header-follow{display:inline-block;padding:3px 6px;margin:0 0 0 2px;position:relative;top:-2px;background:#1b95e0;color:#fff;font-size:11px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-transition:background .6s ease-in-out;-webkit-transition:background .6s ease-in-out;-o-transition:background .6s ease-in-out;transition:background .6s ease-in-out}#ctf .ctf-header .ctf-header-follow .fa,#ctf .ctf-header .ctf-header-follow svg{margin-right:3px;font-size:12px}#ctf .ctf-header a:hover .ctf-header-follow{background:#0c7abf;-moz-transition:background .2s ease-in-out;-webkit-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;transition:background .2s ease-in-out}#ctf .ctf-header-type-generic .ctf-header-img{color:#fff;width:48px;height:48px;position:relative}#ctf .ctf-header-type-generic .ctf-header-link:hover .ctf-header-generic-icon{background:#0c7abf}#ctf .ctf-header-type-generic .ctf-header-no-bio{padding-top:9px!important;font-size:16px;font-weight:700}#ctf .ctf-header-type-generic .ctf-header-generic-icon{display:block;color:#fff;background:#1b95e0;-moz-transition:background .2s ease-in-out;-webkit-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;transition:background .2s ease-in-out}#ctf .ctf-header-type-generic:hover .ctf-header-generic-icon{display:block;opacity:1}#ctf .ctf-header .ctf-header-user{font-size:16px;line-height:1.3;-ms-word-wrap:break-word;word-break:break-word}#ctf .ctf-header .ctf-header-screenname,#ctf .ctf-header p{font-size:13px;line-height:1.3}.ctf-screenreader{text-indent:-9999px!important;display:inline-block!important;width:0!important;height:0!important;line-height:0!important;text-align:left!important}#ctf .ctf-header-text.sbi-no-info .ctf-header-user{padding-top:9px!important}#ctf .ctf-header-text.sbi-no-bio .ctf-header-counts{clear:both}#ctf .ctf-context{width:100%;padding-left:42px;margin-bottom:2px}#ctf .ctf-with-logo .ctf-context{padding-right:30px}#ctf .ctf-retweet-icon{display:inline-block;font-size:inherit;line-height:1;margin:0 5px 0 0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}#ctf.ctf-super-narrow .ctf-retweet-icon{margin:0 5px 0 0}#ctf .ctf-reply-icon{display:inline-block;font-size:inherit;padding:1px 3px 3px;line-height:1;margin:0 3px 0 0}#ctf .ctf-author-box{margin-left:56px}#ctf .ctf-author-avatar{clear:both;width:48px;height:48px;margin:3px 6px 0 -56px;float:left;overflow:hidden;border:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#ctf .ctf-author-avatar img{margin:0!important;padding:0}#ctf .ctf-author-name,#ctf .ctf-author-screenname,#ctf .ctf-tweet-meta,#ctf .ctf-verified{margin-left:4px;margin-right:4px;display:inline-block}#ctf .ctf-screename-sep{margin:0 2px;display:inline-block}#ctf .ctf-author-name{font-weight:700!important;margin-top:4px}#ctf .ctf-author-box-link{color:#000;text-decoration:none;display:inline;line-height:1.5!important}#ctf .ctf-quoted-verified,#ctf .ctf-verified{color:#77c7f7;margin-left:0}#ctf .ctf-quoted-verified,.ctf-credit-link .fa,.ctf-credit-link svg{margin-right:4px}#ctf .ctf-tweet-meta,#ctf.ctf-super-narrow .ctf-author-name{display:inline-block}#ctf .ctf-replied-to-text a{font-size:inherit;color:inherit;font-weight:inherit}#ctf p.ctf-media-link,#ctf p.ctf-tweet-text{padding:0!important;margin:0!important;line-height:1.4}#ctf .ctf-tweet-actions,#ctf .ctf-tweet-content{margin-left:58px;margin-top:3px;max-width:100%}#ctf .ctf-corner-logo{display:inline-block;float:right;color:#1b95e0;font-size:24px}#ctf.ctf-narrow .ctf-corner-logo{font-size:20px}#ctf .ctf-hide-avatar .ctf-author-box,#ctf .ctf-hide-avatar .ctf-author-name,#ctf .ctf-hide-avatar .ctf-context,#ctf .ctf-hide-avatar .ctf-quoted-tweet,#ctf .ctf-hide-avatar .ctf-tweet-actions,#ctf .ctf-hide-avatar .ctf-tweet-content,#ctf.ctf-narrow .ctf-hide-avatar .ctf-author-box,#ctf.ctf-narrow .ctf-hide-avatar .ctf-context,#ctf.ctf-narrow .ctf-hide-avatar .ctf-quoted-tweet,#ctf.ctf-narrow .ctf-hide-avatar .ctf-tweet-actions,#ctf.ctf-narrow .ctf-hide-avatar .ctf-tweet-content,#ctf.ctf-super-narrow .ctf-context,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-author-box,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-context,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-quoted-tweet,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-tweet-actions,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-tweet-content,#ctf.ctf-super-narrow .ctf-quoted-tweet,#ctf.ctf-super-narrow .ctf-tweet-actions,#ctf.ctf-super-narrow .ctf-tweet-content{margin-left:0}#ctf .ctf-hide-avatar .ctf-context{padding-left:0}#ctf .ctf-header-img.ctf-no-consent,#ctf .ctf-header-img.ctf-no-consent .ctf-header-img-hover{display:block;opacity:1;height:48px}#ctf .ctf-quoted-tweet{display:block;clear:both;margin:7px 0 5px 58px;padding:8px 12px;border:1px solid rgba(0,0,0,.1);text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf .ctf-quoted-tweet-text-media-wrap,#ctf .ctf-quoted-tweet:focus,#ctf .ctf-quoted-tweet:hover,#ctf .ctf-tweet-text-media-wrap{-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out}#ctf .ctf-quoted-tweet:focus,#ctf .ctf-quoted-tweet:hover{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.05);transition:background .1s ease-in-out}#ctf .ctf-quoted-author-name{font-weight:700;margin-right:4px}#ctf .ctf-quoted-tweet p{margin:2px 0}#ctf .ctf-tweet-actions a{padding:2px 10px 2px 5px;float:left}#ctf .ctf-tweet-actions a.ctf-like,#ctf .ctf-tweet-actions a.ctf-reply,#ctf .ctf-tweet-actions a.ctf-retweet{color:rgba(0,0,0,.35);text-decoration:none;border:none;-moz-transition:color .1s ease-in-out;-webkit-transition:color .1s ease-in-out;-o-transition:color .1s ease-in-out;transition:color .1s ease-in-out}#ctf .ctf-tweet-actions a span.fa,#ctf .ctf-tweet-actions a svg{width:1.1em;height:1.1em;font-size:1.1em}#ctf .ctf-tweet-actions a span.fa.fa-retweet{width:1.2em;height:1.2em;font-size:1.2em}#ctf .ctf-tweet-actions .ctf-reply{margin-left:-5px}#ctf .ctf-tweet-actions a:focus,#ctf .ctf-tweet-actions a:hover{-moz-transition:color .1s ease-in-out;-webkit-transition:color .1s ease-in-out;-o-transition:color .1s ease-in-out;transition:color .1s ease-in-out}#ctf .ctf-tweet-actions .ctf-reply:focus,#ctf .ctf-tweet-actions .ctf-reply:hover{color:#e34f0e!important}#ctf .ctf-tweet-actions .ctf-retweet:focus,#ctf .ctf-tweet-actions .ctf-retweet:hover{color:#19cf86!important}#ctf .ctf-tweet-actions .ctf-like:focus,#ctf .ctf-tweet-actions .ctf-like:hover{color:#e81c4f!important}#ctf .ctf-action-count{float:right;padding-left:3px;font-size:.9em;margin-top:.25em;line-height:1.2em}#ctf .ctf-twitterlink{margin-top:.3em;line-height:1.2em;font-size:.8em}#ctf .ctf-quoted-tweet-text-media-wrap,#ctf .ctf-tweet-text-media-wrap{margin-left:5px;padding:4px;display:inline-block;border:1px solid rgba(0,0,0,.15);color:inherit;text-decoration:none;line-height:1;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;transition:background .1s ease-in-out}#ctf #ctf-more,#ctf .ctf-out-of-tweets,.ctf-credit-link{padding:5px 0;text-align:center}#ctf #ctf-more,#ctf .ctf-tweet-text-media-wrap:focus,#ctf .ctf-tweet-text-media-wrap:hover{background:rgba(0,0,0,.05);-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out}#ctf .ctf-tweet-text-media-wrap:focus,#ctf .ctf-tweet-text-media-wrap:hover{border:1px solid rgba(0,0,0,.1);transition:background .1s ease-in-out}.ctf-multi-media-icon .ctf-tweet-text-media,.ctf-quoted-tweet-text .ctf-tweet-text-media{margin-left:3px}#ctf #ctf-more{display:block;border:none;width:100%;min-height:30px;margin:0;position:relative;box-sizing:border-box;outline:0;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;transition:background .1s ease-in-out}#ctf #ctf-more:hover{background:rgba(0,0,0,.1);-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf #ctf-more.ctf-loading span{-moz-transition:opacity .5s ease-in-out;-webkit-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;opacity:0}#ctf .ctf-loader{width:20px;height:20px;position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;background-color:rgba(0,0,0,.5);border-radius:100%;-webkit-animation:1s ease-in-out infinite ctf-sk-scaleout;animation:1s ease-in-out infinite ctf-sk-scaleout}@-webkit-keyframes ctf-sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes ctf-sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.ctf-credit-link{width:100%;clear:both;margin-top:5px;font-size:12px}#ctf svg{box-sizing:unset}#ctf svg:not(:root).svg-inline--fa,#ctf_lightbox svg:not(:root).svg-inline--fa{box-sizing:unset;overflow:visible;width:1em}#ctf .svg-inline--fa.fa-w-16{width:16px}#ctf .svg-inline--fa.fa-w-20{width:20px}#ctf .ctf-context .ctf-retweet-icon svg{width:1.2em;height:1.2em}#ctf .svg-inline--fa,#ctf_lightbox .svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}#ctf.ctf-styles .ctf-author-screenname,#ctf.ctf-styles .ctf-context,#ctf.ctf-styles .ctf-screename-sep,#ctf.ctf-styles .ctf-tweet-meta,.ctf_smash_error span{font-size:12px}#ctf .ctf-error{width:100%;text-align:center}#ctf .ctf-error code,#ctf .ctf-error iframe,#ctf .ctf-error p{padding:0;margin:0 2px}#ctf .ctf-error-user p,#ctf.ctf-super-narrow .ctf-context{padding-bottom:5px}#ctf .ctf-error-user{width:100%}#ctf .ctf-error-admin{margin-top:15px;display:inline-block}#ctf .ctf-error code{display:block;padding:4px}.ctf_smash_error{border:1px solid #ddd;background:#eee;color:#333;margin:10px 0 0;padding:10px 15px;font-size:13px;text-align:center;clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.ctf_smash_error p{padding:5px 0!important;margin:0!important;line-height:1.3!important}#ctf .ctf-out-of-tweets{display:block;border:1px solid rgba(0,0,0,.1);background:0 0;width:100%;min-height:30px;margin:0;position:relative;box-sizing:border-box;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#ctf .ctf-out-of-tweets iframe,#ctf .ctf-out-of-tweets p{margin:0 2px;padding:0}#ctf .ctf-out-of-tweets p{padding:3px;display:none}#ctf.ctf-narrow .ctf-author-avatar,#ctf.ctf-narrow .ctf-author-avatar img{width:38px;height:38px}#ctf.ctf-narrow .ctf-quoted-tweet,#ctf.ctf-narrow .ctf-tweet-actions,#ctf.ctf-narrow .ctf-tweet-content{margin-left:48px}#ctf.ctf-narrow .ctf-context{margin-left:49px}#ctf.ctf-narrow .ctf-author-box{margin-left:46px}#ctf.ctf-narrow .ctf-author-avatar{margin-left:-46px}#ctf.ctf-narrow .ctf-tweet-content{padding:3px 0 5px}#ctf.ctf-narrow .ctf-tweet-actions,#ctf.ctf-super-narrow .ctf-tweet-content{float:left;clear:both}#ctf.ctf-super-narrow .ctf-author-box{min-height:32px;margin-bottom:2px;margin-left:38px;float:left;clear:both}#ctf.ctf-super-narrow .ctf-author-avatar,#ctf.ctf-super-narrow .ctf-author-avatar img{width:32px;height:32px}#ctf.ctf-super-narrow .ctf-author-avatar{margin-left:-38px;margin-top:0}#ctf.ctf-super-narrow .ctf-credit-link{font-size:10px}#ctf.ctf-super-narrow .ctf-header-bio{margin:0!important;padding-top:5px}#ctf.ctf-super-narrow .ctf-header-user{min-height:48px}#ctf.ctf-super-narrow .ctf-header-text{padding-top:10px}#ctf.ctf-super-narrow .ctf-header-follow{margin-top:5px}#ctf.ctf-super-narrow .ctf-more span{display:block;margin-top:3px}@media all and (max-width:640px){#ctf.ctf-width-resp{width:100%!important}}.ctf.ctf-boxed-style[data-boxshadow=true] .ctf-item{box-shadow:0 0 10px 0 rgba(0,0,0,.15)}[data-header-size=large] .ctf-header-type-text{font-size:48px}[data-header-size=medium] .ctf-header-type-text{font-size:42px}[data-header-size=small] .ctf-header-type-text{font-size:36px}#ctf.ctf-list.ctf-boxed-style .ctf-header,.ctf-list.ctf-boxed-style .ctf-item{margin-bottom:25px}#ctf .ctf-header-text{float:left;width:100%;padding-top:5px}#ctf .ctf-no-bio .ctf-header-text{padding-top:13px}#ctf .ctf-header-text .ctf-header-user,#ctf .ctf-header-text p{float:left;clear:both;width:auto;margin:0 0 0 60px!important;padding:0!important;text-align:left}#ctf .ctf-header-name{font-weight:700;margin-right:6px}#ctf .ctf-header-text .ctf-header-bio{padding:0!important;word-break:break-word}#ctf .ctf-header-text .ctf-verified{margin-right:5px}#ctf.ctf_palette_light .ctf-author-name,#ctf.ctf_palette_light .ctf-author-screenname,#ctf.ctf_palette_light .ctf-header-bio,#ctf.ctf_palette_light .ctf-header-counts,#ctf.ctf_palette_light .ctf-header-name,#ctf.ctf_palette_light .ctf-header-type-text,#ctf.ctf_palette_light .ctf-tweet-actions a,#ctf.ctf_palette_light .ctf-tweet-text{color:#444}#ctf.ctf_palette_dark .ctf-tweet-text a,#ctf.ctf_palette_light .ctf-tweet-text a{color:inherit}#ctf.ctf_palette_dark .ctf-item,#ctf.ctf_palette_light .ctf-item{background:0 0}#ctf.ctf_palette_dark .ctf-corner-logo,#ctf.ctf_palette_light .ctf-corner-logo{color:#1b95e0}#ctf.ctf_palette_dark .ctf-verified,#ctf.ctf_palette_light .ctf-verified{color:#77c7f7}#ctf.ctf_palette_light .ctf-more{background:rgba(0,0,0,.5);color:#444}#ctf.ctf_palette_dark{background:#20222c}#ctf.ctf_palette_dark.ctf.ctf-boxed-style .ctf-item{background:rgba(255,255,255,.1)!important}#ctf.ctf_palette_dark .ctf-author-name,#ctf.ctf_palette_dark .ctf-author-screenname,#ctf.ctf_palette_dark .ctf-header-bio,#ctf.ctf_palette_dark .ctf-header-counts,#ctf.ctf_palette_dark .ctf-header-name,#ctf.ctf_palette_dark .ctf-header-type-text,#ctf.ctf_palette_dark .ctf-tweet-text{color:#fff}#ctf.ctf_palette_dark .ctf-more{background:rgba(255,255,255,.2);color:#fff}#ctf.ctf_palette_dark .ctf-tweet-actions a{color:rgba(255,255,255,.8)}.ctf-rebranded .ctf-header-follow svg{width:13px;height:13px;transform:translate(3px,2px)}/* OSM-plugin css file                                        */
/* wp-osm-plugin.HanBlog.Net                                  */
/* note: there is also some style information in the php-file */


.entry .olMapViewport img{
  max-width: none !important;
  max-height: none !important;
  vertical-align: none !important;
}

.OSM_Map img {
  max-width: none !important;
  max-height: none !important;
  vertical-align: none;
}

.olTileImage {
  max-width: none !important;
  max-height: none !important;
  vertical-align: none !important;
}

.olControlAttribution {
  bottom: 0 !important;
}

div.olControlMousePosition {
  bottom: 1em !important;
}

.olPopupContent
{
    /*padding-top:10px;
    padding-bottom:10px;
    padding-right:10px;
    padding-left:10px;*/
    padding: 0 0 0 0;
    border: #fff solid;
    border-width: 10px 10px;

    white-space:nowrap;
}

/* pink tiles at openseamap */
.olImageLoadError {
display: none !important;
}



/* +++ metabox tabs +++ */
.tabs {
    width:100%;
    display:inline-block;
}

/*----- metabox tabs Links -----*/
/* Clearfix */
.tab-links:after {
   display:block;
   clear:both;
   content:'';
}

.tab-links li {
  margin:0px 5px;
  float:left;
  list-style:none;
  text-decoration:none;
}

.tab-links a {
  padding:3px 6px;
  display:inline-block;
  border-radius:3px 3px 0px 0px;
  background:#FFFFFF;
  transition:all linear 0.15s;
  text-decoration:none;
}

.tab-links a:hover {
  background:#FFFFFF;
  text-decoration:none;
}

li.active a {
  border: 1px solid #D8D8D8;
  background:#FFFFFF;
  border-bottom: none;
  color: black;
}

li.active a:hover {
  border: 1px solid #D8D8D8;
  background:#FFFFFF;
  border-bottom: none;
}


/* --- new metabox marker select --- */

		.osm-marker-tab-container{
			width: 95%;
                        
			margin: 0 auto;
		}

		ul.osm-marker-tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.osm-marker-tabs li{
			background: none;
			color: #222;
			display: inline-block;
			padding: 2px 5px;
			cursor: pointer;
		}

		ul.osm-marker-tabs li.current{
			background: #fdfdfd;
			color: #222;
			border: 1px solid #D8D8D8;
			border-bottom: none;
		}

		.marker-tab-content{
			margin: -7px 0px 0px 0px;
                        padding:15px;
                        border-radius:3px;
			display: none;
			background: #fdfdfd;
			border: 1px solid #D8D8D8;
                        height: 300px;
		}

		.marker-tab-content.current{
			display: inherit;
		}

/* --- new metabox geotag marker select --- */

		.osm-geo-marker-tab-container{
			width: 95%;
                        
			margin: 0 auto;
		}

		ul.osm-geo-marker-tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.osm-geo-marker-tabs li{
			background: none;
			color: #222;
			display: inline-block;
			padding: 2px 5px;
			cursor: pointer;
		}

		ul.osm-geo-marker-tabs li.current{
			background: #fdfdfd;
			color: #222;
			border: 1px solid #D8D8D8;
			border-bottom: none;
		}

		.geo-marker-tab-content{
			margin: -7px 0px 0px 0px;
                        padding:15px;
                        border-radius:3px;
			display: none;
			background: #fdfdfd;
			border: 1px solid #D8D8D8;
                        height: 300px;
		}

		.geo-marker-tab-content.current{
			display: inherit;
		}




/* --- new metabox --- */

		.osm-tab-container{
			width: 95%;
			margin: 0 auto;
		}

		ul.osm-tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.osm-tabs li{
			background: none;
			color: #222;
			display: inline-block;
			padding: 2px 5px;
			cursor: pointer;
		}

		ul.osm-tabs li.current{
			background: #fdfdfd;
			color: #222;
			border: 1px solid #D8D8D8;
			border-bottom: none;
		}

		.osm-tab-content{
			margin: -7px 0px 0px 0px;
                        padding:15px;
                        border-radius:3px;
			display: none;
			background: #fdfdfd;
			border: 1px solid #D8D8D8;
		}

		.osm-tab-content.current{
			display: inherit;
		}

    /* is used for icon select at metabox */
    label.metabox-label > input{ /* HIDE RADIO */
      visibility: hidden; /* Makes input not-clickable */
      position: absolute; /* Remove input from document flow */
    }
    label.metabox-label > input + img{ /* IMAGE STYLES */
      cursor:pointer;
      border:2px solid transparent;
    }
    label.metabox-label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
      border:2px solid #808080;
    }:root,
:host {
  --ol-background-color: white;
  --ol-accent-background-color: #F5F5F5;
  --ol-subtle-background-color: rgba(128, 128, 128, 0.25);
  --ol-partial-background-color: rgba(255, 255, 255, 0.75);
  --ol-foreground-color: #333333;
  --ol-subtle-foreground-color: #666666;
  --ol-brand-color: #00AAFF;
}

.ol-box {
  box-sizing: border-box;
  border-radius: 2px;
  border: 1.5px solid var(--ol-background-color);
  background-color: var(--ol-partial-background-color);
}

.ol-mouse-position {
  top: 8px;
  right: 8px;
  position: absolute;
}

.ol-scale-line {
  background: var(--ol-partial-background-color);
  border-radius: 4px;
  bottom: 8px;
  left: 8px;
  padding: 2px;
  position: absolute;
}

.ol-scale-line-inner {
  border: 1px solid var(--ol-subtle-foreground-color);
  border-top: none;
  color: var(--ol-foreground-color);
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width;
  transition: all 0.25s;
}

.ol-scale-bar {
  position: absolute;
  bottom: 8px;
  left: 8px;
}

.ol-scale-bar-inner {
  display: flex;
}

.ol-scale-step-marker {
  width: 1px;
  height: 15px;
  background-color: var(--ol-foreground-color);
  float: right;
  z-index: 10;
}

.ol-scale-step-text {
  position: absolute;
  bottom: -5px;
  font-size: 10px;
  z-index: 11;
  color: var(--ol-foreground-color);
  text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
}

.ol-scale-text {
  position: absolute;
  font-size: 12px;
  text-align: center;
  bottom: 25px;
  color: var(--ol-foreground-color);
  text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
}

.ol-scale-singlebar {
  position: relative;
  height: 10px;
  z-index: 9;
  box-sizing: border-box;
  border: 1px solid var(--ol-foreground-color);
}

.ol-scale-singlebar-even {
  background-color: var(--ol-subtle-foreground-color);
}

.ol-scale-singlebar-odd {
  background-color: var(--ol-background-color);
}

.ol-unsupported {
  display: none;
}

.ol-viewport,
.ol-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.ol-viewport canvas {
  all: unset;
}

.ol-selectable {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}

.ol-grabbing {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.ol-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.ol-control {
  position: absolute;
  background-color: var(--ol-subtle-background-color);
  border-radius: 4px;
}

.ol-zoom {
  top: .5em;
  left: .5em;
}

.ol-rotate {
  top: .5em;
  right: .5em;
  transition: opacity .25s linear, visibility 0s linear;
}

.ol-rotate.ol-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s linear, visibility 0s linear .25s;
}

.ol-zoom-extent {
  top: 4.643em;
  left: .5em;
}

.ol-full-screen {
  right: .5em;
  top: .5em;
}

.ol-control button {
  display: block;
  margin: 1px;
  padding: 0;
  color: var(--ol-subtle-foreground-color);
  font-weight: bold;
  text-decoration: none;
  font-size: inherit;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: .4em;
  background-color: var(--ol-background-color);
  border: none;
  border-radius: 2px;
}

.ol-control button::-moz-focus-inner {
  border: none;
  padding: 0;
}

.ol-zoom-extent button {
  line-height: 1.4em;
}

.ol-compass {
  display: block;
  font-weight: normal;
  will-change: transform;
}

.ol-touch .ol-control button {
  font-size: 1.5em;
}

.ol-touch .ol-zoom-extent {
  top: 5.5em;
}

.ol-control button:hover,
.ol-control button:focus {
  text-decoration: none;
  outline: 1px solid var(--ol-subtle-foreground-color);
  color: var(--ol-foreground-color);
}

.ol-zoom .ol-zoom-in {
  border-radius: 2px 2px 0 0;
}

.ol-zoom .ol-zoom-out {
  border-radius: 0 0 2px 2px;
}

.ol-attribution {
  text-align: right;
  bottom: .5em;
  right: .5em;
  max-width: calc(100% - 1.3em);
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
}

.ol-attribution a {
  color: var(--ol-subtle-foreground-color);
  text-decoration: none;
}

.ol-attribution ul {
  margin: 0;
  padding: 1px .5em;
  color: var(--ol-foreground-color);
  text-shadow: 0 0 2px var(--ol-background-color);
  font-size: 12px;
}

.ol-attribution li {
  display: inline;
  list-style: none;
}

.ol-attribution li:not(:last-child):after {
  content: " ";
}

.ol-attribution img {
  max-height: 2em;
  max-width: inherit;
  vertical-align: middle;
}

.ol-attribution button {
  flex-shrink: 0;
}

.ol-attribution.ol-collapsed ul {
  display: none;
}

.ol-attribution:not(.ol-collapsed) {
  background: var(--ol-partial-background-color);
}

.ol-attribution.ol-uncollapsible {
  bottom: 0;
  right: 0;
  border-radius: 4px 0 0;
}

.ol-attribution.ol-uncollapsible img {
  margin-top: -.2em;
  max-height: 1.6em;
}

.ol-attribution.ol-uncollapsible button {
  display: none;
}

.ol-zoomslider {
  top: 4.5em;
  left: .5em;
  height: 200px;
}

.ol-zoomslider button {
  position: relative;
  height: 10px;
}

.ol-touch .ol-zoomslider {
  top: 5.5em;
}

.ol-overviewmap {
  left: 0.5em;
  bottom: 0.5em;
}

.ol-overviewmap.ol-uncollapsible {
  bottom: 0;
  left: 0;
  border-radius: 0 4px 0 0;
}

.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
  display: block;
}

.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid var(--ol-subtle-foreground-color);
  height: 150px;
  width: 150px;
}

.ol-overviewmap:not(.ol-collapsed) button {
  bottom: 0;
  left: 0;
  position: absolute;
}

.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
  display: none;
}

.ol-overviewmap:not(.ol-collapsed) {
  background: var(--ol-subtle-background-color);
}

.ol-overviewmap-box {
  border: 1.5px dotted var(--ol-subtle-foreground-color);
}

.ol-overviewmap .ol-overviewmap-box:hover {
  cursor: move;
}/* OSM-plugin css file                                        */
/* wp-osm-plugin.HanBlog.Net                                  */
/* note: there is also some style information in the php-file */

.ol-openseamap{
background: transparent;
}

.ol-popup {
  position: absolute;
  background-color: white;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  padding: 10px 25px 10px 10px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50px;
  min-width: 200px;
}
.ol-popup:after, .ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ol-popup:after {
  border-top-color: white;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}
.ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}
.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 4px;
}
.ol-popup-closer:after {
  content: "✖";
}

            .toggle {
                width: 100px;
            }
            .ol-mouse-position {
                right: 3em;
                color: #fff;
                background-color: rgba(0,60,136,.5);
                padding: 2px 10px;
                border-radius: 5px;
            }
/*                                       
            .ol-scale-line {
                left: 175px;
            }
 */
            .ol-rotate {
                top: 3em;
            }

            .ol-zoomslider {
                width: 200px;
                height: 25px;
                left: 3em;
                top: 0.5em;
            }
            .ol-zoomslider-thumb {
                height: 16px;
            }

#osmLayerSelect span, #osmLayerSelect a {
	cursor:pointer;
}

#osmLayerSelect #generatedLink a {
	margin-top:1em; 
	font-weight:700; 
	display:block;
}

#osmLayerSelect {
	background-color:#ededed;
	margin-bottom:1em;
	padding:0.4em
}

#osmLayerSelect h3 {
	margin-bottom:0.2em
}

.layerColor {
	width:2em;
	height:1em;
	border: solid 1px #000;
	display:inline-block;
	margin-left:0.4em;
}

.setupChange {
	cursor:pointer;
}

.layerColorHidden {
	opacity:0.6;
	border: 1px dotted #c0c0c0;
}

.setupChange:before {
	content:"\f279";
	text-decoration:none;
	font:normal 12px/1 FontAwesome;
	padding-right:0.1em
}

.setupChange:hover:before {
	content:"\f278";
	font:normal 10.5px/1 FontAwesome;
} 

div.cantGenerateShortCode {
	border:dashed 1px lightblue;
	cursor:pointer;
}

div.generatedShortCode {
	border:solid 1px lightblue;
	cursor:pointer;
}

.padding1em{
	padding:0 0.4em;
}