/*
Location map styles
*/
.voy-locmap {
overflow: visible;
width: auto;
width: min-content;
padding: 0;
/*
add in case of collisions with positioned elements:
position: relative;
z-index: 1;
*/
}
.voy-locmap div, .voy-locmap-object div {
margin: 0;
padding: 0;
}
.voy-locmap img {
vertical-align: top;
max-width: unset !important;
}
.voy-locmap-center {
margin: 0 auto;
}
.voy-locmap-left {
clear: left;
float: left;
margin: 0 1em 1em 0;
}
.voy-locmap-right {
clear: right;
float: right;
margin: 0 0 1em 1em;
}
.voy-locmap-with-caption {
border: 1px solid #ccc;
padding: 3px;
}
.voy-locmap .voy-locmap-caption {
padding-top: 3px;
}
.voy-locmap-error {
position: absolute;
width: 50%;
top: 50%;
left: 25%;
color: #ff0000;
font-weight: bold;
text-align: center;
}
.voy-locmap-map-box {
position: relative;
overflow: visible;
width: auto;
}
.voy-locmap-with-caption .voy-locmap-map-box {
border: 1px solid #ccc;
}
.voy-locmap-marker-box, .voy-locmap-marker-symbol, .voy-locmap-marker-label,
.voy-locmap-object {
position: absolute;
overflow: visible;
}
.voy-locmap-marker-label {
min-width: 6em;
background-color: transparent;
color: #000;
}
.voy-locmap-marker-label-nowrap {
min-width: unset;
max-width: 10em;
white-space: nowrap;
}
.voy-locmap-object {
display: table;
width: auto;
}
.voy-locmap-label-bold {
font-weight: bold
}
.voy-locmap-label-italic {
font-style: italic
}
.voy-locmap-label-underline {
text-decoration: underline
}
.voy-locmap-label-letterspacing {
letter-spacing: 0.1em;
}
.voy-locmap-label-wordspacing {
word-spacing: 0.5em;
}
.voy-locmap-label-smallcaps {
font-variant: small-caps;
}
.voy-locmap-label-uppercase {
text-transform: uppercase;
}
.voy-locmap-label-region {
font-weight: bold;
text-transform: uppercase;
color: #646464;
}
.voy-locmap-label-subregion {
font-weight: bold;
color: #646464;
}
.voy-locmap-label-waterbody {
font-weight: bold;
font-style: italic;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #2A6DB5;
}
.voy-locmap-label-mountain {
font-weight: bold;
font-style: italic;
letter-spacing: 0.1em;
color: #704040;
}
@media screen {
body.skin-timeless .voy-locmap .floatnone > img {
height: unset !important;
max-width: unset !important;
}
}