@charset "utf-8"; @font-face { font-family: "Montserrat"; src: url(/wp-content/uploads/customizer/font/Montserrat.ttf) format("opentype"); } @font-face { font-family: "Beckman"; src: url(/wp-content/uploads/customizer/font/Beckman-Free.otf) format("opentype"); } @font-face { font-family: "gracefulfont"; src: url(/wp-content/uploads/customizer/font/gracefulfont.otf) format("opentype"); } :root { --maptitle_padding: 0px; --map_border_top: 0px; --map_border_right: 0px; --map_border_bottom: 0px; --map_border_left: 0px; --poster_width: 0px; --poster_height: 0px; --poster_max: max(var(--poster_height), var(--poster_width)); --letter_foreground_color: white; --letter_stroke_color: black; --text_color: black; --border_color: white; } #map_wrapper { position: absolute; width: calc(var(--poster_width) + 2px); height: calc(var(--poster_height) + 2px); line-height: normal; } #map { width: calc(100% - 2px); height: calc(100% - 2px); top: 1px; left: 1px; overflow: hidden; } #stars { width: 100%; height: 100%; } #stars>canvas { position: absolute; margin: calc(0.08 * var(--poster_height)) auto; display: block; overflow: auto; top: 0; left: 0; bottom: 0; right: 0; width: 80% !important; height: auto !important; } #stars_background { background: white; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; } #posterarea .leaflet-tile-container img { width: 128.5px !important; height: 128.5px !important; } #design-elements #maptitle { font-family: "Montserrat"; font-size: 12px; z-index: 2100; pointer-events: none; } #design-elements #mapdesign_border { font-family: "Montserrat"; z-index: 2000; } #design-elements { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 3000; } #design-elements #compass, #design-elements #mapdesign_letter { display: none; } #design-elements #maptitle_city { line-height: 0; } #design-elements #maptitle_coords { line-height: 0; } #design-elements #maptitle_country { line-height: 0; } #design-elements #maptitle_city>div { line-height: 100%; margin-bottom:.1em; margin-top:.1em; } #design-elements #maptitle_coords>div { line-height: 100%; } #design-elements #maptitle_country>div { line-height: 100%; margin-bottom:.5em; } #design-elements #maptitle_city>div:empty::after { content: " "; visibility: hidden; } #design-elements #maptitle_coords>div:empty::after { content: " "; visibility: hidden; } #design-elements #maptitle_country>div:empty::after { content: " "; visibility: hidden; } #map.map_bg_dark_gold { background: #172433; background-size: 100% 100%; } #map.map_bg_bw { background: white; } #design-elements.map_design_simple #maptitle { position: absolute; bottom: 0px; left: 0px; width: 100%; box-sizing: border-box; background: var(--border_color); text-align: center; vertical-align: top; padding: var(--maptitle_padding_top) var(--maptitle_padding_right) var(--maptitle_padding_bottom) var(--maptitle_padding_left); } #design-elements.map_design_simple #maptitle_country { color: var(--text_color_country); } #design-elements.map_design_simple #maptitle_city { font-weight: 300; display: block; border-top: calc(var(--simple_accent_show_border) * var(--poster_max) / 150) solid var(--simple_accent_border_color); color: var(--text_color_city); } #design-elements.map_design_simple #maptitle_coords { width: 50%; margin-left: auto; margin-right: auto; display: block; margin-top: 0px; margin-bottom: var(--map_border_bottom); color: var(--text_color_coords); } #design-elements.map_design_simple #mapdesign_border { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; border-color: var(--border_color); border-width: var(--map_border_top) var(--map_border_right) var(--map_border_bottom) var(--map_border_left); font-size: 1em; z-index: 2000; } #design-elements.map_design_letter #maptitle { position: absolute; box-sizing: border-box; top: calc(0.78 * (var(--poster_height) - var(--map_border_top) - var(--map_border_bottom))); left: var(--map_border_left); right: var(--map_border_right); padding: 2% calc(var(--maptitle_padding_right) + var(--maptitle_padding_left)); color: var(--text_color); text-align: center; } #design-elements.map_design_letter #mapdesign_letter { display: block !important; position: absolute; z-index: 2060; top: -5px; left: -5px; right: -5px; bottom: calc(var(--map_border_bottom) + 0.2 * (var(--poster_height) - var(--map_border_top) - var(--map_border_bottom))); } #design-elements.map_design_letter #mapdesign_border { pointer-events: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; border-color: var(--border_color); border-width: var(--map_border_top) var(--map_border_right) var(--map_border_bottom) var(--map_border_left); box-shadow: inset 0 calc(-1 * (var(--map_border_bottom) + 0.2 * (var(--poster_height) - var(--map_border_top) - var(--map_border_bottom)) + 5px)) var(--letter_foreground_color); } #design-elements.map_design_letter #maptitle_country { display: flex; justify-content: center; } #design-elements.map_design_letter #maptitle_city { color: var(--text_color_city); } #design-elements.map_design_letter #maptitle_coords { color: var(--text_color_coords); } #design-elements.map_design_letter #maptitle_country div { display: flex !important; min-width: 40%; } #design-elements.map_design_letter #maptitle_country div::before, #design-elements.map_design_letter #maptitle_country div::after { min-width: 40px; color: var(--text_color_country); content: ""; flex: 1; border-bottom: solid calc(var(--poster_max) / 354); margin: auto 0.25em; } #design-elements svg { font-size: 20px; width: 100%; height: 100%; } #design-elements #knockout { font-family: "Montserrat"; font-weight: bold; } #design-elements #stroke { font-family: "Montserrat"; font-weight: bold; fill: rgba(0, 0, 0, 0); stroke: var(--letter_stroke_color); stroke-width:.1px; stroke-linejoin: round; } .knockout-text-bg { fill: var(--letter_foreground_color); } #knockout-text rect { fill: white; } #letter rect { width: 100%; height: 100%; } #design-elements.map_design_gallery #maptitle { position: absolute; bottom: 0px; left: 0px; width: 100%; height: var(--map_border_bottom); background: var(--border_color); box-sizing: border-box; vertical-align: top; padding: var(--maptitle_padding_top) var(--maptitle_padding_right) var(--maptitle_padding_bottom) var(--maptitle_padding_left); padding-top: 10px; } #design-elements.map_design_gallery #maptitle_city { display: block; float: left; width: 60%; height: 100%; text-align: left; color: var(--text_color_city); } #design-elements.map_design_gallery #maptitle_coords { width: 40%; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 20px; color: var(--text_color_coords); float: right; clear: right; text-align: right; } #design-elements.map_design_gallery #maptitle_country { width: 40%; margin-top: 2px; color: var(--text_color_country); float: right; clear: right; text-align: right; } #design-elements.map_design_gallery #mapdesign_border { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; border-color: var(--border_color); border-width: var(--map_border_top) var(--map_border_right) var(--map_border_bottom) var(--map_border_left); font-size: 1em; z-index: 2000; } #design-elements.map_design_studio #maptitle { position: absolute; bottom: 0px; left: 0px; width: 100%; background: var(--border_color); box-sizing: border-box; vertical-align: top; padding: var(--maptitle_padding_top) var(--maptitle_padding_right) var(--maptitle_padding_bottom) var(--maptitle_padding_left); padding-top: calc(var(--map_border_bottom) / 2); } #design-elements.map_design_studio #maptitle_city { width: 100%; display: block; float: right; clear: right; text-align: right; color: var(--text_color_city); } #design-elements.map_design_studio #maptitle_coords { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: var(--map_border_bottom); color: var(--text_color_coords); float: right; clear: right; text-align: right; } #design-elements.map_design_studio #maptitle_country { width: 100%; color: var(--text_color_country); float: right; clear: right; text-align: right; } #design-elements.map_design_studio #mapdesign_border { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; border-color: var(--border_color); border-width: var(--map_border_top) var(--map_border_right) var(--map_border_bottom) var(--map_border_left); font-size: 1em; z-index: 2000; } #design-elements.map_design_header #maptitle { font-family: "Beckman"; font-weight: 500; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; box-sizing: border-box; vertical-align: top; padding: var(--maptitle_padding_top) var(--maptitle_padding_right) var(--maptitle_padding_bottom) var(--maptitle_padding_left); padding-top: 10px; } #design-elements.map_design_header #maptitle_city { display: block; float: left; width: 95%; margin: 0 2.5%; text-align: center; text-transform: uppercase; color: var(--header_text_color); } #design-elements.map_design_header #maptitle_city div { margin-top:.2em; } #design-elements.map_design_header #maptitle_coords { display: none; width: 40%; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 20px; color: var(--header_text_color); float: right; clear: right; text-align: right; } #design-elements.map_design_header #maptitle_country { text-transform: uppercase; width: 100%; margin-top: 2px; color: var(--header_text_color); float: right; clear: right; text-align: center; } #design-elements.map_design_header #maptitle_country div { margin-top: -0.2em; border-top: 0.05em solid var(--header_accent_border_color); } #design-elements.map_design_header #mapdesign_border { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-style: solid; border-color: var(--border_color); border-width: var(--map_border_top) var(--map_border_right) var(--map_border_bottom) var(--map_border_left); font-size: 1em; z-index: 2000; } #mapmarker { position: absolute; top: var(--map_border_top); left: var(--map_border_left); right: var(--map_border_right); bottom: var(--map_border_bottom); } #mapmarker div { background: center center/50px 50px no-repeat; width: 100%; height: 100%; } */ #design-elements.vintage #mapdesign_letter, #design-elements.vintage #maptitle_country, #design-elements.vintage #mapdesign_letterborder, #design-elements.vintage #maptitle_coords { display: none !important; } #design-elements.vintage+#map { background: url(/img/vintage.jpg); background-size: 100% 100%; } #design-elements.vintage { background: url(/img/vintage_overlay2.png); background-size: 100% 100%; } #design-elements.vintage #maptitle { font-family: "Hanley Pro Block Inline"; color: #3c230d; position: absolute; top: 10px; font-size: 40px; left: 0px; width: 100%; box-sizing: border-box; text-align: center; vertical-align: top; font-weight: 200; padding: 0 var(--maptitle_padding); z-index: 2100; } #design-elements.vintage #maptitle_city ::after, #design-elements.vintage #maptitle_city ::before { content: "~"; } #design-elements.vintage #compass { display: block; } #design-elements.vintage #compass img { width: 30%; position: absolute; left: 10px; bottom: 10px; } #design-elements.grunge #mapdesign_letter, #design-elements.grunge #maptitle_country, #design-elements.grunge #maptitle_coords { display: none !important; } #design-elements.grunge+#map { background: url(/img/Amazing-White-Grunge-Texture.jpg); background-size: 100% 100%; } #design-elements.grunge #mapdesign_border { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: var(--map_border) solid #fff; pointer-events: none; font-size: 1em; z-index: 2000; } #design-elements.accent #mapdesign_letter, #design-elements.accent #maptitle_city, #design-elements.accent #maptitle_country, #design-elements.accent #mapdesign_letterborder, #design-elements.accent #maptitle_coords { display: none !important; } #design-elements.map_design_star_zodiac #maptitle { position: absolute; left: 0px; width: 100%; top: calc(var(--poster_width) * 0.8 + 0.115 * var(--poster_height)); box-sizing: border-box; vertical-align: top; padding: var(--maptitle_padding_top) var(--maptitle_padding_right) var(--maptitle_padding_bottom) var(--maptitle_padding_left); padding-top: 10px; text-align: center; } #design-elements #maptitle_zodiac { display: none; color: var(--text_color_coords); } #design-elements #maptitle_keywords { display: none; color: var(--text_color_coords); } #design-elements.map_design_star_zodiac #maptitle_zodiac{ display: block; color: var(--text_color_coords); } #design-elements.map_design_star_zodiac #maptitle_keywords { display: block; color: var(--text_color_coords); } #design-elements #maptitle_date { display: none; } #design-elements.map_design_star_zodiac #maptitle_date { display: block; margin-top: calc(var(--poster_height) / 50 - 10px); color: var(--text_color_coords); } #design-elements.map_design_star_zodiac #maptitle_zodiac img { margin: 0 auto; display: block; width: 8%; filter: var(--zodiac_sign_filter); } #design-elements.map_design_star_zodiac #maptitle_zodiac div { font-weight: 400; } #design-elements.map_design_star_zodiac #maptitle_coords{ display: none; } #design-elements.map_design_star_zodiac #maptitle_city, #design-elements.map_design_star_zodiac #maptitle_country { display: none; } #design-elements.map_design_star_zodiac #mapdesign_border { position: absolute; top: var(--map_border_top); bottom: var(--map_border_bottom); left: var(--map_border_left); right: var(--map_border_right); border: calc(var(--map_border_top) / 8) solid var(--border_color); } #design-elements.map_design_star_minimal #maptitle { position: absolute; left: 0px; width: 100%; top: calc(var(--poster_width) * 0.8 + 0.115 * var(--poster_height)); box-sizing: border-box; vertical-align: top; padding: var(--maptitle_padding_top) var(--maptitle_padding_right) var(--maptitle_padding_bottom) var(--maptitle_padding_left); padding-top: 10px; text-align: center; } #design-elements.map_design_star_minimal #maptitle_date { display: block; margin-top: calc(var(--poster_height) / 50 - 10px); color: var(--text_color_coords); } #design-elements.map_design_star_minimal #maptitle_coords { margin-top: calc(var(--poster_height) / 50 - 10px); color: var(--text_color_coords); } #design-elements.map_design_star_minimal #maptitle_city{ color: var(--text_color_city); display: block; font-weight: 400; } #design-elements.map_design_star_minimal #maptitle_country { text-transform: uppercase; color: var(--text_color_country); display: block; font-weight: 400; } #design-elements.map_design_star_minimal #mapdesign_border { position: absolute; top: var(--map_border_top); bottom: var(--map_border_bottom); left: var(--map_border_left); right: var(--map_border_right); border: calc(var(--map_border_top) / 8) solid var(--border_color); } #design-elements.map_design_star_modern #maptitle { position: absolute; width: initial; bottom: initial; top: calc(var(--poster_width) * 0.8 + 0.15 * var(--poster_height)); box-sizing: border-box; vertical-align: top; padding:var(--map_border_top) var(--map_border_right) var(--map_border_bottom) var(--map_border_left); text-align: center; border: calc(var(--map_border_top) / 16) solid var(--border_color); left: 30%; right: 30%; } #design-elements.map_design_star_modern #maptitle_date { display: block; margin-top: calc(var(--poster_height) / 50 - 10px); color: var(--text_color_coords); } #design-elements.map_design_star_modern #maptitle_coords { display: block; margin-top: calc(var(--poster_height) / 50 - 10px); color: var(--text_color_coords); } #design-elements.map_design_star_modern #maptitle_city { color: var(--text_color_city); display: block; font-weight: 400; } #design-elements.map_design_star_modern #maptitle_country { text-transform: uppercase; color: var(--text_color_country); display: block; font-weight: 400; } #design-elements.map_design_star_modern #mapdesign_border { position: absolute; top: var(--map_border_top); bottom: var(--map_border_bottom); left: var(--map_border_left); right: var(--map_border_right); border: calc(var(--map_border_top) / 8) solid var(--border_color); }