1<!DOCTYPE html> 2 3<html lang="en-US"> 4 5 <head> 6 7 <meta charset="UTF-8"> 8 <meta http-equiv="x-ua-compatible" content="ie=edge"> 9 <meta name="theme-color" content="#169fe6" /> 10 <link rel="icon" sizes="192x192" href="https://media.elfontheshelf.com/wp-content/themes/eots2020/assets/images/logo-192.png"> 11 <link rel="apple-touch-icon" href="https://media.elfontheshelf.com/wp-content/themes/eots2020/assets/images/logo-192.png"> 12 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 13 <link rel="preconnect" href="https://fonts.googleapis.com"> 14 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 15 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 16 17 <!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ --> 18 <title>Blog - Santaverse</title> 19 <link rel="canonical" href="https://santaverse.com/blog/" /> 20 <link rel="next" href="https://santaverse.com/blog/page/2/" /> 21 <meta property="og:locale" content="en_US" /> 22 <meta property="og:type" content="article" /> 23 <meta property="og:title" content="Blog - Santaverse" /> 24 <meta property="og:url" content="https://santaverse.com/blog/" /> 25 <meta property="og:site_name" content="Santaverse" /> 26 <meta name="twitter:card" content="summary_large_image" /> 27
27<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":["WebPage","CollectionPage"],"@id":"https:\/\/sv.elfontheshelf.net\/blog\/","url":"https:\/\/sv.elfontheshelf.net\/blog\/","name":"Blog - Santaverse","isPartOf":{"@id":"https:\/\/sv.elfontheshelf.net\/#website"},"datePublished":"2025-08-04T13:14:22+00:00","dateModified":"2025-08-08T19:40:49+00:00","breadcrumb":{"@id":"https:\/\/sv.elfontheshelf.net\/blog\/#breadcrumb"},"inLanguage":"en-US"},{"@type":"BreadcrumbList","@id":"https:\/\/sv.elfontheshelf.net\/blog\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sv.elfontheshelf.net\/"},{"@type":"ListItem","position":2,"name":"Blog"}]},{"@type":"WebSite","@id":"https:\/\/sv.elfontheshelf.net\/#website","url":"https:\/\/sv.elfontheshelf.net\/","name":"Santaverse","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sv.elfontheshelf.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>
27 28 <!-- / Yoast SEO plugin. --> 29 30 31<link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> 32<link rel='dns-prefetch' href='//fonts.googleapis.com' /> 33<style id="wp-img-auto-sizes-contain-inline-css"> 34img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 35/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 36</style> 37<style id="eots-faq-style-inline-css"> 38.faq details { 39 border: 1px solid var(--gray); 40 padding: 10px; 41 margin-bottom: 1em; 42 display: block; 43} 44.faq .eots-answer { 45 padding-top: 1em; 46} 47.faq .eots-question { 48 cursor: pointer; 49 color: var(--blue); 50 list-style: none; 51} 52.faq .eots-question::before { 53 content: '+'; 54 display: inline-block; 55 width: 18px; 56 height: 18px; 57 background-color: var(--blue); 58 margin-right: 10px; 59 text-align: center; 60 color: white; 61 font-size: 18px; 62 line-height: 16px; 63 font-weight: 400; 64 border-radius: 3px; 65 vertical-align: text-bottom; 66 font-family: sans-serif; 67} 68.faq details[open] .eots-question::before, 69.faq .details .eots-question::before { 70 content: '-'; 71 font-size: 20px; 72} 73/*# sourceURL=https://santaverse.com/wp-content/plugins/eots_blocks/faq/view.css */ 74</style> 75<style id="eots-featured-content-style-inline-css"> 76.eots-featured-content { 77 display: block; 78 max-width: 480px; 79 margin: 0 auto; 80 text-align: center; 81} 82 83.eots-featured-content__link { 84 display: block; 85 text-decoration: none; 86 color: inherit; 87 line-height: 0; 88} 89 90.eots-featured-content__image { 91 display: block; 92 width: 100%; 93 height: auto; 94 border-radius: 8px; 95 transition: opacity 0.2s ease; 96} 97 98.eots-featured-content__link:hover .eots-featured-content__image { 99 opacity: 0.9; 100} 101 102.eots-featured-content__image--placeholder { 103 aspect-ratio: 16 / 9; 104 background: #1a1a2e; 105 border-radius: 8px; 106 display: flex; 107 align-items: center; 108 justify-content: center; 109 line-height: 1.4; 110} 111 112.eots-featured-content__image--placeholder span { 113 color: #fff; 114 font-size: 1rem; 115 padding: 1rem; 116 text-align: center; 117} 118 119.eots-featured-content__cta { 120 display: block !important; 121 margin: 0.5rem auto 0; 122 background: var(--bs-primary); 123 width: fit-content; 124 box-shadow: 12px 8px 0px 0px rgba(0,0,0,.1); 125} 126 127.eots-featured-content__description { 128 margin: 0.5em 0 0; 129 line-height: 1.4; 130 color: #fff; 131} 132 133/*# sourceURL=https://santaverse.com/wp-content/plugins/eots_blocks/featured-content/view.css */ 134</style> 135<style id="eots-flipcard-style-inline-css"> 136.wp-block-eots-flipcard { 137 position: relative; 138 z-index: 0; 139 perspective-origin: center; 140 perspective: 1000px; /* Adjusted perspective for better 3D effect */ 141 overflow: visible; /* Prevent clipping during rotation */ 142} 143.wp-block-eots-flipcard .flipcard { 144 width: 100%; 145 height: 100%; 146 position: relative; 147 transform-style: preserve-3d; 148 display: grid; 149 place-items: center; 150 transition: all 0.25s ease; 151 cursor: pointer; 152} 153.wp-block-eots-flipcard .flipcard:hover { 154 transform: rotateY(15deg) scale(1.05); 155} 156.wp-block-eots-flipcard .flipcard.is-flipped { 157 transform: rotateY(180deg) !important; 158} 159 160.wp-block-eots-flipcard .card-face { 161 grid-area: 1 / 1 / 2 / 2; 162 transform-style: preserve-3d; 163 -webkit-backface-visibility: hidden; 164 backface-visibility: hidden; 165 transform: translateZ(2px); /* Add depth to the card faces */ 166} 167 168.wp-block-eots-flipcard .card-face.back { 169 transform: rotateY(180deg); /* Add depth to the back face */ 170 cursor: pointer; 171} 172 173/*# sourceURL=https://santaverse.com/wp-content/plugins/eots_blocks/flip-card/view.css */ 174</style> 175<style id="eots-fullwidth-style-inline-css"> 176.wp-block-eots-fullwidth { 177 width: 100vw; 178 max-width: 100vw; 179 position: relative; 180 left: 50%; 181 transform: translateX(-50%); 182 overflow: hidden; 183 --minHeightXs:auto; 184 --minHeightSm: var(--minHeightXs); 185 --minHeightMd: var(--minHeightSm); 186 --minHeightLg: var(--minHeightMd); 187 --minHeightXl: var(--minHeightLg); 188 --minHeightXxl: var(--minHeightXl); 189 --minHeight: var(--minHeightXs); 190 min-height: var(--minHeight); 191} 192.wp-block-eots-fullwidth > * { 193 z-index: 5; 194 position: relative; 195} 196.wp-block-eots-fullwidth .container { 197 max-width: var(--pageWidth); 198} 199.wp-block-eots-fullwidth { 200 min-height: var(--minHeight); 201} 202 203@media screen and (min-width: 576px) { 204 .wp-block-eots-fullwidth { --minHeight: var(--minHeightSm); } 205} 206 207@media screen and (min-width: 768px) { 208 .wp-block-eots-fullwidth { --minHeight: var(--minHeightMd); } 209} 210 211@media screen and (min-width: 940px) { 212 .wp-block-eots-fullwidth { --minHeight: var(--minHeightLg); } 213} 214 215@media screen and (min-width: 1200px) { 216 .wp-block-eots-fullwidth { --minHeight: var(--minHeightXl); } 217} 218 219@media screen and (min-width: 1400px) { 220 .wp-block-eots-fullwidth { --minHeight: var(--minHeightXxl); } 221} 222 223/*# sourceURL=https://santaverse.com/wp-content/plugins/eots_blocks/full-width/view.css */ 224</style> 225<style id="eots-gallerycontainer-style-inline-css"> 226.tlc-gallery { 227 position: relative; 228 max-width: 1024px; 229 margin: 0px; 230 display: grid; 231 grid-template-columns: 1fr 1fr 1fr 1fr; 232 grid-template-rows: 1fr 1fr 1fr; 233 grid-template-areas: "first second third third" 234 "fourth fifth third third" 235 "sixth seventh eighth ninth"; 236 gap: 1rem; 237} 238 239.tlc-gallery .wp-block-eots-imagetext:nth-child(1), 240.tlc-gallery .tlc-card:nth-child(1) { 241 grid-area: first; 242} 243.tlc-gallery .wp-block-eots-imagetext:nth-child(2) { 244 grid-area: second; 245} 246.tlc-gallery .wp-block-eots-imagetext:nth-child(3) { 247 grid-area: third; 248} 249.tlc-gallery .wp-block-eots-imagetext:nth-child(4) { 250 grid-area: fourth; 251} 252.tlc-gallery .wp-block-eots-imagetext:nth-child(5) { 253 grid-area: fifth; 254} 255.tlc-gallery .wp-block-eots-imagetext:nth-child(6) { 256 grid-area: sixth; 257} 258.tlc-gallery .wp-block-eots-imagetext:nth-child(7) { 259 grid-area: seventh; 260} 261.tlc-gallery .wp-block-eots-imagetext:nth-child(8) { 262 grid-area: eighth; 263} 264.tlc-gallery .wp-block-eots-imagetext:nth-child(9) { 265 grid-area: ninth; 266} 267 268.tlc-gallery .wp-block-eots-imagetext img { 269 width: 100%; 270 height: auto; 271 position: absolute; 272 top: 0; 273 left: 0; 274 z-index: 0; 275} 276.tlc-gallery .wp-block-eots-imagetext .eg-title { 277 position: relative; 278 z-index: 1; 279 text-decoration: none; 280} 281 282 283@media only screen and (max-width: 768px) { 284 .tlc-gallery { 285 grid-template-columns: 1fr 1fr 1fr ; 286 grid-template-rows: 1fr 1fr 1fr 1fr; 287 grid-template-areas: "first third third" 288 "second third third" 289 "fourth fifth sixth" 290 "seventh eighth ninth"; 291 } 292} 293@media only screen and (max-width: 480px) { 294 .tlc-gallery { 295 grid-template-columns: 1fr 1fr ; 296 grid-template-rows: 1fr 2fr 1fr 1fr 1fr; 297 grid-template-areas: "first second" 298 "third third" 299 "fourth fifth" 300 "sixth seventh" 301 "eighth ninth"; 302 } 303} 304 305/*# sourceURL=https://santaverse.com/wp-content/plugins/eots_blocks/gallery-container/view.css */ 306</style> 307<style id="eots-gradientblock-style-inline-css"> 308.wp-block-eots-gradientblock { 309 width: 100%; 310 height: 100%; 311 display: block; 312 position: absolute !important; 313 z-index: 2 !important; 314 pointer-events: none; 315 inset: 0; 316} 317 318@media screen and (max-width: 768px) { 319 .wp-block-eots-gradientblock { 320 background: linear-gradient(to bottom, var(--gradient-colors)); 321 } 322} 323 324@media screen and (min-width: 769px) { 325 .wp-block-eots-gradientblock { 326 background: linear-gradient(to right, var(--gradient-colors)); 327 } 328} 329 330/*# sourceURL=https://santaverse.com/wp-content/plugins/eots_blocks/gradient-block/view.css */ 331</style> 332<style id="eots-imagetext-style-inline-css"> 333.wp-block-eots-imagetext { 334 overflow: hidden; 335 position: relative; 336 display: flex; 337 transition: all .4s ease; 338 text-align: center; 339 width: 100%; 340 height: auto; 341} 342 343.wp-block-eots-imagetext img { 344 position: absolute; 345 width: 100%; 346} 347.wp-block-eots-imagetext .text { 348 position: relative; 349} 350.tlc-aspect-square { 351 aspect-ratio: 1; 352} 353/*# sourceURL=https://santaverse.com/wp-content/plugins/eots_blocks/image-text/view.css */ 354</style> 355<style id="eots-mask-section-style-inline-css"> 356:root { 357 --mask-image: ''; 358 --mask-size: cover; 359 --mask-position: top center; 360 --margin-offset: -12px 0 0 0; 361} 362.wp-block-eots-mask-section { 363 overflow: hidden; 364 position: relative; 365 mask-image: var(--mask-image), linear-gradient(black, black); 366 mask-repeat: repeat-x, no-repeat; 367 mask-position: var(--mask-position), center; 368 mask-size: var(--mask-size), cover; 369 mask-composite: exclude; 370 margin: var(--margin-offset); 371} 372/*# sourceURL=https://santaverse.com/wp-content/plugins/eots_blocks/mask-section/view.css */ 373</style> 374<link rel='stylesheet' id='tlc-microanimations-css' href='https://santaverse.com/wp-content/plugins/eots_blocks/_css/microanimations.css?ver=2.0.0' media='all' /> 375<style id="eots-quiz-style-inline-css"> 376.wp-block-eots-quiz .success { 377 background-color: rgba(0, 255, 0, 0.5); 378} 379.wp-block-eots-quiz .fail { 380 background-color: rgba(255,0,0,0.5); 381} 382.wp-block-eots-quiz .success.clicked { 383 background-color: rgb(0, 255, 0); 384} 385.wp-block-eots-quiz .fail.clicked { 386 background-color: rgb(255, 0, 0); 387} 388.quiz-progressbar { 389 height: 10px; 390} 391.quiz-progress { 392 height: 100%; 393 width: 0; 394} 395/*# sourceURL=https://santaverse.com/wp-content/plugins/eots_blocks/quiz/view.css */ 396</style> 397<style id="eots-registry-style-inline-css"> 398@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Delius&display=swap'); 399.eots-registry { 400 text-align: center; 401} 402.eots-registry .ef-wrapper { 403 margin: 20px auto; 404 max-width: 600px; 405 overflow: hidden; 406 display: none; 407} 408.eots-registry .ef-wrapper.active { 409 display: block; 410} 411.eots-registry .ef-wrapper .ef-header, 412.eots-registry .ef-wrapper .ef-content, 413.eots-registry .ef-wrapper .ef-footer { 414 position: relative; 415 z-index: 1; 416 padding: 1rem; 417} 418 419.eots-registry .ef-wrapper .ef-header h2, 420.eots-registry .ef-wrapper .ef-header h4 { 421 margin-bottom: 0; 422} 423.eots-registry .ef-wrapper .ef-content { 424 425 border: 1px solid #f1f1f1; 426 border-width: 1px 0; 427} 428.parent-email, 429.parent-sms {
430 display: none; 431} 432input[name="subscribe"]:checked ~ .parent-email, 433input[name="subscribe-sms"]:checked ~ .parent-sms { 434 display: block; 435} 436.eots-registry .result-image { 437 height: 200px; 438 display: flex; 439 justify-content: center; 440 align-items: center; 441} 442 443/* .eots-registry .ef-content:has(.eots-ajax-registration-form:invalid) + .ef-footer .btn{ 444 color: var(--bs-btn-disabled-color); 445 pointer-events: none; 446 background-color: var(--bs-btn-disabled-bg); 447 border-color: var(--bs-btn-disabled-border-color); 448 opacity: var(--bs-btn-disabled-opacity); 449} */ 450 451 452/*# sourceURL=https://santaverse.com/wp-content/plugins/eots_blocks/registry/view.css */ 453</style> 454<style id="eots-tab-style-inline-css"> 455.tab-content.active{ 456 display: block; 457} 458.tab-content { 459 display: none; 460} 461 462 463/*# sourceURL=https://santaverse.com/wp-content/plugins/eots_blocks/tab/view.css */ 464</style> 465<style id="eots-tabs-style-inline-css"> 466.tab-parent { 467 width: 100%; 468 margin-bottom: 48px; 469} 470.tab-navigation { 471 display: flex; 472 justify-content: center; 473 flex-wrap: wrap; 474} 475 476.tab-navigation .btn { 477 margin: 4px; 478} 479.tab-navigation .btn:last-child { 480 margin-right: 0rem; 481} 482.tab-link.tab-row { 483 border-bottom-width: 0 !important; 484} 485.tab-link.active { 486 background-color: white; 487 /* color: var(--bs-secondary) !important; */ 488 border-color: var(--bs-secondary) !important; 489} 490/* medium breakpoint or larger */ 491@media (min-width: 769px) { 492 493 .tab-navigation:has(.tab-row) { 494 justify-content: flex-start; 495 width: max-content; 496 border-bottom: 2px solid var(--bs-secondary); 497 } 498 499 .tab-row { 500 margin: 0px .125rem 0px 0px!important; 501 border-bottom-right-radius: 0% !important; 502 border-bottom-left-radius: 0% !important; 503 } 504 505 .tab-row:last-child { 506 margin-right: 0rem!important; 507 } 508 509} 510/*# sourceURL=https://santaverse.com/wp-content/plugins/eots_blocks/tabs/view.css */ 511</style> 512<link rel='stylesheet' id='eots-video-embed-style-css' href='https://santaverse.com/wp-content/plugins/eots_blocks/video-embed/view.css?ver=1790968879' media='all' /> 513<style id="eots-youtubecards-style-inline-css"> 514.wp-block-eots-youtubecards .image { 515 width: 100%; 516 aspect-ratio: 16/9; 517 position: relative; 518} 519.wp-block-eots-youtubecards img{ 520 aspect-ratio: 16/9; 521 object-fit: cover; 522 object-position: center; 523} 524.wp-block-eots-youtubecards .image::before { 525 content: '\2023'; 526 display: flex; 527 width: 70px; 528 aspect-ratio: 16/11; 529 background-color: #c30000; 530 border-radius: 1rem; 531 color: white; 532 font-size: 5rem; 533 line-height: 0; 534 justify-content: center; 535 align-items: center; 536 position: absolute; 537 left: 7%; 538 bottom: 7%; 539 box-shadow: 0 0 5px black 540 541} 542/*# sourceURL=https://santaverse.com/wp-content/plugins/eots_blocks/youtube-cards/style.css */ 543</style> 544<style id="eots-lore-map-style-inline-css"> 545/* required styles */ 546 547.leaflet-pane, 548.leaflet-tile, 549.leaflet-marker-icon, 550.leaflet-marker-shadow, 551.leaflet-tile-container, 552.leaflet-pane > svg, 553.leaflet-pane > canvas, 554.leaflet-zoom-box, 555.leaflet-image-layer, 556.leaflet-layer { 557 position: absolute; 558 left: 0; 559 top: 0; 560 } 561.leaflet-container { 562 overflow: hidden; 563 } 564.leaflet-tile, 565.leaflet-marker-icon, 566.leaflet-marker-shadow { 567 -webkit-user-select: none; 568 -moz-user-select: none; 569 user-select: none; 570 -webkit-user-drag: none; 571 } 572/* Prevents IE11 from highlighting tiles in blue */ 573.leaflet-tile::selection { 574 background: transparent; 575} 576/* Safari renders non-retina tile on retina better with this, but Chrome is worse */ 577.leaflet-safari .leaflet-tile { 578 image-rendering: -webkit-optimize-contrast; 579 } 580/* hack that prevents hw layers "stretching" when loading new tiles */ 581.leaflet-safari .leaflet-tile-container { 582 width: 1600px; 583 height: 1600px; 584 -webkit-transform-origin: 0 0; 585 } 586.leaflet-marker-icon, 587.leaflet-marker-shadow { 588 display: block; 589 } 590/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ 591/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ 592.leaflet-container .leaflet-overlay-pane svg { 593 max-width: none !important; 594 max-height: none !important; 595 } 596.leaflet-container .leaflet-marker-pane img,
597.leaflet-container .leaflet-shadow-pane img, 598.leaflet-container .leaflet-tile-pane img, 599.leaflet-container img.leaflet-image-layer, 600.leaflet-container .leaflet-tile { 601 max-width: none !important; 602 max-height: none !important; 603 width: auto; 604 padding: 0; 605 } 606 607.leaflet-container img.leaflet-tile { 608 /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */ 609 mix-blend-mode: plus-lighter; 610} 611 612.leaflet-container.leaflet-touch-zoom { 613 -ms-touch-action: pan-x pan-y; 614 touch-action: pan-x pan-y; 615 } 616.leaflet-container.leaflet-touch-drag { 617 -ms-touch-action: pinch-zoom; 618 /* Fallback for FF which doesn't support pinch-zoom */ 619 touch-action: none; 620 touch-action: pinch-zoom; 621} 622.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { 623 -ms-touch-action: none; 624 touch-action: none; 625} 626.leaflet-container { 627 -webkit-tap-highlight-color: transparent; 628} 629.leaflet-container a { 630 -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); 631} 632.leaflet-tile { 633 filter: inherit; 634 visibility: hidden; 635 } 636.leaflet-tile-loaded { 637 visibility: inherit; 638 } 639.leaflet-zoom-box { 640 width: 0; 641 height: 0; 642 -moz-box-sizing: border-box; 643 box-sizing: border-box; 644 z-index: 800; 645 } 646/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ 647.leaflet-overlay-pane svg { 648 -moz-user-select: none; 649 } 650 651.leaflet-pane { z-index: 400; } 652 653.leaflet-tile-pane { z-index: 200; } 654.leaflet-overlay-pane { z-index: 400; } 655.leaflet-shadow-pane { z-index: 500; } 656.leaflet-marker-pane { z-index: 600; } 657.leaflet-tooltip-pane { z-index: 650; } 658.leaflet-popup-pane { z-index: 700; } 659 660.leaflet-map-pane canvas { z-index: 100; } 661.leaflet-map-pane svg { z-index: 200; } 662 663.leaflet-vml-shape { 664 width: 1px; 665 height: 1px; 666 } 667.lvml { 668 behavior: url(#default#VML); 669 display: inline-block; 670 position: absolute; 671 } 672 673 674/* control positioning */ 675 676.leaflet-control { 677 position: relative; 678 z-index: 800; 679 pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ 680 pointer-events: auto; 681 } 682.leaflet-top, 683.leaflet-bottom { 684 position: absolute; 685 z-index: 1000; 686 pointer-events: none; 687 } 688.leaflet-top { 689 top: 0; 690 } 691.leaflet-right { 692 right: 0; 693 } 694.leaflet-bottom { 695 bottom: 0; 696 } 697.leaflet-left { 698 left: 0; 699 } 700.leaflet-control { 701 float: left; 702 clear: both; 703 } 704.leaflet-right .leaflet-control { 705 float: right; 706 } 707.leaflet-top .leaflet-control { 708 margin-top: 10px; 709 } 710.leaflet-bottom .leaflet-control { 711 margin-bottom: 10px; 712 } 713.leaflet-left .leaflet-control { 714 margin-left: 10px; 715 } 716.leaflet-right .leaflet-control { 717 margin-right: 10px; 718 } 719 720 721/* zoom and fade animations */ 722 723.leaflet-fade-anim .leaflet-popup { 724 opacity: 0; 725 -webkit-transition: opacity 0.2s linear; 726 -moz-transition: opacity 0.2s linear; 727 transition: opacity 0.2s linear; 728 } 729.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { 730 opacity: 1; 731 } 732.leaflet-zoom-animated { 733 -webkit-transform-origin: 0 0; 734 -ms-transform-origin: 0 0; 735 transform-origin: 0 0; 736 } 737svg.leaflet-zoom-animated { 738 will-change: transform; 739} 740 741.leaflet-zoom-anim .leaflet-zoom-animated { 742 -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); 743 -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); 744 transition: transform 0.25s cubic-bezier(0,0,0.25,1); 745 } 746.leaflet-zoom-anim .leaflet-tile, 747.leaflet-pan-anim .leaflet-tile { 748 -webkit-transition: none; 749 -moz-transition: none; 750 transition: none; 751 } 752 753.leaflet-zoom-anim .leaflet-zoom-hide { 754 visibility: hidden; 755 } 756 757 758/* cursors */ 759 760.leaflet-interactive { 761 cursor: pointer; 762 } 763.leaflet-grab { 764 cursor: -webkit-grab; 765 cursor: -moz-grab; 766 cursor: grab; 767 } 768.leaflet-crosshair, 769.leaflet-crosshair .leaflet-interactive { 770 cursor: crosshair; 771 } 772.leaflet-popup-pane, 773.leaflet-control { 774 cursor: auto; 775 } 776.leaflet-dragging .leaflet-grab, 777.leaflet-dragging .leaflet-grab .leaflet-interactive, 778.leaflet-dragging .leaflet-marker-draggable { 779 cursor: move; 780 cursor: -webkit-grabbing; 781 cursor: -moz-grabbing; 782 cursor: grabbing; 783 } 784 785/* marker & overlays interactivity */ 786.leaflet-marker-icon, 787.leaflet-marker-shadow, 788.leaflet-image-layer, 789.leaflet-pane > svg path, 790.leaflet-tile-container { 791 pointer-events: none; 792 } 793 794.leaflet-marker-icon.leaflet-interactive, 795.leaflet-image-layer.leaflet-interactive, 796.leaflet-pane > svg path.leaflet-interactive, 797svg.leaflet-image-layer.leaflet-interactive path { 798 pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ 799 pointer-events: auto; 800 } 801 802/* visual tweaks */ 803 804.leaflet-container { 805 background: #ddd; 806 outline-offset: 1px; 807 } 808.leaflet-container a { 809 color: #0078A8; 810 } 811.leaflet-zoom-box { 812 border: 2px dotted #38f; 813 background: rgba(255,255,255,0.5); 814 } 815 816 817/* general typography */ 818.leaflet-container { 819 font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; 820 font-size: 12px; 821 font-size: 0.75rem; 822 line-height: 1.5; 823 } 824 825 826/* general toolbar styles */ 827 828.leaflet-bar { 829 box-shadow: 0 1px 5px rgba(0,0,0,0.65); 830 border-radius: 4px; 831 } 832.leaflet-bar a { 833 background-color: #fff; 834 border-bottom: 1px solid #ccc; 835 width: 26px;
836 height: 26px; 837 line-height: 26px; 838 display: block; 839 text-align: center; 840 text-decoration: none; 841 color: black; 842 } 843.leaflet-bar a, 844.leaflet-control-layers-toggle { 845 background-position: 50% 50%; 846 background-repeat: no-repeat; 847 display: block; 848 } 849.leaflet-bar a:hover, 850.leaflet-bar a:focus { 851 background-color: #f4f4f4; 852 } 853.leaflet-bar a:first-child { 854 border-top-left-radius: 4px; 855 border-top-right-radius: 4px; 856 } 857.leaflet-bar a:last-child { 858 border-bottom-left-radius: 4px; 859 border-bottom-right-radius: 4px; 860 border-bottom: none; 861 } 862.leaflet-bar a.leaflet-disabled { 863 cursor: default; 864 background-color: #f4f4f4; 865 color: #bbb; 866 } 867 868.leaflet-touch .leaflet-bar a { 869 width: 30px; 870 height: 30px; 871 line-height: 30px; 872 } 873.leaflet-touch .leaflet-bar a:first-child { 874 border-top-left-radius: 2px; 875 border-top-right-radius: 2px; 876 } 877.leaflet-touch .leaflet-bar a:last-child { 878 border-bottom-left-radius: 2px; 879 border-bottom-right-radius: 2px; 880 } 881 882/* zoom control */ 883 884.leaflet-control-zoom-in, 885.leaflet-control-zoom-out { 886 font: bold 18px 'Lucida Console', Monaco, monospace; 887 text-indent: 1px; 888 } 889 890.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { 891 font-size: 22px; 892 } 893 894 895/* layers control */ 896 897.leaflet-control-layers { 898 box-shadow: 0 1px 5px rgba(0,0,0,0.4); 899 background: #fff; 900 border-radius: 5px; 901 } 902.leaflet-control-layers-toggle { 903 background-image: url(https://media.elfontheshelf.com/wp-content/plugins/eots_map/css/images/layers.png); 904 width: 36px; 905 height: 36px; 906 } 907.leaflet-retina .leaflet-control-layers-toggle { 908 background-image: url(https://media.elfontheshelf.com/wp-content/plugins/eots_map/css/images/layers-2x.png); 909 background-size: 26px 26px; 910 } 911.leaflet-touch .leaflet-control-layers-toggle { 912 width: 44px; 913 height: 44px; 914 } 915.leaflet-control-layers .leaflet-control-layers-list, 916.leaflet-control-layers-expanded .leaflet-control-layers-toggle { 917 display: none; 918 } 919.leaflet-control-layers-expanded .leaflet-control-layers-list { 920 display: block; 921 position: relative; 922 } 923.leaflet-control-layers-expanded { 924 padding: 6px 10px 6px 6px; 925 color: #333; 926 background: #fff; 927 } 928.leaflet-control-layers-scrollbar { 929 overflow-y: scroll; 930 overflow-x: hidden; 931 padding-right: 5px; 932 } 933.leaflet-control-layers-selector { 934 margin-top: 2px; 935 position: relative; 936 top: 1px; 937 } 938.leaflet-control-layers label { 939 display: block; 940 font-size: 13px; 941 font-size: 1.08333em; 942 } 943.leaflet-control-layers-separator { 944 height: 0; 945 border-top: 1px solid #ddd; 946 margin: 5px -10px 5px -6px; 947 } 948 949/* Default icon URLs */ 950.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */ 951 background-image: url(https://media.elfontheshelf.com/wp-content/plugins/eots_map/css/images/marker-icon.png); 952 } 953 954 955/* attribution and scale controls */ 956 957.leaflet-container .leaflet-control-attribution { 958 background: #fff; 959 background: rgba(255, 255, 255, 0.8); 960 margin: 0; 961 } 962.leaflet-control-attribution, 963.leaflet-control-scale-line { 964 padding: 0 5px; 965 color: #333; 966 line-height: 1.4; 967 } 968.leaflet-control-attribution a { 969 text-decoration: none; 970 } 971.leaflet-control-attribution a:hover, 972.leaflet-control-attribution a:focus { 973 text-decoration: underline; 974 } 975.leaflet-attribution-flag { 976 display: inline !important; 977 vertical-align: baseline !important; 978 width: 1em; 979 height: 0.6669em; 980 } 981.leaflet-left .leaflet-control-scale { 982 margin-left: 5px; 983 } 984.leaflet-bottom .leaflet-control-scale { 985 margin-bottom: 5px; 986 } 987.leaflet-control-scale-line { 988 border: 2px solid #777; 989 border-top: none; 990 line-height: 1.1; 991 padding: 2px 5px 1px; 992 white-space: nowrap; 993 -moz-box-sizing: border-box; 994 box-sizing: border-box; 995 background: rgba(255, 255, 255, 0.8); 996 text-shadow: 1px 1px #fff; 997 } 998.leaflet-control-scale-line:not(:first-child) { 999 border-top: 2px solid #777; 1000 border-bottom: none; 1001 margin-top: -2px; 1002 } 1003.leaflet-control-scale-line:not(:first-child):not(:last-child) { 1004 border-bottom: 2px solid #777; 1005 } 1006 1007.leaflet-touch .leaflet-control-attribution, 1008.leaflet-touch .leaflet-control-layers, 1009.leaflet-touch .leaflet-bar { 1010 box-shadow: none; 1011 } 1012.leaflet-touch .leaflet-control-layers, 1013.leaflet-touch .leaflet-bar { 1014 border: 2px solid rgba(0,0,0,0.2); 1015 background-clip: padding-box; 1016 } 1017 1018 1019/* popup */ 1020 1021.leaflet-popup { 1022 position: absolute; 1023 text-align: center; 1024 margin-bottom: 20px; 1025 } 1026.leaflet-popup-content-wrapper { 1027 padding: 1px; 1028 text-align: left; 1029 border-radius: 12px; 1030 } 1031.leaflet-popup-content { 1032 margin: 13px 24px 13px 20px; 1033 line-height: 1.3; 1034 font-size: 13px; 1035 font-size: 1.08333em; 1036 min-height: 1px; 1037 } 1038.leaflet-popup-content p { 1039 margin: 17px 0; 1040 margin: 1.3em 0; 1041 } 1042.leaflet-popup-tip-container { 1043 width: 40px; 1044 height: 20px; 1045 position: absolute; 1046 left: 50%;
1047 margin-top: -1px; 1048 margin-left: -20px; 1049 overflow: hidden; 1050 pointer-events: none; 1051 } 1052.leaflet-popup-tip { 1053 width: 17px; 1054 height: 17px; 1055 padding: 1px; 1056 1057 margin: -10px auto 0; 1058 pointer-events: auto; 1059 1060 -webkit-transform: rotate(45deg); 1061 -moz-transform: rotate(45deg); 1062 -ms-transform: rotate(45deg); 1063 transform: rotate(45deg); 1064 } 1065.leaflet-popup-content-wrapper, 1066.leaflet-popup-tip { 1067 background: white; 1068 color: #333; 1069 box-shadow: 0 3px 14px rgba(0,0,0,0.4); 1070 } 1071.leaflet-container a.leaflet-popup-close-button { 1072 position: absolute; 1073 top: 0; 1074 right: 0; 1075 border: none; 1076 text-align: center; 1077 width: 24px; 1078 height: 24px; 1079 font: 16px/24px Tahoma, Verdana, sans-serif; 1080 color: #757575; 1081 text-decoration: none; 1082 background: transparent; 1083 } 1084.leaflet-container a.leaflet-popup-close-button:hover, 1085.leaflet-container a.leaflet-popup-close-button:focus { 1086 color: #585858; 1087 } 1088.leaflet-popup-scrolled { 1089 overflow: auto; 1090 } 1091 1092.leaflet-oldie .leaflet-popup-content-wrapper { 1093 -ms-zoom: 1; 1094 } 1095.leaflet-oldie .leaflet-popup-tip { 1096 width: 24px; 1097 margin: 0 auto; 1098 1099 -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; 1100 filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); 1101 } 1102 1103.leaflet-oldie .leaflet-control-zoom, 1104.leaflet-oldie .leaflet-control-layers, 1105.leaflet-oldie .leaflet-popup-content-wrapper, 1106.leaflet-oldie .leaflet-popup-tip { 1107 border: 1px solid #999; 1108 } 1109 1110 1111/* div icon */ 1112 1113.leaflet-div-icon { 1114 background: #fff; 1115 border: 1px solid #666; 1116 } 1117 1118 1119/* Tooltip */ 1120/* Base styles for the element that has a tooltip */ 1121.leaflet-tooltip { 1122 position: absolute; 1123 padding: 6px; 1124 background-color: #fff; 1125 border: 1px solid #fff; 1126 border-radius: 3px; 1127 color: #222; 1128 white-space: nowrap; 1129 -webkit-user-select: none; 1130 -moz-user-select: none; 1131 -ms-user-select: none; 1132 user-select: none; 1133 pointer-events: none; 1134 box-shadow: 0 1px 3px rgba(0,0,0,0.4); 1135 } 1136.leaflet-tooltip.leaflet-interactive { 1137 cursor: pointer; 1138 pointer-events: auto; 1139 } 1140.leaflet-tooltip-top:before, 1141.leaflet-tooltip-bottom:before, 1142.leaflet-tooltip-left:before, 1143.leaflet-tooltip-right:before { 1144 position: absolute; 1145 pointer-events: none; 1146 border: 6px solid transparent; 1147 background: transparent; 1148 content: ""; 1149 } 1150 1151/* Directions */ 1152 1153.leaflet-tooltip-bottom { 1154 margin-top: 6px; 1155} 1156.leaflet-tooltip-top { 1157 margin-top: -6px; 1158} 1159.leaflet-tooltip-bottom:before, 1160.leaflet-tooltip-top:before { 1161 left: 50%; 1162 margin-left: -6px; 1163 } 1164.leaflet-tooltip-top:before { 1165 bottom: 0; 1166 margin-bottom: -12px; 1167 border-top-color: #fff; 1168 } 1169.leaflet-tooltip-bottom:before { 1170 top: 0; 1171 margin-top: -12px; 1172 margin-left: -6px; 1173 border-bottom-color: #fff; 1174 } 1175.leaflet-tooltip-left { 1176 margin-left: -6px; 1177} 1178.leaflet-tooltip-right { 1179 margin-left: 6px; 1180} 1181.leaflet-tooltip-left:before, 1182.leaflet-tooltip-right:before { 1183 top: 50%; 1184 margin-top: -6px; 1185 } 1186.leaflet-tooltip-left:before { 1187 right: 0; 1188 margin-right: -12px; 1189 border-left-color: #fff; 1190 } 1191.leaflet-tooltip-right:before { 1192 left: 0; 1193 margin-left: -12px; 1194 border-right-color: #fff; 1195 } 1196 1197/* Printing */ 1198 1199@media print { 1200 /* Prevent printers from removing background-images of controls. */ 1201 .leaflet-control { 1202 -webkit-print-color-adjust: exact; 1203 print-color-adjust: exact; 1204 } 1205 } 1206/*# sourceURL=https://santaverse.com/wp-content/plugins/eots_map/css/leaflet.css */ 1207</style> 1208<style id="eots-lore-map-style-2-inline-css"> 1209@import url("https://fonts.googleapis.com/css2?family=Cinzel:[email protected]&display=swap"); 1210 1211* { 1212 box-sizing: border-box; 1213} 1214:root { 1215 --blue: rgb(26, 38, 85); 1216 --mauve: rgb(180, 64, 153); 1217 --green: rgb(0, 173, 146); 1218 --paleBlue: rgb(160, 222, 245); 1219 --white: #ffffff; 1220 --gold: rgb(202, 141, 44); 1221 --cloud: #e1c6db; 1222 --red: #c00000; 1223 1224 --lore-font-family: var(--bodyFont, "Cinzel", serif); 1225 --lore-text-color: rgb(var(--bs-body-color-rgb, 255, 255, 255)); 1226 --lore-surface-strong: rgba(var(--pageColor-rgb, 0, 0, 0), 0.8); 1227 --lore-surface-soft: rgba(var(--pageColor-rgb, 0, 0, 0), 0.3); 1228 --lore-accent: var(--bs-secondary, rgb(180, 134, 66)); 1229} 1230 1231.wp-block-eots-lore-map .frame { 1232 /* height: 100vh; */ 1233 font-family: var(--lore-font-family); 1234 display: flex; 1235 justify-content: center; 1236 align-items: center; 1237 flex-direction: column; 1238 color: var(--lore-text-color); 1239 background-color: var(--mauve); 1240 background-image: radial-gradient(transparent, black); 1241 position: relative; 1242 padding-bottom: 50px; 1243} 1244.wp-block-eots-lore-map .frame.no-timeline { 1245 padding-bottom: 0; 1246} 1247.wp-block-eots-lore-map #year {
1248 display: block; 1249 position: absolute; 1250 top: 1rem; 1251 right: 1rem; 1252 z-index: 1002; 1253 background-color: var(--lore-surface-strong); 1254 padding: 0.5rem 1rem; 1255 border: 1px solid var(--lore-accent); 1256 backdrop-filter: blur(2px); 1257 font-weight: bold; 1258} 1259.wp-block-eots-lore-map .mute-toggle { 1260 position: absolute; 1261 top: 1rem; 1262 right: 8rem; 1263 z-index: 1002; 1264 background-color: var(--lore-surface-strong); 1265 padding: 0.5rem 1rem; 1266 border: 1px solid var(--lore-accent); 1267 backdrop-filter: blur(2px); 1268 font-weight: bold; 1269 color: var(--lore-text-color); 1270 cursor: pointer; 1271 font-size: 1.2rem; 1272 line-height: 1; 1273 transition: all 0.3s ease; 1274 opacity: 0; 1275 max-width: 60px; 1276} 1277 1278.wp-block-eots-lore-map .mute-toggle.icon-ready { 1279 opacity: 1; 1280} 1281 1282.wp-block-eots-lore-map .mute-toggle:hover { 1283 background-color: rgba(202, 141, 44, 0.2); 1284 background-color: color-mix(in srgb, var(--lore-accent) 20%, transparent); 1285} 1286.wp-block-eots-lore-map .frame.no-timeline .mute-toggle { 1287 right: 1rem; /* Shift right when timeline is off */ 1288} 1289.wp-block-eots-lore-map .map { 1290 position: relative; 1291 width: 100%; 1292 max-height: 100vh; 1293} 1294 1295@media (min-width: 768px) { 1296 .wp-block-eots-lore-map .map { 1297 max-height: 100%; 1298 } 1299} 1300 1301.wp-block-eots-lore-map input[type="range"] { 1302 -webkit-appearance: none; 1303 width: 100%; 1304 background: transparent; 1305 position: absolute; 1306 bottom: 40px; 1307 left: 0; 1308 z-index: 1001; 1309 margin: 0; 1310 padding: 0px; 1311 display: block; 1312} 1313 1314.wp-block-eots-lore-map input[type="range"]::-webkit-slider-thumb { 1315 -webkit-appearance: none; 1316 height: 40px; 1317 width: 40px; 1318 background-image: 1319 linear-gradient(to top right, transparent 50%, var(--lore-accent) 50%, var(--lore-accent) 55%, transparent 55%), 1320 linear-gradient(to bottom right, transparent 45%, var(--lore-accent) 45%, var(--lore-accent) 50%, transparent 50%); 1321 background-size: 32% 100%; 1322 background-repeat: no-repeat; 1323 background-position: 25%, 75%; 1324 cursor: pointer; 1325 transform: translateY(-50%); 1326 border: none; 1327 border-radius: 100%; 1328 transition: all 0.5s ease-in-out; 1329} 1330.wp-block-eots-lore-map input[type="range"]::-webkit-slider-thumb:hover { 1331 background-color: rgba(0, 0, 0, 0.4) 1332} 1333 1334/* All the same stuff for Firefox */ 1335.wp-block-eots-lore-map input[type="range"]::-moz-range-thumb { 1336 height: 40px; 1337 width: 40px; 1338 background: var(--lore-accent); 1339 cursor: pointer; 1340 border: none; 1341} 1342 1343.wp-block-eots-lore-map input[type="range"]::-webkit-slider-runnable-track { 1344 width: 100%; 1345 height: 2px;
1346 cursor: pointer; 1347 background: var(--lore-accent); 1348} 1349 1350.wp-block-eots-lore-map input[type="range"]:focus::-webkit-slider-runnable-track { 1351 background: var(--lore-accent); 1352} 1353 1354.wp-block-eots-lore-map input[type="range"]::-moz-range-track { 1355 width: 100%; 1356 height: 2px; 1357 cursor: pointer; 1358 background: var(--lore-accent); 1359} 1360.wp-block-eots-lore-map datalist { 1361 display: block; 1362 width: 100%; 1363 font-family: var(--lore-font-family); 1364 padding: 10px 0; 1365 margin: 0; 1366 background: var(--lore-surface-soft); 1367 position: absolute; 1368 bottom: 0; 1369 left: 0; 1370 z-index: 1000; 1371 height: 40px; 1372} 1373.wp-block-eots-lore-map datalist option { 1374 padding: 0; 1375 margin: 0; 1376 line-height: 1; 1377 display: inline-block; 1378 position: absolute; 1379} 1380 1381.wp-block-eots-lore-map .leaflet-touch .leaflet-bar, 1382.wp-block-eots-lore-map .leaflet-bar { 1383 border-color: var(--lore-accent); 1384} 1385 1386.wp-block-eots-lore-map .leaflet-touch .leaflet-bar a, 1387.wp-block-eots-lore-map .leaflet-bar a { 1388 background-color: var(--lore-surface-strong); 1389 backdrop-filter: blur(2px); 1390 color: var(--lore-text-color); 1391 border: none; 1392 margin: 4px; 1393} 1394 1395.wp-block-eots-lore-map .legend-toggle { 1396 position: absolute; 1397 left: -9999px; 1398} 1399.wp-block-eots-lore-map .legend { 1400 position: absolute; 1401 left: calc(100% - 250px - 1rem); 1402 top: 13%; 1403 z-index: 1001; 1404 font-family: var(--lore-font-family); 1405 transition: all 0.5s ease-in-out; 1406 overflow: hidden; 1407 width: 250px; 1408 transform-origin: left center; 1409} 1410.wp-block-eots-lore-map .legend-header { 1411 display: block; 1412 padding: 1rem; 1413 cursor: pointer; 1414 text-align: center; 1415 font-weight: bold; 1416 perspective: 1000px; 1417 background-color: var(--lore-surface-strong); 1418 backdrop-filter: blur(2px); 1419} 1420.wp-block-eots-lore-map .legend-header-inner { 1421 display: block; 1422 position: relative; 1423 transition: transform 0.5s ease-in-out; 1424 transform-style: preserve-3d; 1425} 1426.wp-block-eots-lore-map .legend-front, 1427.wp-block-eots-lore-map .legend-back { 1428 display: block; 1429 backface-visibility: hidden; 1430} 1431.wp-block-eots-lore-map .legend-back { 1432 position: absolute; 1433 top: 0; 1434 left: 0; 1435 width: 100%; 1436 transform: rotateY(180deg); 1437} 1438.wp-block-eots-lore-map .legend-toggle:checked ~ .legend .legend-header-inner { 1439 transform: rotateY(180deg); 1440} 1441.wp-block-eots-lore-map .legend-list { 1442 max-height: 0; 1443 overflow: hidden; 1444 margin: 0; 1445 padding: 0; 1446 transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out, max-height 0s 0.8s; 1447 transform-origin: left center; 1448 transform: perspective(1000px) rotateY(-90deg); 1449 opacity: 0; 1450 background-color: var(--lore-surface-strong); 1451 backdrop-filter: blur(2px); 1452} 1453.wp-block-eots-lore-map .legend-toggle:checked ~ .legend .legend-list { 1454 max-height: 500px; 1455 transform: perspective(1000px) rotateY(0deg); 1456 opacity: 1; 1457 transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out, max-height 0s 0s; 1458} 1459.wp-block-eots-lore-map .legend-list li { 1460 list-style-type: none; 1461 margin: 0; 1462 padding: 0.75rem 1rem; 1463 cursor: pointer; 1464 transition: all 0.3s ease-in-out; 1465 color: var(--lore-text-color); 1466} 1467.wp-block-eots-lore-map .legend-list li:hover { 1468 color: var(--lore-accent); 1469 text-shadow: 0 0 5px var(--lore-accent), 0 0 10px var(--lore-accent); 1470} 1471.leaflet-image-layer.fadeIn { 1472 animation: fadeIn .25s linear 1; 1473} 1474.leaflet-image-layer.fadeOut { 1475 animation: fadeOut .25s linear 1; 1476 opacity: 0; 1477} 1478.leaflet-image-layer.type-location:hover, 1479.leaflet-image-layer.type-item:hover { 1480 transition: transform 0.3s ease; 1481} 1482@keyframes fadeIn { 1483 0% { 1484 opacity: 0; 1485 } 1486 100% { 1487 opacity: 1; 1488 } 1489} 1490@keyframes fadeOut { 1491 0% { 1492 opacity: 1; 1493 } 1494 100% { 1495 opacity: 0; 1496 } 1497} 1498/* .lore-map .leaflet-image-layer.label { 1499 pointer-events:all; 1500 transition: scale 0.5s ease-in-out, filter 0.5s ease-in-out; 1501 transform-origin: center center; 1502} */ 1503/* .label:hover { 1504 scale: 1.01; 1505 filter: drop-shadow(0 0 10px var(--gold)) 1506} */ 1507 1508dialog.map-lightbox { 1509 transition: all 0.25s ease; 1510 background-color: rgba(var(--pageColor-rgb, 0, 13, 36), 0.85); 1511 display: block; 1512 margin-left: calc( 50vw + 1rem); 1513 width: 100%; 1514 max-width: calc( ( var(--pageWidth) / 2 ) - 2rem ); 1515 padding: 2rem; 1516 border-radius: 1.25rem; 1517 border: none; 1518 height: calc( 100vh - 2rem ); 1519 color: var(--lore-text-color); 1520 opacity: 0; 1521 transform: translateX(100%); 1522} 1523dialog.map-lightbox.left { 1524 margin-left: auto; 1525 margin-right: calc(50vw + 1rem); 1526 transform: translateX(-100%); 1527} 1528dialog.map-lightbox h2 { 1529 color: var(--lore-text-color) 1530} 1531dialog.map-lightbox[open] { 1532 opacity: 1; 1533 transform: translateX(0); 1534 outline: none; 1535} 1536.close.material-symbols-rounded { 1537 position: absolute; 1538 right: 0; 1539 top: 0; 1540 border-radius: 100%; 1541 border: 1px solid var(--lore-text-color); 1542 margin: 0.5rem; 1543 padding: 0.1rem; 1544 cursor: pointer; 1545} 1546dialog.map-lightbox .el-wrapper { 1547 height: 100%; 1548 overflow-y: auto; 1549 display: block; 1550} 1551 1552@media ( max-aspect-ratio: 1 ) { 1553 /* Is Portrait */ 1554 dialog.map-lightbox { 1555 margin-left: 1rem !important; 1556 margin-right: 1rem !important; 1557 max-width: calc( 100% - 2rem ); 1558 margin-top: calc( 30vh + 1rem ); 1559 height: calc( 70vh - 2rem); 1560 } 1561 1562 .wp-block-eots-lore-map .legend { 1563 left: 1rem; 1564 bottom: 60px; 1565 top: auto; 1566 transform: translateX(0); 1567 } 1568 1569 .wp-block-eots-lore-map input[type="range"] { 1570 left: .5rem; 1571 width: calc(100% - 1rem); 1572 } 1573 1574 .wp-block-eots-lore-map datalist { 1575 left: .5rem; 1576 width: calc(100% - 1rem); 1577 } 1578 1579 .wp-block-eots-lore-map .leaflet-control-zoom { 1580 margin-right: calc(10px + 1rem); 1581 } 1582} 1583 1584.wp-block-eots-lore-map h3, 1585.wp-block-eots-lore-map strong { 1586 color: var(--lore-accent); 1587} 1588 1589.wp-block-eots-lore-map .wp-block-eots-imagetext { 1590 display: block; 1591 background: url(https://media.elfontheshelf.com/wp-content/uploads/2024/09/character-bg.webp) no-repeat center/contain, linear-gradient(180deg, #093145 0%, #071528 100%); 1592 border-radius: 16px; 1593} 1594 1595.wp-block-eots-lore-map .wp-block-eots-imagetext img { 1596 position: relative; 1597} 1598 1599.wp-block-eots-lore-map .wp-block-eots-imagetext .text { 1600 position: absolute; 1601 top: 0; 1602 width: 100%; 1603 height: 100%; 1604 align-content: end; 1605 background: linear-gradient(to bottom, 1606 rgba(18, 10, 56, 0), 1607 rgba(18, 10, 56, 0), 1608 rgba(18, 10, 56, 0), 1609 rgba(17, 44, 85, 0.75), 1610 rgba(17, 51, 91, 0.9)); 1611} 1612 1613.wp-block-eots-lore-map dialog.map-lightbox[open] { 1614 overflow: hidden; 1615} 1616 1617.wp-block-eots-lore-map dialog .lb-body { 1618 height: 100%; 1619} 1620 1621.wp-block-eots-lore-map dialog .el-wrapper { 1622 height: 100%; 1623 overflow-x: hidden;
1624 overflow-y: scroll; 1625} 1626 1627/* Disable hover effects during map animations */ 1628.leaflet-image-layer.no-hover-animation { 1629 pointer-events: none !important; 1630 transition: none !important; 1631} 1632 1633/*# sourceURL=https://santaverse.com/wp-content/plugins/eots_map/view.css */ 1634</style> 1635<style id="global-styles-inline-css"> 1636:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--bs-body-color: #e7e8e9;--wp--preset--color--bs-heading-color: #eac799;--wp--preset--color--link-color: #ffffff;--wp--preset--color--nav-text-color: #ffffff;--wp--preset--color--nav-link-color: #ffffff;--wp--preset--color--footer-text-color: #ffffff;--wp--preset--color--footer-link-color: #ffffff;--wp--preset--color--page-color: #09192f;--wp--preset--color--header-color: #0e284d;--wp--preset--color--nav-color: #09192f;--wp--preset--color--footer-color: #0e284d;--wp--preset--color--primary: #8e6b3d;--wp--preset--color--secondary: #0a64be;--wp--preset--color--success: #eac799;--wp--preset--color--info: #0e284d;--wp--preset--color--warning: #626d7a;--wp--preset--color--danger: #fc5f5f;--wp--preset--color--light: #f4f5f5;--wp--preset--color--dark: #09192f;--wp--preset--color--custom-light-gold: #FADE9E;--wp--preset--color--custom-dark-teal: #2D8470;--wp--preset--color--custom-light-teal: #46B99E;--wp--preset--color--custom-dark-purple: #914089;--wp--preset--color--custom-quiz-dark-purple: #914089;--wp--preset--color--custom-light-purple: #C45DBA;--wp--preset--color--custom-light-blue: #183A62;--wp--preset--color--custom-dark-blue: #09192f;--wp--preset--color--custom-novel-dark-teal: #0A3536;--wp--preset--color--custom-novel-darkest-teal: #052D2D;--wp--preset--color--custom-novel-brown: #1C0B00;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
1636--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-bs-body-color-color{color: var(--wp--preset--color--bs-body-color) !important;}.has-bs-heading-color-color{color: var(--wp--preset--color--bs-heading-color) !important;}.has-link-color-color{color: var(--wp--preset--color--link-color) !important;}.has-nav-text-color-color{color: var(--wp--preset--color--nav-text-color) !important;}.has-nav-link-color-color{color: var(--wp--preset--color--nav-link-color) !important;}.has-footer-text-color-color{color: var(--wp--preset--color--footer-text-color) !important;}.has-footer-link-color-color{color: var(--wp--preset--color--footer-link-color) !important;}.has-page-color-color{color: var(--wp--preset--color--page-color) !important;}.has-header-color-color{color: var(--wp--preset--color--header-color) !important;}.has-nav-color-color{color: var(--wp--preset--color--nav-color) !important;}.has-footer-color-color{color: var(--wp--preset--color--footer-color) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-success-color{color: var(--wp--preset--color--success) !important;}.has-info-color{color: var(--wp--preset--color--info) !important;}.has-warning-color{color: var(--wp--preset--color--warning) !important;}.has-danger-color{color: var(--wp--preset--color--danger) !important;}.has-light-color{color: var(--wp--preset--color--light) !important;}.has-dark-color{color: var(--wp--preset--color--dark) !important;}.has-custom-light-gold-color{color: var(--wp--preset--color--custom-light-gold) !important;}.has-custom-dark-teal-color{color: var(--wp--preset--color--custom-dark-teal) !important;}.has-custom-light-teal-color{color: var(--wp--preset--color--custom-light-teal) !important;}.has-custom-dark-purple-color{color: var(--wp--preset--color--custom-dark-purple) !important;}.has-custom-quiz-dark-purple-color{color: var(--wp--preset--color--custom-quiz-dark-purple) !important;}.has-custom-light-purple-color{color: var(--wp--preset--color--custom-light-purple) !important;}.has-custom-light-blue-color{color: var(--wp--preset--color--custom-light-blue) !important;}.has-custom-dark-blue-color{color: var(--wp--preset--color--custom-dark-blue) !important;}.has-custom-novel-dark-teal-color{color: var(--wp--preset--color--custom-novel-dark-teal) !important;}.has-custom-novel-darkest-teal-color{color: var(--wp--preset--color--custom-novel-darkest-teal) !important;}.has-custom-novel-brown-color{color: var(--wp--preset--color--custom-novel-brown) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-bs-body-color-background-color{background-color: var(--wp--preset--color--bs-body-color) !important;}.has-bs-heading-color-background-color{background-color: var(--wp--preset--color--bs-heading-color) !important;}.has-link-color-background-color{background-color: var(--wp--preset--color--link-color) !important;}.has-nav-text-color-background-color{background-color: var(--wp--preset--color--nav-text-color) !important;}.has-nav-link-color-background-color{background-color: var(--wp--preset--color--nav-link-color) !important;}.has-footer-text-color-background-color{background-color: var(--wp--preset--color--footer-text-color) !important;}.has-footer-link-color-background-color{background-color: var(--wp--preset--color--footer-link-color) !important;}.has-page-color-background-color{background-color: var(--wp--preset--color--page-color) !important;}.has-header-color-background-color{background-color: var(--wp--preset--color--header-color) !important;}.has-nav-color-background-color{background-color: var(--wp--preset--color--nav-color) !important;}.has-footer-color-background-color{background-color: var(--wp--preset--color--footer-color) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-success-background-color{background-color: var(--wp--preset--color--success) !important;}.has-info-background-color{background-color: var(--wp--preset--color--info) !important;}.has-warning-background-color{background-color: var(--wp--preset--color--warning) !important;}.has-danger-background-color{background-color: var(--wp--preset--color--danger) !important;}.has-light-background-color{background-color: var(--wp--preset--color--light) !important;}.has-dark-background-color{background-color: var(--wp--preset--color--dark) !important;}.has-custom-light-gold-background-color{background-color: var(--wp--preset--color--custom-light-gold) !important;}.has-custom-dark-teal-background-color{background-color: var(--wp--preset--color--custom-dark-teal) !important;}.has-custom-light-teal-background-color{background-color: var(--wp--preset--color--custom-light-teal) !important;}.has-custom-dark-purple-background-color{background-color: var(--wp--preset--color--custom-dark-purple) !important;}.has-custom-quiz-dark-purple-background-color{background-color: var(--wp--preset--color--custom-quiz-dark-purple) !important;}.has-custom-light-purple-background-color{background-color: var(--wp--preset--color--custom-light-purple) !important;}.has-custom-light-blue-background-color{background-color: var(--wp--preset--color--custom-light-blue) !important;}.has-custom-dark-blue-background-color{background-color: var(--wp--preset--color--custom-dark-blue) !important;}.has-custom-novel-dark-teal-background-color{background-color: var(--wp--preset--color--custom-novel-dark-teal) !important;}.has-custom-novel-darkest-teal-background-color{background-color: var(--wp--preset--color--custom-novel-darkest-teal) !important;}.has-custom-novel-brown-background-color{background-color: var(--wp--preset--color--custom-novel-brown) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-bs-body-color-border-color{border-color: var(--wp--preset--color--bs-body-color) !important;}.has-bs-heading-color-border-color{border-color: var(--wp--preset--color--bs-heading-color) !important;}.has-link-color-border-color{border-color: var(--wp--preset--color--link-color) !important;}.has-nav-text-color-border-color{border-color: var(--wp--preset--color--nav-text-color) !important;}.has-nav-link-color-border-color{border-color: var(--wp--preset--color--nav-link-color) !important;}.has-footer-text-color-border-color{border-color: var(--wp--preset--color--footer-text-color) !important;}.has-footer-link-color-border-color{border-color: var(--wp--preset--color--footer-link-color) !important;}.has-page-color-border-color{border-color: var(--wp--preset--color--page-color) !important;}.has-header-color-border-color{border-color: var(--wp--preset--color--header-color) !important;}.has-nav-color-border-color{border-color: var(--wp--preset--color--nav-color) !important;}.has-footer-color-border-color{border-color: var(--wp--preset--color--footer-color) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-success-border-color{border-color: var(--wp--preset--color--success) !important;}.has-info-border-color{border-color: var(--wp--preset--color--info) !important;}.has-warning-border-color{border-color: var(--wp--preset--color--warning) !important;}.has-danger-border-color{border-color: var(--wp--preset--color--danger) !important;}.has-light-border-color{border-color: var(--wp--preset--color--light) !important;}.has-dark-border-color{border-color: var(--wp--preset--color--dark) !important;}.has-custom-light-gold-border-color{border-color: var(--wp--preset--color--custom-light-gold) !important;}.has-custom-dark-teal-border-color{border-color: var(--wp--preset--color--custom-dark-teal) !important;}.has-custom-light-teal-border-color{border-color: var(--wp--preset--color--custom-light-teal) !important;}.has-custom-dark-purple-border-color{border-color: var(--wp--preset--color--custom-dark-purple) !important;}.has-custom-quiz-dark-purple-border-color{border-color: var(--wp--preset--color--custom-quiz-dark-purple) !important;}.has-custom-light-purple-border-color{border-color: var(--wp--preset--color--custom-light-purple) !important;}.has-custom-light-blue-border-color{border-color: var(--wp--preset--color--custom-light-blue) !important;}.has-custom-dark-blue-border-color{border-color: var(--wp--preset--color--custom-dark-blue) !important;}.has-custom-novel-dark-teal-border-color{border-color: var(--wp--preset--color--custom-novel-dark-teal) !important;}.has-custom-novel-darkest-teal-border-color{border-color: var(--wp--preset--color--custom-novel-darkest-teal) !important;}.has-custom-novel-brown-border-color{border-color: var(--wp--preset--color--custom-novel-brown) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
1636.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 1637:root :where(.wp-block-icon svg){width: 24px;} 1638:where(.wp-block-gallery.is-layout-flex){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}:where(.wp-block-gallery.is-layout-grid){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );} 1639:where(.wp-block-latest-posts.is-layout-flex){gap: 1.25em;}:where(.wp-block-latest-posts.is-layout-grid){gap: 1.25em;} 1640:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} 1641:where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;} 1642:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} 1643:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} 1644/*# sourceURL=global-styles-inline-css */ 1645</style> 1646<link rel='stylesheet' id='eots2020-style-css' href='https://santaverse.com/wp-content/themes/santaverse/style.css?ver=2.2.51' media='screen' /> 1647<style id="eots2020-style-inline-css"> 1648@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,600;1,9..144,600&family=Geologica:wght,[email protected],0&display=swap'); 1649 :root { 1650 --bs-body-color: #e7e8e9; 1651 --bs-body-color-rgb: 231,232,233; 1652 --pageColor: #09192f; 1653 --pageColor-rgb: 9,25,47; 1654 --pageWidth: 1200px; 1655 --logoHeight: 100px; 1656 --bs-link-color-rgb: 255,255,255; 1657 --bs-link-hover-color-rgb: 255,255,255; 1658 --bs-heading-color: #eac799; 1659 --headerColor: 14,40,77; 1660 --headerOpacity: 1; 1661 --navColor: 9,25,47; 1662 --navOpacity: 1; 1663 --navTextColor: #ffffff; 1664 --footerColor: #0e284d; 1665 --footerTextColor: #ffffff; 1666 --footerLinkColor: #ffffff; 1667 --bodyFont: "Geologica"; 1668 --headerFont: "Fraunces"; 1669 --navFont: "Geologica"; 1670 --btnFont: "Geologica"; 1671 --bs-primary: #8e6b3d; 1672 --bs-primary-hover: #eac799; 1673 --bs-primary-rgb: 142,107,61; 1674 --bs-secondary: #0a64be; 1675 --bs-secondary-hover: #1576d6; 1676 --bs-secondary-rgb: 10,100,190; 1677 --bs-success: #eac799; 1678 --bs-success-hover: #eac799; 1679 --bs-success-rgb: 234,199,153; 1680 --bs-info: #0e284d; 1681 --bs-info-hover: #0e284d; 1682 --bs-info-rgb: 14,40,77; 1683 --bs-warning: #626d7a; 1684 --bs-warning-hover: #626d7a; 1685 --bs-warning-rgb: 98,109,122; 1686 --bs-danger: #fc5f5f; 1687 --bs-danger-hover: #fc5f5f; 1688 --bs-danger-rgb: 252,95,95; 1689 --bs-light: #f4f5f5; 1690 --bs-light-hover: #f4f5f5; 1691 --bs-light-rgb: 244,245,245; 1692 --bs-dark: #09192f; 1693 --bs-dark-hover: #09192f; 1694 --bs-dark-rgb: 9,25,47; 1695 --bs-body-font-size: 1rem; 1696 --h1-font-size: 42px; 1697 --h2-font-size: 32px;
1698 --h3-font-size: 28px; 1699 --h4-font-size: 24px; 1700 --h5-font-size: 1.25rem; 1701 --h6-font-size: 1rem; 1702 --pullquote-font-size: 4.5rem; 1703 --pullquote-lg-font-size: 4.5rem; 1704 } 1705 .tlc-light-gold-bkgrnd { background-color: #FADE9E !important; } .tlc-light-gold-text { color: #FADE9E !important; } .tlc-light-gold-border { border-color: #FADE9E !important; } .tlc-dark-teal-bkgrnd { background-color: #2D8470 !important; } .tlc-dark-teal-text { color: #2D8470 !important; } .tlc-dark-teal-border { border-color: #2D8470 !important; } .tlc-light-teal-bkgrnd { background-color: #46B99E !important; } .tlc-light-teal-text { color: #46B99E !important; } .tlc-light-teal-border { border-color: #46B99E !important; } .tlc-dark-purple-bkgrnd { background-color: #914089 !important; } .tlc-dark-purple-text { color: #914089 !important; } .tlc-dark-purple-border { border-color: #914089 !important; } .tlc-quiz-dark-purple-bkgrnd { background-color: #914089 !important; } .tlc-quiz-dark-purple-text { color: #914089 !important; } .tlc-quiz-dark-purple-border { border-color: #914089 !important; } .tlc-light-purple-bkgrnd { background-color: #C45DBA !important; } .tlc-light-purple-text { color: #C45DBA !important; } .tlc-light-purple-border { border-color: #C45DBA !important; } .tlc-light-blue-bkgrnd { background-color: #183A62 !important; } .tlc-light-blue-text { color: #183A62 !important; } .tlc-light-blue-border { border-color: #183A62 !important; } .tlc-dark-blue-bkgrnd { background-color: #09192f !important; } .tlc-dark-blue-text { color: #09192f !important; } .tlc-dark-blue-border { border-color: #09192f !important; } .tlc-novel-dark-teal-bkgrnd { background-color: #0A3536 !important; } .tlc-novel-dark-teal-text { color: #0A3536 !important; } .tlc-novel-dark-teal-border { border-color: #0A3536 !important; } .tlc-novel-darkest-teal-bkgrnd { background-color: #052D2D !important; } .tlc-novel-darkest-teal-text { color: #052D2D !important; } .tlc-novel-darkest-teal-border { border-color: #052D2D !important; } .tlc-novel-brown-bkgrnd { background-color: #1C0B00 !important; } .tlc-novel-brown-text { color: #1C0B00 !important; } .tlc-novel-brown-border { border-color: #1C0B00 !important; }@media (min-width:576px) {.tlc-light-gold-sm-bkgrnd { background-color: #FADE9E !important; } .tlc-light-gold-sm-text { color: #FADE9E !important; } .tlc-light-gold-sm-border { border-color: #FADE9E !important; } .tlc-dark-teal-sm-bkgrnd { background-color: #2D8470 !important; } .tlc-dark-teal-sm-text { color: #2D8470 !important; } .tlc-dark-teal-sm-border { border-color: #2D8470 !important; } .tlc-light-teal-sm-bkgrnd { background-color: #46B99E !important; } .tlc-light-teal-sm-text { color: #46B99E !important; } .tlc-light-teal-sm-border { border-color: #46B99E !important; } .tlc-dark-purple-sm-bkgrnd { background-color: #914089 !important; } .tlc-dark-purple-sm-text { color: #914089 !important; } .tlc-dark-purple-sm-border { border-color: #914089 !important; } .tlc-quiz-dark-purple-sm-bkgrnd { background-color: #914089 !important; } .tlc-quiz-dark-purple-sm-text { color: #914089 !important; } .tlc-quiz-dark-purple-sm-border { border-color: #914089 !important; } .tlc-light-purple-sm-bkgrnd { background-color: #C45DBA !important; } .tlc-light-purple-sm-text { color: #C45DBA !important; } .tlc-light-purple-sm-border { border-color: #C45DBA !important; } .tlc-light-blue-sm-bkgrnd { background-color: #183A62 !important; } .tlc-light-blue-sm-text { color: #183A62 !important; } .tlc-light-blue-sm-border { border-color: #183A62 !important; } .tlc-dark-blue-sm-bkgrnd { background-color: #09192f !important; } .tlc-dark-blue-sm-text { color: #09192f !important; } .tlc-dark-blue-sm-border { border-color: #09192f !important; } .tlc-novel-dark-teal-sm-bkgrnd { background-color: #0A3536 !important; } .tlc-novel-dark-teal-sm-text { color: #0A3536 !important; } .tlc-novel-dark-teal-sm-border { border-color: #0A3536 !important; } .tlc-novel-darkest-teal-sm-bkgrnd { background-color: #052D2D !important; } .tlc-novel-darkest-teal-sm-text { color: #052D2D !important; } .tlc-novel-darkest-teal-sm-border { border-color: #052D2D !important; } .tlc-novel-brown-sm-bkgrnd { background-color: #1C0B00 !important; } .tlc-novel-brown-sm-text { color: #1C0B00 !important; } .tlc-novel-brown-sm-border { border-color: #1C0B00 !important; }}@media (min-width:768px) {.tlc-light-gold-md-bkgrnd { background-color: #FADE9E !important; } .tlc-light-gold-md-text { color: #FADE9E !important; } .tlc-light-gold-md-border { border-color: #FADE9E !important; } .tlc-dark-teal-md-bkgrnd { background-color: #2D8470 !important; } .tlc-dark-teal-md-text { color: #2D8470 !important; } .tlc-dark-teal-md-border { border-color: #2D8470 !important; } .tlc-light-teal-md-bkgrnd { background-color: #46B99E !important; } .tlc-light-teal-md-text { color: #46B99E !important; } .tlc-light-teal-md-border { border-color: #46B99E !important; } .tlc-dark-purple-md-bkgrnd { background-color: #914089 !important; } .tlc-dark-purple-md-text { color: #914089 !important; } .tlc-dark-purple-md-border { border-color: #914089 !important; } .tlc-quiz-dark-purple-md-bkgrnd { background-color: #914089 !important; } .tlc-quiz-dark-purple-md-text { color: #914089 !important; } .tlc-quiz-dark-purple-md-border { border-color: #914089 !important; } .tlc-light-purple-md-bkgrnd { background-color: #C45DBA !important; } .tlc-light-purple-md-text { color: #C45DBA !important; } .tlc-light-purple-md-border { border-color: #C45DBA !important; } .tlc-light-blue-md-bkgrnd { background-color: #183A62 !important; } .tlc-light-blue-md-text { color: #183A62 !important; } .tlc-light-blue-md-border { border-color: #183A62 !important; } .tlc-dark-blue-md-bkgrnd { background-color: #09192f !important; } .tlc-dark-blue-md-text { color: #09192f !important; } .tlc-dark-blue-md-border { border-color: #09192f !important; } .tlc-novel-dark-teal-md-bkgrnd { background-color: #0A3536 !important; } .tlc-novel-dark-teal-md-text { color: #0A3536 !important; } .tlc-novel-dark-teal-md-border { border-color: #0A3536 !important; } .tlc-novel-darkest-teal-md-bkgrnd { background-color: #052D2D !important; } .tlc-novel-darkest-teal-md-text { color: #052D2D !important; } .tlc-novel-darkest-teal-md-border { border-color: #052D2D !important; } .tlc-novel-brown-md-bkgrnd { background-color: #1C0B00 !important; } .tlc-novel-brown-md-text { color: #1C0B00 !important; } .tlc-novel-brown-md-border { border-color: #1C0B00 !important; }}@media (min-width:940px) {.tlc-light-gold-lg-bkgrnd { background-color: #FADE9E !important; } .tlc-light-gold-lg-text { color: #FADE9E !important; } .tlc-light-gold-lg-border { border-color: #FADE9E !important; } .tlc-dark-teal-lg-bkgrnd { background-color: #2D8470 !important; } .tlc-dark-teal-lg-text { color: #2D8470 !important; } .tlc-dark-teal-lg-border { border-color: #2D8470 !important; } .tlc-light-teal-lg-bkgrnd { background-color: #46B99E !important; } .tlc-light-teal-lg-text { color: #46B99E !important; } .tlc-light-teal-lg-border { border-color: #46B99E !important; } .tlc-dark-purple-lg-bkgrnd { background-color: #914089 !important; } .tlc-dark-purple-lg-text { color: #914089 !important; } .tlc-dark-purple-lg-border { border-color: #914089 !important; } .tlc-quiz-dark-purple-lg-bkgrnd { background-color: #914089 !important; } .tlc-quiz-dark-purple-lg-text { color: #914089 !important; } .tlc-quiz-dark-purple-lg-border { border-color: #914089 !important; } .tlc-light-purple-lg-bkgrnd { background-color: #C45DBA !important; } .tlc-light-purple-lg-text { color: #C45DBA !important; } .tlc-light-purple-lg-border { border-color: #C45DBA !important; } .tlc-light-blue-lg-bkgrnd { background-color: #183A62 !important; } .tlc-light-blue-lg-text { color: #183A62 !important; } .tlc-light-blue-lg-border { border-color: #183A62 !important; } .tlc-dark-blue-lg-bkgrnd { background-color: #09192f !important; } .tlc-dark-blue-lg-text { color: #09192f !important; } .tlc-dark-blue-lg-border { border-color: #09192f !important; } .tlc-novel-dark-teal-lg-bkgrnd { background-color: #0A3536 !important; } .tlc-novel-dark-teal-lg-text { color: #0A3536 !important; } .tlc-novel-dark-teal-lg-border { border-color: #0A3536 !important; } .tlc-novel-darkest-teal-lg-bkgrnd { background-color: #052D2D !important; } .tlc-novel-darkest-teal-lg-text { color: #052D2D !important; } .tlc-novel-darkest-teal-lg-border { border-color: #052D2D !important; } .tlc-novel-brown-lg-bkgrnd { background-color: #1C0B00 !important; } .tlc-novel-brown-lg-text { color: #1C0B00 !important; } .tlc-novel-brown-lg-border { border-color: #1C0B00 !important; }}@media (min-width:1200px) {.tlc-light-gold-xl-bkgrnd { background-color: #FADE9E !important; } .tlc-light-gold-xl-text { color: #FADE9E !important; } .tlc-light-gold-xl-border { border-color: #FADE9E !important; } .tlc-dark-teal-xl-bkgrnd { background-color: #2D8470 !important; } .tlc-dark-teal-xl-text { color: #2D8470 !important; } .tlc-dark-teal-xl-border { border-color: #2D8470 !important; } .tlc-light-teal-xl-bkgrnd { background-color: #46B99E !important; } .tlc-light-teal-xl-text { color: #46B99E !important; } .tlc-light-teal-xl-border { border-color: #46B99E !important; } .tlc-dark-purple-xl-bkgrnd { background-color: #914089 !important; } .tlc-dark-purple-xl-text { color: #914089 !important; } .tlc-dark-purple-xl-border { border-color: #914089 !important; } .tlc-quiz-dark-purple-xl-bkgrnd { background-color: #914089 !important; } .tlc-quiz-dark-purple-xl-text { color: #914089 !important; } .tlc-quiz-dark-purple-xl-border { border-color: #914089 !important; } .tlc-light-purple-xl-bkgrnd { background-color: #C45DBA !important; } .tlc-light-purple-xl-text { color: #C45DBA !important; } .tlc-light-purple-xl-border { border-color: #C45DBA !important; } .tlc-light-blue-xl-bkgrnd { background-color: #183A62 !important; } .tlc-light-blue-xl-text { color: #183A62 !important; } .tlc-light-blue-xl-border { border-color: #183A62 !important; } .tlc-dark-blue-xl-bkgrnd { background-color: #09192f !important; } .tlc-dark-blue-xl-text { color: #09192f !important; } .tlc-dark-blue-xl-border { border-color: #09192f !important; } .tlc-novel-dark-teal-xl-bkgrnd { background-color: #0A3536 !important; } .tlc-novel-dark-teal-xl-text { color: #0A3536 !important; } .tlc-novel-dark-teal-xl-border { border-color: #0A3536 !important; } .tlc-novel-darkest-teal-xl-bkgrnd { background-color: #052D2D !important; } .tlc-novel-darkest-teal-xl-text { color: #052D2D !important; } .tlc-novel-darkest-teal-xl-border { border-color: #052D2D !important; } .tlc-novel-brown-xl-bkgrnd { background-color: #1C0B00 !important; } .tlc-novel-brown-xl-text { color: #1C0B00 !important; } .tlc-novel-brown-xl-border { border-color: #1C0B00 !important; }}/* Theme Overrides */ 1706 1707:root { 1708 --bs-border-radius: 8px; 1709 } 1710 1711.btn, 1712.form-control, 1713.tab-parent { 1714 --bs-btn-padding-y: 14px; 1715 --bs-btn-padding-x: 16px; 1716} 1717.btn, 1718.btn:hover, 1719.btn:active { 1720 border: 2px solid var(--bs-btn-active-bg) 1721} 1722.btn-primary, 1723.bg-primary { 1724--lightGold: #CDA775; 1725 background-image: radial-gradient(farthest-side at 50% 100%, var(--lightGold), var(--bs-primary) 80%); 1726 1727text-shadow: 1px 1px 1px var(--bs-primary), 1728 1px -1px 1px var(--bs-primary), 1729 -1px 1px 1px var(--bs-primary), 1730 -1px -1px 1px var(--bs-primary); 1731 background-color: var(--bs-primary); 1732 border: 2px solid var(--lightGold); 1733} 1734.btn.btn-sm { 1735 --bs-btn-padding-y: 8px; 1736 --bs-btn-padding-x: 12px; 1737} 1738 .header { 1739 --navWidth: var(--pageWidth); 1740 } 1741 1742 1743 @media (min-width: 1199.98px) { 1744 1745 .sv-border-right { 1746 border-right: 1px solid #2A456B; 1747 } 1748 } 1749 @media (max-width: 1199.98px) { 1750 1751 .sv-border-bottom { 1752 border-bottom: 1px solid #2A456B; 1753 } 1754} 1755.swiper-wrapper { 1756 margin-bottom: 1rem; 1757} 1758/* .wp-block-eots-slideshow .swiper-button-row { 1759 padding: 0 1rem; 1760} */ 1761 1762::-webkit-scrollbar {
1763 width: 1rem; 1764} 1765 1766/* Track */ 1767::-webkit-scrollbar-track { 1768 background-image: linear-gradient(to right, transparent, transparent 48%, #2a456b 48%, #2a456b 52%, transparent 52% ) 1769} 1770::-webkit-scrollbar-thumb { 1771 background-image: url('https://media.elfontheshelf.com/files/scroller.svg'); 1772background-position: center center; 1773background-size: contain; 1774 background-repeat: no-repeat; 1775} 1776 1777 1778/* 1779 1780 .page, 1781 .section { 1782 max-width: var(--pageWidth); 1783 } */ 1784 1785 /*Lightbox Styles */ 1786 1787 .eots-lightbox .lb-body, 1788 .eots-lightbox-small .lb-body, 1789 .eots-lightbox-full .lb-body { 1790 border-radius: 30px !important; 1791 border-color: #cda761; 1792 } 1793 1794 .eots-lightbox .close, 1795 .eots-lightbox-small .close, 1796 .eots-lightbox-full .close { 1797 border-style: solid; 1798 padding: 8px 6px 6px 6px; 1799 } 1800 1801.quiz-progressbar { 1802 height: 42px !important; 1803 background-color: rgba(66, 243, 254, 0.2); 1804 border: 16px solid #0D2444; 1805 border-radius: 26px; 1806 max-width: var(--pageWidth); 1807 margin: 0 auto; 1808} 1809 1810.quiz-progress { 1811 height: 100%; 1812 width: 0; 1813 background-image: linear-gradient(to left, #44FBFE, #0F58F4); 1814 border-radius: 5px 1815} 1816 1817#eots-legal .otnotice-content { 1818 display: flex; 1819 align-items: flex-start; 1820 flex-wrap: wrap; 1821} 1822 1823#eots-legal .otnotice-menu { 1824 flex: 0 0 auto; 1825 width: 100%; 1826 position: sticky; 1827 top: 1.5rem; 1828 padding-left: 0; 1829 list-style: none; 1830} 1831 1832#eots-legal .otnotice-sections { 1833 flex: 0 0 auto; 1834 width: 100%; 1835 margin-top: 1rem; 1836} 1837 1838#eots-legal .otnotice-menu-section { 1839 margin-bottom: .5rem; 1840} 1841 1842@media (min-width: 768px) { 1843 #eots-legal .otnotice-menu { 1844 width: calc(100% / 3); 1845 height: calc(100vh - 1.5rem); 1846 overflow-y: scroll; 1847 } 1848 #eots-legal .otnotice-sections { 1849 width: calc(100% / 3 * 2); 1850 margin-top: 0; 1851 } 1852} 1853 /* 1854 * Goji Global styles 1855 * 1856 */ 1857 1858 .badge { 1859 line-height: 1.5; 1860 padding: 0.25rem 1rem; 1861 font-size: 1rem; 1862 font-weight: 400; 1863 border-radius: 32px; 1864 } 1865 1866 1867 1868 1869 1870@media (max-width: 991px) { 1871 .character-content .wp-block-group__inner-container { 1872 grid-template-columns: 1fr; 1873 } 1874 .character-gallery { 1875 margin: 0 auto 2rem !important; 1876 } 1877 .section-traits { 1878 background-size: auto 100% !important; 1879 } 1880} 1881 1882.wp-block-eots-shopifyview .eg-card { 1883padding-left: 1rem; 1884padding-right: 1rem; 1885} 1886 1887 1888 1889/* From In-Page Styles */ 1890 1891 .section-products { 1892background: url("https://media.elfontheshelf.com/wp-content/uploads/sites/21/2024/09/bg-forest.webp"); 1893background-repeat: repeat-x; 1894} 1895.banner-register { 1896background: url("https://media.elfontheshelf.com/wp-content/uploads/sites/21/2024/10/banner.webp"); 1897 background-position: center; 1898 background-size: cover; 1899} 1900 1901/* 1902.parent-pageid-993 .wp-block-eots-fullwidth.section > .wp-block-group.py-6 { 1903 max-width: var(--pageWidth); 1904 margin: 0 auto; 1905} */ 1906 1907 1908/* Home Page Character List Styles */ 1909.list-characters { 1910 flex-wrap: wrap !important; 1911} 1912 1913.list-characters .swiper-slide { 1914 padding: 15px 9px; 1915} 1916 1917.list-characters.wp-block-group .wp-block-group__inner-container { 1918 max-width: 204px; 1919 margin: 0 auto; 1920 max-height: 278px; 1921} 1922 1923.list-characters { 1924 --item-gap: 24px 16px; 1925 --item-columns: 2; 1926 display: flex; 1927 flex-wrap: wrap; 1928 gap: var(--item-gap); 1929 padding: 0 16px; 1930 justify-content: center; 1931} 1932 1933.list-characters .wp-block-group { 1934 background: url(https://media.elfontheshelf.com/wp-content/uploads/2024/09/character-bg.webp) no-repeat center/contain, linear-gradient(180deg, #093145 0%, #071528 100%); 1935 position: relative; 1936 text-decoration: none; 1937 border-radius: 16px; 1938} 1939 1940.list-characters .swiper-slide { 1941 width: calc((100% / var(--item-columns)) - var(--item-gap) + (var(--item-gap) / var(--item-columns))) !important; 1942} 1943 1944.list-characters .wp-block-group img { 1945 position: relative; 1946 bottom: 0; 1947 left: -4px; 1948 right: -4px; 1949 max-width: calc(100% + 8px); 1950 transition: transform 0.45s cubic-bezier(0.15, 1, 0.5, 1.8); 1951 transform-origin: bottom; 1952 display: block; 1953 z-index: 2; 1954 max-height: 278px; 1955} 1956 1957.list-characters .wp-element-caption { 1958 margin: 0; 1959 position: absolute; 1960 bottom: 17px; 1961 left: 50%; 1962 transform: translateX(-50%); 1963 overflow: hidden; 1964 color: #f8e39e; 1965 text-align: center; 1966 font-family: var(--headerFont), sans-serif; 1967 font-size: 19px; 1968 font-style: normal; 1969 font-weight: 700; 1970 line-height: 1.1; 1971 letter-spacing: -0.566px; 1972 z-index: 5; 1973 margin: 0;
1974 cursor: pointer; 1975 pointer-events: none; 1976 width: 77%; 1977} 1978 1979.list-characters figure.wp-block-image > a:before { 1980 content: ""; 1981 position: absolute; 1982 bottom: 0; 1983 left: 0; 1984 right: 0; 1985 height: 210px; 1986 background-image: linear-gradient(to bottom, 1987 rgba(18, 10, 56, 0), 1988 rgba(18, 10, 56, 0), 1989 rgba(18, 10, 56, 0), 1990 rgba(17, 44, 85, 0.75), 1991 rgba(17, 51, 91, 0.9)); 1992 1993 transition: color ease 0.4s, background-position ease-in 0s; 1994 overflow: hidden; 1995 background-position: 0 0; 1996 background-repeat: no-repeat; 1997 z-index: 3; 1998 border-radius: 0 0 16px 16px; 1999} 2000 2001.list-characters figure.wp-block-image > a:after { 2002 content: ""; 2003 position: absolute; 2004 bottom: 0; 2005 left: 0; 2006 right: 0; 2007 opacity: 0; 2008 background-image: url(https://media.elfontheshelf.com/wp-content/uploads/2024/09/bg-lights.webp); 2009 background-size: cover; 2010 background-repeat: no-repeat; 2011 background-position: 0 bottom; 2012 transition: opacity ease-in-out 0.4s, transform ease-in-out 0.3s; 2013 width: 100%; 2014 height: 216px; 2015 z-index: 4; 2016 border-radius: 0 0 16px 16px; 2017} 2018 2019.list-characters figure > a:hover img { 2020 transform: scale(1.05); 2021} 2022 2023.list-characters figure > a:hover+.wp-element-caption { 2024 color: #0d2444; 2025} 2026 2027.list-characters figure.wp-block-image > a:hover:after { 2028 opacity: 1; 2029 transform: translateY(0); 2030} 2031 2032.wp-block-eots-slideshow .material-symbols-rounded { 2033 line-height: var(--bs-btn-line-height); 2034} 2035 2036@media screen and (min-width: 768px) { 2037 .list-characters { 2038 --item-columns: 3; 2039 } 2040 2041 .list-characters .btn { 2042 display: none; 2043 } 2044 2045 .list-characters .swiper-wrapper { 2046 justify-content: center; 2047 flex-wrap: wrap; 2048 } 2049} 2050 2051@media screen and (min-width: 991px) { 2052 .list-characters { 2053 --item-columns: 5; 2054 } 2055} 2056 2057p.drop:first-of-type:first-letter { 2058 font-family: var(--headerFont); 2059 font-size: calc( var(--h1-font-size) * 1.6 ); 2060 font-style: normal; 2061 font-weight: bold; 2062 line-height: 65px; 2063 color: var(--bs-primary); 2064 margin-right: 12px; 2065 float: left; 2066} 2067 2068/* Character Page Photo Gallery */ 2069.character-gallery { 2070 max-width: 546px; 2071 } 2072 .character-gallery .carousel-inner { 2073 width: 100%; 2074 } 2075 .character-gallery .carousel-item { 2076 border-radius: 12px; 2077 overflow: hidden; 2078 } 2079 .character-gallery .carousel-item img { 2080 width: 100%; 2081 height: 570px; 2082 object-fit: cover; 2083 } 2084 2085 2086 .carousel-indicators-img { 2087 position: static; 2088 gap: 1rem; 2089 margin: auto; 2090 } 2091 2092 .carousel-indicators-img > li[data-bs-target] { 2093 flex: 1; 2094 border-radius: 8px; 2095 overflow: hidden; 2096 cursor: pointer; 2097 border: 1px solid transparent !important; 2098 width: auto; 2099 height: auto; 2100 opacity: 1; 2101 margin: auto; 2102 background: transparent; 2103 } 2104 2105 .carousel-indicators-img > li[data-bs-target] img { 2106 height: 153px; 2107 object-fit: cover; 2108 border-radius: 8px; 2109 } 2110 .carousel-indicators-img > li[data-bs-target].active { 2111 border: 1px solid #cda761 !important; 2112 } 2113 2114/* End Character Page Photo Gallery */ 2115 2116 .card-strengths { 2117 border: 1px solid var(--Santaverse-Primary-Light, #2a456b); 2118 background: var(--Santaverse-Primary-Primary, #0d2444); 2119 2120 } 2121 2122 .card-strengths .title-inside { 2123 border: 1px solid var(--TEOTS-brand-Primary-Light, #eaaeae); 2124 color: var(--TEOTS-brand-Primary-Light, #eaaeae); 2125 } 2126 .card-strengths .title-inside.title-strength { 2127 border-color: var(--Santaverse-Secondary-Light, #acd2ff); 2128 color: var(--Santaverse-Secondary-Light, #acd2ff); 2129 } 2130/* Override Bootstrap class */ 2131.carousel-item { 2132 float: none !important; 2133} 2134 2135/* Only used on the home page */ 2136.item-universe__img { 2137 border: 1px solid #cda761; 2138 background: #09192f; 2139 box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.35), 2140 0px 4px 70px 0px rgba(6, 209, 255, 0.35); 2141 border-radius: 50%; 2142 2143 aspect-ratio: 1/1; 2144 position: relative; 2145 margin-bottom: 16px; 2146 transition: box-shadow 0.3s; 2147 position: relative; 2148 padding: 24%; 2149 margin-bottom: 24px; 2150min-height: 0; 2151 } 2152 .item-universe__img img { 2153 transition: transform 0.45s cubic-bezier(0.15, 1, 0.5, 2.5); 2154 } 2155 .item-universe__img .wp-element-caption { 2156 position: absolute; 2157 left: auto; 2158 right: auto; 2159 width: 100%; 2160 bottom: -3em; 2161 font-size: var(--h5-font-size); 2162 2163 color: var(--bs-heading-color); 2164 font-weight: bold; 2165 font-family: var(--headerFont), sans-serif; 2166 } 2167 .item-universe:nth-child(2) .item-universe__img { 2168 box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.35), 2169 0px 4px 70px 0px rgba(229, 66, 38, 0.35); 2170 } 2171 .item-universe:nth-child(3) .item-universe__img { 2172 box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.35), 2173 0px 4px 70px 0px rgba(97, 231, 255, 0.35); 2174 } 2175 .item-universe:nth-child(4) .item-universe__img { 2176 box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.35), 2177 0px 4px 70px 0px rgba(255, 241, 102, 0.35); 2178 } 2179 .item-universe:nth-child(5) .item-universe__img { 2180 box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.35), 2181 0px 4px 70px 0px rgba(14, 93, 226, 0.35); 2182 } 2183 2184 .item-universe__img a { 2185 display: block; 2186 position: relative; 2187 z-index: 1; 2188 padding: 50px 50px 111px; 2189 margin: -50px -50px -111px; 2190 } 2191 2192 .item-universe .item-universe__img a:hover img { 2193 transform: scale(1.1); 2194 } 2195 .item-universe .item-universe__img:after { 2196 top: 0; 2197 bottom: 0; 2198 left: 0; 2199 right: 0; 2200 position: absolute; 2201 content: ""; 2202 border-radius: 50%; 2203 transition: box-shadow 0.5s ease-in-out; 2204 } 2205 .item-universe:hover .item-universe__img:after { 2206 box-shadow: 0px 0px 20px 0px rgba(255, 249, 85, 0.8); 2207 } 2208 2209 .item-universe__img.wp-block-image img { 2210 max-width: 100px; 2211 width: 100%; 2212 height: 100%; 2213 object-fit: contain; 2214 } 2215 2216 2217 2218 @media screen and (max-width: 420px) { 2219 .item-universe .wp-block-group__inner-container { 2220 max-width: 280px; 2221 margin: 0 auto; 2222 } 2223 .item-universe__img.wp-block-image img { 2224 max-width: 182px; 2225 } 2226 } 2227 @media screen and (min-width: 768px) { 2228 .item-universe__img.wp-block-image img { 2229 max-width: 105px; 2230 } 2231 } 2232 2233.footer-icon { 2234 width: 2rem; 2235 height: 2rem; 2236} 2237dialog.age-validator { 2238 background-color: var(--pageColor); 2239 text-align: center; 2240 border-radius: var(--bs-border-radius); 2241 color: var(--bs-body-color); 2242 padding: 1rem 0 !important; 2243 border-color: rgba(255, 255, 255, 0.5); 2244} 2245dialog.age-validator .description { 2246 background: none; 2247} 2248 2249/* Entertainment Tabs */ 2250.eots-tabs-media .tab-parent .tab-navigation .tab-link { 2251 padding-right: 45px; 2252 position: relative; 2253} 2254.eots-tabs-media .tab-parent .tab-navigation .tab-link:after { 2255 content: ""; 2256 display: block; 2257 background-repeat: no-repeat; 2258 background-position: 50% 50%; 2259 position: absolute; 2260 right: 10px;
2261 width: 20px; 2262 height: 20px; 2263} 2264.eots-tabs-media .tab-parent .tab-navigation .tab-link:hover, 2265.eots-tabs-media .tab-parent .tab-navigation .tab-link.active { 2266background-color: var(--bs-btn-active-bg); 2267 color: #fff !important; 2268} 2269 2270 .eots-tabs-media .tab-parent .tab-navigation .tab-link[data-tab-name="Videos"]:after { 2271 background-image: url('data:image/svg+xml,%3Csvg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_1540_11854)"%3E%3Cpath d="M17.9921 6.47791C17.9049 6.43116 17.8066 6.40895 17.7078 6.41365C17.609 6.41834 17.5132 6.44977 17.4309 6.50457L15 8.12195V6.40955C15 6.11947 14.8848 5.84127 14.6796 5.63615C14.4745 5.43103 14.1963 5.3158 13.9062 5.3158H2.96875C2.67867 5.3158 2.40047 5.43103 2.19535 5.63615C1.99023 5.84127 1.875 6.11947 1.875 6.40955V14.0658C1.875 14.3559 1.99023 14.6341 2.19535 14.8392C2.40047 15.0443 2.67867 15.1595 2.96875 15.1595H13.9062C14.1963 15.1595 14.4745 15.0443 14.6796 14.8392C14.8848 14.6341 15 14.3559 15 14.0658V12.3568L17.4309 13.9776C17.5211 14.0362 17.6267 14.0669 17.7344 14.0658C17.8794 14.0658 18.0185 14.0082 18.1211 13.9056C18.2236 13.8031 18.2812 13.664 18.2812 13.5189V6.95642C18.2806 6.85802 18.2533 6.76164 18.2024 6.67742C18.1516 6.5932 18.0789 6.52427 17.9921 6.47791ZM13.9062 14.0658H2.96875V6.40955H13.9062V14.0658ZM17.1875 12.4969L15 11.0388V9.4365L17.1875 7.98181V12.4969Z" fill="white"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_1540_11854"%3E%3Crect width="17.5" height="17.5" fill="white" transform="translate(1.25 1.5658)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A'); 2272 } 2273 .eots-tabs-media .tab-parent .tab-navigation .tab-link[data-tab-name="Books"]:after { 2274 background-image: url('data:image/svg+xml,%3Csvg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M17.1094 4.84705H12.1875C11.763 4.84705 11.3443 4.94588 10.9647 5.13572C10.585 5.32556 10.2547 5.6012 10 5.9408C9.7453 5.6012 9.41503 5.32556 9.03535 5.13572C8.65567 4.94588 8.237 4.84705 7.8125 4.84705H2.89062C2.74558 4.84705 2.60648 4.90466 2.50393 5.00722C2.40137 5.10978 2.34375 5.24888 2.34375 5.39392V15.2377C2.34375 15.3827 2.40137 15.5218 2.50393 15.6244C2.60648 15.7269 2.74558 15.7845 2.89062 15.7845H7.8125C8.24762 15.7845 8.66492 15.9574 8.9726 16.2651C9.28027 16.5728 9.45312 16.9901 9.45312 17.4252C9.45312 17.5702 9.51074 17.7093 9.6133 17.8119C9.71586 17.9144 9.85496 17.972 10 17.972C10.145 17.972 10.2841 17.9144 10.3867 17.8119C10.4893 17.7093 10.5469 17.5702 10.5469 17.4252C10.5469 16.9901 10.7197 16.5728 11.0274 16.2651C11.3351 15.9574 11.7524 15.7845 12.1875 15.7845H17.1094C17.2544 15.7845 17.3935 15.7269 17.4961 15.6244C17.5986 15.5218 17.6562 15.3827 17.6562 15.2377V5.39392C17.6562 5.24888 17.5986 5.10978 17.4961 5.00722C17.3935 4.90466 17.2544 4.84705 17.1094 4.84705ZM7.8125 14.6908H3.4375V5.9408H7.8125C8.24762 5.9408 8.66492 6.11365 8.9726 6.42132C9.28027 6.729 9.45312 7.1463 9.45312 7.58142V15.2377C8.98026 14.8818 8.40429 14.6899 7.8125 14.6908ZM16.5625 14.6908H12.1875C11.5957 14.6899 11.0197 14.8818 10.5469 15.2377V7.58142C10.5469 7.1463 10.7197 6.729 11.0274 6.42132C11.3351 6.11365 11.7524 5.9408 12.1875 5.9408H16.5625V14.6908ZM12.1875 7.58142H14.9219C15.0669 7.58142 15.206 7.63904 15.3086 7.7416C15.4111 7.84416 15.4688 7.98326 15.4688 8.1283C15.4688 8.27334 15.4111 8.41244 15.3086 8.51499C15.206 8.61755 15.0669 8.67517 14.9219 8.67517H12.1875C12.0425 8.67517 11.9034 8.61755 11.8008 8.51499C11.6982 8.41244 11.6406 8.27334 11.6406 8.1283C11.6406 7.98326 11.6982 7.84416 11.8008 7.7416C11.9034 7.63904 12.0425 7.58142 12.1875 7.58142ZM15.4688 10.3158C15.4688 10.4608 15.4111 10.5999 15.3086 10.7025C15.206 10.8051 15.0669 10.8627 14.9219 10.8627H12.1875C12.0425 10.8627 11.9034 10.8051 11.8008 10.7025C11.6982 10.5999 11.6406 10.4608 11.6406 10.3158C11.6406 10.1708 11.6982 10.0317 11.8008 9.9291C11.9034 9.82654 12.0425 9.76892 12.1875 9.76892H14.9219C15.0669 9.76892 15.206 9.82654 15.3086 9.9291C15.4111 10.0317 15.4688 10.1708 15.4688 10.3158ZM15.4688 12.5033C15.4688 12.6483 15.4111 12.7874 15.3086 12.89C15.206 12.9926 15.0669 13.0502 14.9219 13.0502H12.1875C12.0425 13.0502 11.9034 12.9926 11.8008 12.89C11.6982 12.7874 11.6406 12.6483 11.6406 12.5033C11.6406 12.3583 11.6982 12.2192 11.8008 12.1166C11.9034 12.014 12.0425 11.9564 12.1875 11.9564H14.9219C15.0669 11.9564 15.206 12.014 15.3086 12.1166C15.4111 12.2192 15.4688 12.3583 15.4688 12.5033Z" fill="%23E7E8E9"/%3E%3C/svg%3E%0A'); 2275 } 2276 .eots-tabs-media .tab-parent .tab-navigation .tab-link[data-tab-name="Music"]:after { 2277 background-image: url('data:image/svg+xml,%3Csvg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16.5863 2.93129C16.5208 2.88025 16.4445 2.84479 16.3633 2.82762C16.282 2.81044 16.1979 2.812 16.1174 2.83217L7.36739 5.01967C7.24907 5.04924 7.14404 5.11751 7.06898 5.21363C6.99393 5.30974 6.95315 5.42819 6.95313 5.55014V13.0751C6.49692 12.7703 5.95193 12.6267 5.40475 12.6671C4.85757 12.7075 4.33958 12.9296 3.93308 13.2981C3.52659 13.6666 3.25489 14.1604 3.16117 14.701C3.06745 15.2416 3.15708 15.798 3.41581 16.2819C3.67455 16.7657 4.08755 17.1492 4.5892 17.3714C5.09085 17.5936 5.65238 17.6418 6.18457 17.5084C6.71676 17.3749 7.18908 17.0674 7.5265 16.6348C7.86392 16.2021 8.04708 15.6691 8.04688 15.1205V9.25863L15.7031 7.34457V10.8876C15.2469 10.5828 14.7019 10.4392 14.1548 10.4796C13.6076 10.52 13.0896 10.7421 12.6831 11.1106C12.2766 11.4791 12.0049 11.9729 11.9112 12.5135C11.8174 13.0541 11.9
2277071 13.6105 12.1658 14.0944C12.4245 14.5782 12.8375 14.9617 13.3392 15.1839C13.8409 15.4061 14.4024 15.4543 14.9346 15.3209C15.4668 15.1874 15.9391 14.8799 16.2765 14.4473C16.6139 14.0146 16.7971 13.4816 16.7969 12.933V3.36264C16.7969 3.27946 16.7779 3.19738 16.7415 3.12263C16.705 3.04788 16.6519 2.98244 16.5863 2.93129ZM5.58594 16.4876C5.31554 16.4876 5.0512 16.4075 4.82637 16.2572C4.60154 16.107 4.4263 15.8935 4.32282 15.6437C4.21934 15.3938 4.19227 15.1189 4.24502 14.8537C4.29778 14.5885 4.42799 14.3449 4.61919 14.1537C4.8104 13.9625 5.05401 13.8323 5.31922 13.7795C5.58442 13.7268 5.85932 13.7539 6.10914 13.8573C6.35896 13.9608 6.57249 14.136 6.72272 14.3609C6.87294 14.5857 6.95313 14.85 6.95313 15.1205C6.95313 15.4831 6.80909 15.8308 6.55269 16.0872C6.29629 16.3436 5.94854 16.4876 5.58594 16.4876ZM8.04688 8.1307V5.97738L15.7031 4.06332V6.21664L8.04688 8.1307ZM14.3359 14.3001C14.0655 14.3001 13.8012 14.22 13.5764 14.0697C13.3515 13.9195 13.1763 13.706 13.0728 13.4562C12.9693 13.2063 12.9423 12.9314 12.995 12.6662C13.0478 12.401 13.178 12.1574 13.3692 11.9662C13.5604 11.775 13.804 11.6448 14.0692 11.592C14.3344 11.5393 14.6093 11.5664 14.8591 11.6698C15.109 11.7733 15.3225 11.9485 15.4727 12.1734C15.6229 12.3982 15.7031 12.6625 15.7031 12.933C15.7031 13.2956 15.5591 13.6433 15.3027 13.8997C15.0463 14.1561 14.6985 14.3001 14.3359 14.3001Z" fill="%23E7E8E9"/%3E%3C/svg%3E%0A'); 2278 } 2279 .eots-tabs-media .tab-parent .tab-navigation .tab-link[data-tab-name="Games"]:after { 2280 background-image: url('data:image/svg+xml,%3Csvg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_1540_11436)"%3E%3Cpath d="M13.2813 9.22205H11.6407C11.4957 9.22205 11.3566 9.16443 11.254 9.06187C11.1514 8.95931 11.0938 8.82021 11.0938 8.67517C11.0938 8.53013 11.1514 8.39103 11.254 8.28847C11.3566 8.18591 11.4957 8.1283 11.6407 8.1283H13.2813C13.4264 8.1283 13.5655 8.18591 13.668 8.28847C13.7706 8.39103 13.8282 8.53013 13.8282 8.67517C13.8282 8.82021 13.7706 8.95931 13.668 9.06187C13.5655 9.16443 13.4264 9.22205 13.2813 9.22205ZM8.35944 8.1283H7.81257V7.58142C7.81257 7.43638 7.75495 7.29728 7.65239 7.19472C7.54983 7.09216 7.41073 7.03455 7.26569 7.03455C7.12065 7.03455 6.98155 7.09216 6.87899 7.19472C6.77643 7.29728 6.71882 7.43638 6.71882 7.58142V8.1283H6.17194C6.0269 8.1283 5.8878 8.18591 5.78524 8.28847C5.68268 8.39103 5.62507 8.53013 5.62507 8.67517C5.62507 8.82021 5.68268 8.95931 5.78524 9.06187C5.8878 9.16443 6.0269 9.22205 6.17194 9.22205H6.71882V9.76892C6.71882 9.91396 6.77643 10.0531 6.87899 10.1556C6.98155 10.2582 7.12065 10.3158 7.26569 10.3158C7.41073 10.3158 7.54983 10.2582 7.65239 10.1556C7.75495 10.0531 7.81257 9.91396 7.81257 9.76892V9.22205H8.35944C8.50448 9.22205 8.64358 9.16443 8.74614 9.06187C8.8487 8.95931 8.90632 8.82021 8.90632 8.67517C8.90632 8.53013 8.8487 8.39103 8.74614 8.28847C8.64358 8.18591 8.50448 8.1283 8.35944 8.1283ZM17.7575 15.2821C17.5514 15.5764 17.2833 15.822 16.9722 16.0017C16.661 16.1814 16.3142 16.2907 15.9563 16.322C15.5984 16.3534 15.2379
228016.3059 14.9003 16.1831C14.5626 16.0602 14.2559 15.8649 14.0018 15.6109C13.9936 15.6027 13.9854 15.5945 13.9779 15.5856L11.2633 12.5033H8.73405L6.02223 15.5856L5.99831 15.6109C5.53634 16.0719 4.9105 16.331 4.25788 16.3314C3.89861 16.3313 3.54372 16.2525 3.21815 16.1006C2.89259 15.9486 2.60423 15.7273 2.37334 15.452C2.14245 15.1768 1.97463 14.8543 1.88167 14.5073C1.7887 14.1602 1.77285 13.7971 1.83522 13.4432C1.83489 13.4401 1.83489 13.4368 1.83522 13.4337L2.95427 7.68533C3.12081 6.73723 3.61616 5.87816 4.35328 5.25906C5.0904 4.63996 6.02212 4.30044 6.98473 4.30017H13.0079C13.9676 4.3017 14.8965 4.63927 15.6332 5.25428C16.37 5.86928 16.8681 6.72288 17.0411 7.66687C17.0411 7.67097 17.0411 7.67507 17.0411 7.67917L18.1601 13.433C18.1605 13.4362 18.1605 13.4394 18.1601 13.4426C18.218 13.7606 18.2123 14.0869 18.1432 14.4027C18.074 14.7184 17.943 15.0174 17.7575 15.2821ZM13.0079 11.4095C13.8056 11.4095 14.5707 11.0927 15.1347 10.5286C15.6988 9.9645 16.0157 9.19945 16.0157 8.40173C16.0157 7.60401 15.6988 6.83896 15.1347 6.27489C14.5707 5.71081 13.8056 5.39392 13.0079 5.39392H6.98473C6.27855 5.39455 5.59521 5.64421 5.05493 6.09896C4.51465 6.55371 4.15206 7.18443 4.03093 7.88015V7.88904L2.9112 13.6374C2.86171 13.9224 2.90387 14.2157 3.03163 14.4752C3.1594 14.7347 3.36617 14.947 3.62222 15.0816C3.87826 15.2161 4.17039 15.266 4.45658 15.224C4.74277 15.1821 5.00827 15.0504 5.21491 14.848L8.08053 11.5948C8.13185 11.5366 8.19496 11.49 8.26567 11.458C8.33639 11.4261 8.4131 11.4096 8.49069 11.4095H13.0079ZM17.0889 13.6374L16.4915 10.5612C16.124 11.1546 15.6112 11.6443 15.0016 11.9842C14.392 12.324 13.7058 12.5027 13.0079 12.5033H12.7208L14.7852 14.8487C14.9409 15.0001 15.1302 15.1124 15.3377 15.1765C15.5452 15.2405 15.7649 15.2545 15.9788 15.2172C16.3351 15.1543 16.652 14.9527 16.86 14.6565C17.0679 14.3604 17.15 13.9939 17.0883 13.6374H17.0889Z" fill="%23E7E8E9"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_1540_11436"%3E%3Crect width="17.5" height="17.5" fill="white" transform="translate(1.25 1.5658)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A'); 2281 } 2282 .eots-tabs-media .tab-parent .tab-navigation .tab-link[data-tab-name="Experiences"]:after { 2283 background-image: url('data:image/svg+xml,%3Csvg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M14.4688 2.7533H12.8281V2.20642C12.8281 2.06138 12.7705 1.92228 12.6679 1.81972C12.5654 1.71716 12.4263 1.65955 12.2812 1.65955C12.1362 1.65955 11.9971 1.71716 11.8946 1.81972C11.792 1.92228 11.7344 2.06138 11.7344 2.20642V2.7533H6.26562V2.20642C6.26562 2.06138 6.20801 1.92228 6.10545 1.81972C6.00289 1.71716 5.86379 1.65955 5.71875 1.65955C5.57371 1.65955 5.43461 1.71716 5.33205 1.81972C5.22949 1.92228 5.17188 2.06138 5.17188 2.20642V2.7533H3.53125C3.24117 2.7533 2.96297 2.86853 2.75785 3.07365C2.55273 3.27877 2.4375 3.55697 2.4375 3.84705V14.7845C2.4375 15.0746 2.55273 15.3528 2.75785 15.5579C2.96297 15.7631 3.24117 15.8783 3.53125 15.8783H14.4688C14.7588 15.8783 15.037 15.7631 15.2421 15.5579C15.4473 15.3528 15.5625 15.0746 15.5625 14.7845V3.84705C15.5625 3.55697 15.4473 3.27877 15.2421 3.07365C15.037 2.86853 14.7588 2.7533 14.4688 2.7533ZM5.17188 3.84705V4.39392C5.17188 4.53896 5.22949 4.67806 5.33205 4.78062C5.43461 4.88318 5.57371 4.9408 5.71875 4.9408C5.86379 4.9408 6.00289 4.88318 6.10545 4.78062C6.20801 4.67806 6.26562 4.53896 6.26562 4.39392V3.84705H11.7344V4.39392C11.7344 4.53896 11.792 4.67806 11.8946 4.78062C11.9971 4.88318 12.1362 4.9408 12.2812 4.9408C12.4263 4.9408 12.5654 4.88318 12.6679 4.78062C12.7705 4.67806 12.8281 4.53896 12.8281 4.39392V3.84705H14.4688V6.03455H3.53125V3.84705H5.17188ZM14.4688 14.7845H3.53125V7.1283H14.4688V14.7845ZM9.82031 9.58923C9.82031 9.75148 9.7722 9.91007 9.68206 10.045C9.59193 10.1799 9.46381 10.285 9.31392 10.3471C9.16403 10.4092 8.99909 10.4254 8.83996 10.3938C8.68084 10.3621 8.53467 10.284 8.41995 10.1693C8.30523 10.0546 8.2271 9.90839 8.19545 9.74927C8.1638 9.59014 8.18004 9.42521 8.24213 9.27531C8.30422 9.12542 8.40936 8.99731 8.54426 8.90717C8.67916 8.81703 8.83776 8.76892 9 8.76892C9.21756 8.76892 9.42621 8.85535 9.58005 9.00918C9.73389 9.16302 9.82031 9.37167 9.82031 9.58923ZM12.8281 9.58923C12.8281 9.75148 12.78 9.91007 12.6899 10.045C12.5997 10.1799 12.4716 10.285 12.3217 10.3471C12.1718 10.4092 12.0069 10.4254 11.8478 10.3938C11.6887 10.3621 11.5425 10.284 11.4278 10.1693C11.313 10.0546 11.2349 9.90839 11.2033 9.74927C11.1716 9.59014 11.1879 9.42521 11.2499 9.27531C11.312 9.12542 11.4172 8.99731 11.5521 8.90717C11.687 8.81703 11.8456 8.76892 12.0078 8.76892C12.2254 8.76892 12.434 8.85535 12.5879 9.00918C12.7417 9.16302 12.8281 9.37167 12.8281 9.58923ZM6.8125 12.3236C6.8125 12.4859 6.76439 12.6444 6.67425 12.7793C6.58412 12.9142 6.456 13.0194 6.30611 13.0815C6.15621 13.1436 5.99128 13.1598 5.83215 13.1282C5.67303 13.0965 5.52686 13.0184 5.41214 12.9037C5.29742 12.7889 5.21929 12.6428 5.18764 12.4836C5.15599 12.3245 5.17223 12.1596 5.23432 12.0097C5.29641 11.8598 5.40155 11.7317 5.53645 11.6415C5.67135 11.5514 5.82995 11.5033 5.99219 11.5033C6.20975 11.5033 6.4184 11.5897 6.57224 11.7436C6.72607 11.8974 6.8125 12.106 6.8125 12.3236ZM9.82031 12.3236C9.82031 12.4859 9.7722 12.6444 9.68206 12.7793C9.59193 12.9142 9.46381 13.0194 9.31392 13.0815C9.16403 13.1436 8.99909 13.1598 8.83996 13.1282C8.68084 13.0965 8.53467 13.0184 8.41995 12.9037C8.30523 12.7889 8.2271 12.6428 8.19545 12.4836C8.1638 12.3245 8.18004 12.1596 8.24213 12.0097C8.30422 11.8598 8.40936 11.7317 8.54426 11.6415C8.67916 11.5514 8.83776 11.5033 9 11.5033C9.21756 11.5033 9.42621 11.5897 9.58005 11.7436C9.73389 11.8974 9.82031 12.106 9.82031 12.3236ZM12.8281 12.3236C12.8281 12.4859 12.78 12.6444 12.6899 12.7793C12.5997 12.9142 12.4716 13.0194 12.3217 13.0815C12.1718 13.1436 12.0069 13.1598 11.8478 13.1282C11.6887 13.0965 11.5425 13.0184 11.4278 12.9037C11.313
228312.7889 11.2349 12.6428 11.2033 12.4836C11.1716 12.3245 11.1879 12.1596 11.2499 12.0097C11.312 11.8598 11.4172 11.7317 11.5521 11.6415C11.687 11.5514 11.8456 11.5033 12.0078 11.5033C12.2254 11.5033 12.434 11.5897 12.5879 11.7436C12.7417 11.8974 12.8281 12.106 12.8281 12.3236Z" fill="%23E7E8E9"/%3E%3C/svg%3E%0A'); 2284 } 2285/* End Entertainment Tabs */ 2286 2287.header .logo img { 2288 width: auto !important; 2289} 2290.rg-adults-blocked .eots-shares, 2291.rg-adults-blocked p:has(.eots-shares) { 2292 display: none !important; 2293} 2294/*# sourceURL=eots2020-style-inline-css */ 2295</style> 2296<link rel='stylesheet' id='material-font-css' href='//fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,[email protected],100..700,0..1,-50..200&ver=2.2.51' media='screen' />
2297<script id="eots-lore-map-script-js" src="https://santaverse.com/wp-content/plugins/eots_map/js/leaflet.js?ver=1790968879"></script>
vendor: 1 bytes, line 2297
2297
2298<script id="eots-lore-map-script-2-js" src="https://santaverse.com/wp-content/plugins/eots_map/view.js?ver=1790968879"></script>
vendor: 1 bytes, line 2298
2298
2299<script id="jquery-core-js" src="https://media.elfontheshelf.com/wp-includes/js/jquery/jquery.min.js.gzip?ver=3.7.1"></script>
2299 2300<style id="custom-background-css"> 2301body.custom-background { background-color: #09192f; } 2302</style> 2303<link rel="icon" href="https://media.elfontheshelf.com/wp-content/uploads/sites/21/2024/12/sv-favicon-150x150.png" sizes="32x32" /> 2304<link rel="icon" href="https://media.elfontheshelf.com/wp-content/uploads/sites/21/2024/12/sv-favicon-220x220.png" sizes="192x192" /> 2305<link rel="apple-touch-icon" href="https://media.elfontheshelf.com/wp-content/uploads/sites/21/2024/12/sv-favicon-220x220.png" /> 2306<meta name="msapplication-TileImage" content="https://media.elfontheshelf.com/wp-content/uploads/sites/21/2024/12/sv-favicon-480x480.png" /> 2307<style id="wp-custom-css"> 2308/* Theme Overrides */ 2309 2310:root { 2311 --bs-border-radius: 8px; 2312 } 2313 2314.btn, 2315.form-control, 2316.tab-parent { 2317 --bs-btn-padding-y: 14px; 2318 --bs-btn-padding-x: 16px; 2319} 2320.btn, 2321.btn:hover, 2322.btn:active { 2323 border: 2px solid var(--bs-btn-active-bg) 2324} 2325.btn-primary, 2326.bg-primary { 2327--lightGold: #CDA775; 2328 background-image: radial-gradient(farthest-side at 50% 100%, var(--lightGold), var(--bs-primary) 80%); 2329 2330text-shadow: 1px 1px 1px var(--bs-primary), 2331 1px -1px 1px var(--bs-primary), 2332 -1px 1px 1px var(--bs-primary), 2333 -1px -1px 1px var(--bs-primary); 2334 background-color: var(--bs-primary); 2335 border: 2px solid var(--lightGold); 2336} 2337.btn.btn-sm { 2338 --bs-btn-padding-y: 8px; 2339 --bs-btn-padding-x: 12px; 2340} 2341 .header { 2342 --navWidth: var(--pageWidth); 2343 } 2344 2345 2346 @media (min-width: 1199.98px) { 2347 2348 .sv-border-right { 2349 border-right: 1px solid #2A456B; 2350 } 2351 } 2352 @media (max-width: 1199.98px) { 2353 2354 .sv-border-bottom { 2355 border-bottom: 1px solid #2A456B; 2356 } 2357} 2358.swiper-wrapper { 2359 margin-bottom: 1rem; 2360} 2361/* .wp-block-eots-slideshow .swiper-button-row { 2362 padding: 0 1rem; 2363} */ 2364 2365::-webkit-scrollbar {
2366 width: 1rem; 2367} 2368 2369/* Track */ 2370::-webkit-scrollbar-track { 2371 background-image: linear-gradient(to right, transparent, transparent 48%, #2a456b 48%, #2a456b 52%, transparent 52% ) 2372} 2373::-webkit-scrollbar-thumb { 2374 background-image: url('https://media.elfontheshelf.com/files/scroller.svg'); 2375background-position: center center; 2376background-size: contain; 2377 background-repeat: no-repeat; 2378} 2379 2380 2381/* 2382 2383 .page, 2384 .section { 2385 max-width: var(--pageWidth); 2386 } */ 2387 2388 /*Lightbox Styles */ 2389 2390 .eots-lightbox .lb-body, 2391 .eots-lightbox-small .lb-body, 2392 .eots-lightbox-full .lb-body { 2393 border-radius: 30px !important; 2394 border-color: #cda761; 2395 } 2396 2397 .eots-lightbox .close, 2398 .eots-lightbox-small .close, 2399 .eots-lightbox-full .close { 2400 border-style: solid; 2401 padding: 8px 6px 6px 6px; 2402 } 2403 2404.quiz-progressbar { 2405 height: 42px !important; 2406 background-color: rgba(66, 243, 254, 0.2); 2407 border: 16px solid #0D2444; 2408 border-radius: 26px; 2409 max-width: var(--pageWidth); 2410 margin: 0 auto; 2411} 2412 2413.quiz-progress { 2414 height: 100%; 2415 width: 0; 2416 background-image: linear-gradient(to left, #44FBFE, #0F58F4); 2417 border-radius: 5px 2418} 2419 2420#eots-legal .otnotice-content { 2421 display: flex; 2422 align-items: flex-start; 2423 flex-wrap: wrap; 2424} 2425 2426#eots-legal .otnotice-menu { 2427 flex: 0 0 auto; 2428 width: 100%; 2429 position: sticky; 2430 top: 1.5rem; 2431 padding-left: 0; 2432 list-style: none; 2433} 2434 2435#eots-legal .otnotice-sections { 2436 flex: 0 0 auto; 2437 width: 100%; 2438 margin-top: 1rem; 2439} 2440 2441#eots-legal .otnotice-menu-section { 2442 margin-bottom: .5rem; 2443} 2444 2445@media (min-width: 768px) { 2446 #eots-legal .otnotice-menu { 2447 width: calc(100% / 3); 2448 height: calc(100vh - 1.5rem); 2449 overflow-y: scroll; 2450 } 2451 #eots-legal .otnotice-sections { 2452 width: calc(100% / 3 * 2); 2453 margin-top: 0; 2454 } 2455} 2456 /* 2457 * Goji Global styles 2458 * 2459 */ 2460 2461 .badge { 2462 line-height: 1.5; 2463 padding: 0.25rem 1rem; 2464 font-size: 1rem; 2465 font-weight: 400; 2466 border-radius: 32px; 2467 } 2468 2469 2470 2471 2472 2473@media (max-width: 991px) { 2474 .character-content .wp-block-group__inner-container { 2475 grid-template-columns: 1fr; 2476 } 2477 .character-gallery { 2478 margin: 0 auto 2rem !important; 2479 } 2480 .section-traits { 2481 background-size: auto 100% !important; 2482 } 2483} 2484 2485.wp-block-eots-shopifyview .eg-card { 2486padding-left: 1rem; 2487padding-right: 1rem; 2488} 2489 2490 2491 2492/* From In-Page Styles */ 2493 2494 .section-products { 2495background: url("https://media.elfontheshelf.com/wp-content/uploads/sites/21/2024/09/bg-forest.webp"); 2496background-repeat: repeat-x; 2497} 2498.banner-register { 2499background: url("https://media.elfontheshelf.com/wp-content/uploads/sites/21/2024/10/banner.webp"); 2500 background-position: center; 2501 background-size: cover; 2502} 2503 2504/* 2505.parent-pageid-993 .wp-block-eots-fullwidth.section > .wp-block-group.py-6 { 2506 max-width: var(--pageWidth); 2507 margin: 0 auto; 2508} */ 2509 2510 2511/* Home Page Character List Styles */ 2512.list-characters { 2513 flex-wrap: wrap !important; 2514} 2515 2516.list-characters .swiper-slide { 2517 padding: 15px 9px; 2518} 2519 2520.list-characters.wp-block-group .wp-block-group__inner-container { 2521 max-width: 204px; 2522 margin: 0 auto; 2523 max-height: 278px; 2524} 2525 2526.list-characters { 2527 --item-gap: 24px 16px; 2528 --item-columns: 2; 2529 display: flex; 2530 flex-wrap: wrap; 2531 gap: var(--item-gap); 2532 padding: 0 16px; 2533 justify-content: center; 2534} 2535 2536.list-characters .wp-block-group { 2537 background: url(https://media.elfontheshelf.com/wp-content/uploads/2024/09/character-bg.webp) no-repeat center/contain, linear-gradient(180deg, #093145 0%, #071528 100%); 2538 position: relative; 2539 text-decoration: none; 2540 border-radius: 16px; 2541} 2542 2543.list-characters .swiper-slide { 2544 width: calc((100% / var(--item-columns)) - var(--item-gap) + (var(--item-gap) / var(--item-columns))) !important; 2545} 2546 2547.list-characters .wp-block-group img { 2548 position: relative; 2549 bottom: 0; 2550 left: -4px; 2551 right: -4px; 2552 max-width: calc(100% + 8px); 2553 transition: transform 0.45s cubic-bezier(0.15, 1, 0.5, 1.8); 2554 transform-origin: bottom; 2555 display: block; 2556 z-index: 2; 2557 max-height: 278px; 2558} 2559 2560.list-characters .wp-element-caption { 2561 margin: 0; 2562 position: absolute; 2563 bottom: 17px; 2564 left: 50%; 2565 transform: translateX(-50%); 2566 overflow: hidden; 2567 color: #f8e39e; 2568 text-align: center; 2569 font-family: var(--headerFont), sans-serif; 2570 font-size: 19px; 2571 font-style: normal; 2572 font-weight: 700; 2573 line-height: 1.1; 2574 letter-spacing: -0.566px; 2575 z-index: 5; 2576 margin: 0;
2577 cursor: pointer; 2578 pointer-events: none; 2579 width: 77%; 2580} 2581 2582.list-characters figure.wp-block-image > a:before { 2583 content: ""; 2584 position: absolute; 2585 bottom: 0; 2586 left: 0; 2587 right: 0; 2588 height: 210px; 2589 background-image: linear-gradient(to bottom, 2590 rgba(18, 10, 56, 0), 2591 rgba(18, 10, 56, 0), 2592 rgba(18, 10, 56, 0), 2593 rgba(17, 44, 85, 0.75), 2594 rgba(17, 51, 91, 0.9)); 2595 2596 transition: color ease 0.4s, background-position ease-in 0s; 2597 overflow: hidden; 2598 background-position: 0 0; 2599 background-repeat: no-repeat; 2600 z-index: 3; 2601 border-radius: 0 0 16px 16px; 2602} 2603 2604.list-characters figure.wp-block-image > a:after { 2605 content: ""; 2606 position: absolute; 2607 bottom: 0; 2608 left: 0; 2609 right: 0; 2610 opacity: 0; 2611 background-image: url(https://media.elfontheshelf.com/wp-content/uploads/2024/09/bg-lights.webp); 2612 background-size: cover; 2613 background-repeat: no-repeat; 2614 background-position: 0 bottom; 2615 transition: opacity ease-in-out 0.4s, transform ease-in-out 0.3s; 2616 width: 100%; 2617 height: 216px; 2618 z-index: 4; 2619 border-radius: 0 0 16px 16px; 2620} 2621 2622.list-characters figure > a:hover img { 2623 transform: scale(1.05); 2624} 2625 2626.list-characters figure > a:hover+.wp-element-caption { 2627 color: #0d2444; 2628} 2629 2630.list-characters figure.wp-block-image > a:hover:after { 2631 opacity: 1; 2632 transform: translateY(0); 2633} 2634 2635.wp-block-eots-slideshow .material-symbols-rounded { 2636 line-height: var(--bs-btn-line-height); 2637} 2638 2639@media screen and (min-width: 768px) { 2640 .list-characters { 2641 --item-columns: 3; 2642 } 2643 2644 .list-characters .btn { 2645 display: none; 2646 } 2647 2648 .list-characters .swiper-wrapper { 2649 justify-content: center; 2650 flex-wrap: wrap; 2651 } 2652} 2653 2654@media screen and (min-width: 991px) { 2655 .list-characters { 2656 --item-columns: 5; 2657 } 2658} 2659 2660p.drop:first-of-type:first-letter { 2661 font-family: var(--headerFont); 2662 font-size: calc( var(--h1-font-size) * 1.6 ); 2663 font-style: normal; 2664 font-weight: bold; 2665 line-height: 65px; 2666 color: var(--bs-primary); 2667 margin-right: 12px; 2668 float: left; 2669} 2670 2671/* Character Page Photo Gallery */ 2672.character-gallery { 2673 max-width: 546px; 2674 } 2675 .character-gallery .carousel-inner { 2676 width: 100%; 2677 } 2678 .character-gallery .carousel-item { 2679 border-radius: 12px; 2680 overflow: hidden; 2681 } 2682 .character-gallery .carousel-item img { 2683 width: 100%; 2684 height: 570px; 2685 object-fit: cover; 2686 } 2687 2688 2689 .carousel-indicators-img { 2690 position: static; 2691 gap: 1rem; 2692 margin: auto; 2693 } 2694 2695 .carousel-indicators-img > li[data-bs-target] { 2696 flex: 1; 2697 border-radius: 8px; 2698 overflow: hidden; 2699 cursor: pointer; 2700 border: 1px solid transparent !important; 2701 width: auto; 2702 height: auto; 2703 opacity: 1; 2704 margin: auto; 2705 background: transparent; 2706 } 2707 2708 .carousel-indicators-img > li[data-bs-target] img { 2709 height: 153px; 2710 object-fit: cover; 2711 border-radius: 8px; 2712 } 2713 .carousel-indicators-img > li[data-bs-target].active { 2714 border: 1px solid #cda761 !important; 2715 } 2716 2717/* End Character Page Photo Gallery */ 2718 2719 .card-strengths { 2720 border: 1px solid var(--Santaverse-Primary-Light, #2a456b); 2721 background: var(--Santaverse-Primary-Primary, #0d2444); 2722 2723 } 2724 2725 .card-strengths .title-inside { 2726 border: 1px solid var(--TEOTS-brand-Primary-Light, #eaaeae); 2727 color: var(--TEOTS-brand-Primary-Light, #eaaeae); 2728 } 2729 .card-strengths .title-inside.title-strength { 2730 border-color: var(--Santaverse-Secondary-Light, #acd2ff); 2731 color: var(--Santaverse-Secondary-Light, #acd2ff); 2732 } 2733/* Override Bootstrap class */ 2734.carousel-item { 2735 float: none !important; 2736} 2737 2738/* Only used on the home page */ 2739.item-universe__img { 2740 border: 1px solid #cda761; 2741 background: #09192f; 2742 box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.35), 2743 0px 4px 70px 0px rgba(6, 209, 255, 0.35); 2744 border-radius: 50%; 2745 2746 aspect-ratio: 1/1; 2747 position: relative; 2748 margin-bottom: 16px; 2749 transition: box-shadow 0.3s; 2750 position: relative; 2751 padding: 24%; 2752 margin-bottom: 24px; 2753min-height: 0; 2754 } 2755 .item-universe__img img { 2756 transition: transform 0.45s cubic-bezier(0.15, 1, 0.5, 2.5); 2757 } 2758 .item-universe__img .wp-element-caption { 2759 position: absolute; 2760 left: auto; 2761 right: auto; 2762 width: 100%; 2763 bottom: -3em; 2764 font-size: var(--h5-font-size); 2765 2766 color: var(--bs-heading-color); 2767 font-weight: bold; 2768 font-family: var(--headerFont), sans-serif; 2769 } 2770 .item-universe:nth-child(2) .item-universe__img { 2771 box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.35), 2772 0px 4px 70px 0px rgba(229, 66, 38, 0.35); 2773 } 2774 .item-universe:nth-child(3) .item-universe__img { 2775 box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.35), 2776 0px 4px 70px 0px rgba(97, 231, 255, 0.35); 2777 } 2778 .item-universe:nth-child(4) .item-universe__img { 2779 box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.35), 2780 0px 4px 70px 0px rgba(255, 241, 102, 0.35); 2781 } 2782 .item-universe:nth-child(5) .item-universe__img { 2783 box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.35), 2784 0px 4px 70px 0px rgba(14, 93, 226, 0.35); 2785 } 2786 2787 .item-universe__img a { 2788 display: block; 2789 position: relative; 2790 z-index: 1; 2791 padding: 50px 50px 111px; 2792 margin: -50px -50px -111px; 2793 } 2794 2795 .item-universe .item-universe__img a:hover img { 2796 transform: scale(1.1); 2797 } 2798 .item-universe .item-universe__img:after { 2799 top: 0; 2800 bottom: 0; 2801 left: 0; 2802 right: 0; 2803 position: absolute; 2804 content: ""; 2805 border-radius: 50%; 2806 transition: box-shadow 0.5s ease-in-out; 2807 } 2808 .item-universe:hover .item-universe__img:after { 2809 box-shadow: 0px 0px 20px 0px rgba(255, 249, 85, 0.8); 2810 } 2811 2812 .item-universe__img.wp-block-image img { 2813 max-width: 100px; 2814 width: 100%; 2815 height: 100%; 2816 object-fit: contain; 2817 } 2818 2819 2820 2821 @media screen and (max-width: 420px) { 2822 .item-universe .wp-block-group__inner-container { 2823 max-width: 280px; 2824 margin: 0 auto; 2825 } 2826 .item-universe__img.wp-block-image img { 2827 max-width: 182px; 2828 } 2829 } 2830 @media screen and (min-width: 768px) { 2831 .item-universe__img.wp-block-image img { 2832 max-width: 105px; 2833 } 2834 } 2835 2836.footer-icon { 2837 width: 2rem; 2838 height: 2rem; 2839} 2840dialog.age-validator { 2841 background-color: var(--pageColor); 2842 text-align: center; 2843 border-radius: var(--bs-border-radius); 2844 color: var(--bs-body-color); 2845 padding: 1rem 0 !important; 2846 border-color: rgba(255, 255, 255, 0.5); 2847} 2848dialog.age-validator .description { 2849 background: none; 2850} 2851 2852/* Entertainment Tabs */ 2853.eots-tabs-media .tab-parent .tab-navigation .tab-link { 2854 padding-right: 45px; 2855 position: relative; 2856} 2857.eots-tabs-media .tab-parent .tab-navigation .tab-link:after { 2858 content: ""; 2859 display: block; 2860 background-repeat: no-repeat; 2861 background-position: 50% 50%; 2862 position: absolute; 2863 right: 10px;
2864 width: 20px; 2865 height: 20px; 2866} 2867.eots-tabs-media .tab-parent .tab-navigation .tab-link:hover, 2868.eots-tabs-media .tab-parent .tab-navigation .tab-link.active { 2869background-color: var(--bs-btn-active-bg); 2870 color: #fff !important; 2871} 2872 2873 .eots-tabs-media .tab-parent .tab-navigation .tab-link[data-tab-name="Videos"]:after { 2874 background-image: url('data:image/svg+xml,%3Csvg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_1540_11854)"%3E%3Cpath d="M17.9921 6.47791C17.9049 6.43116 17.8066 6.40895 17.7078 6.41365C17.609 6.41834 17.5132 6.44977 17.4309 6.50457L15 8.12195V6.40955C15 6.11947 14.8848 5.84127 14.6796 5.63615C14.4745 5.43103 14.1963 5.3158 13.9062 5.3158H2.96875C2.67867 5.3158 2.40047 5.43103 2.19535 5.63615C1.99023 5.84127 1.875 6.11947 1.875 6.40955V14.0658C1.875 14.3559 1.99023 14.6341 2.19535 14.8392C2.40047 15.0443 2.67867 15.1595 2.96875 15.1595H13.9062C14.1963 15.1595 14.4745 15.0443 14.6796 14.8392C14.8848 14.6341 15 14.3559 15 14.0658V12.3568L17.4309 13.9776C17.5211 14.0362 17.6267 14.0669 17.7344 14.0658C17.8794 14.0658 18.0185 14.0082 18.1211 13.9056C18.2236 13.8031 18.2812 13.664 18.2812 13.5189V6.95642C18.2806 6.85802 18.2533 6.76164 18.2024 6.67742C18.1516 6.5932 18.0789 6.52427 17.9921 6.47791ZM13.9062 14.0658H2.96875V6.40955H13.9062V14.0658ZM17.1875 12.4969L15 11.0388V9.4365L17.1875 7.98181V12.4969Z" fill="white"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_1540_11854"%3E%3Crect width="17.5" height="17.5" fill="white" transform="translate(1.25 1.5658)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A'); 2875 } 2876 .eots-tabs-media .tab-parent .tab-navigation .tab-link[data-tab-name="Books"]:after { 2877 background-image: url('data:image/svg+xml,%3Csvg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M17.1094 4.84705H12.1875C11.763 4.84705 11.3443 4.94588 10.9647 5.13572C10.585 5.32556 10.2547 5.6012 10 5.9408C9.7453 5.6012 9.41503 5.32556 9.03535 5.13572C8.65567 4.94588 8.237 4.84705 7.8125 4.84705H2.89062C2.74558 4.84705 2.60648 4.90466 2.50393 5.00722C2.40137 5.10978 2.34375 5.24888 2.34375 5.39392V15.2377C2.34375 15.3827 2.40137 15.5218 2.50393 15.6244C2.60648 15.7269 2.74558 15.7845 2.89062 15.7845H7.8125C8.24762 15.7845 8.66492 15.9574 8.9726 16.2651C9.28027 16.5728 9.45312 16.9901 9.45312 17.4252C9.45312 17.5702 9.51074 17.7093 9.6133 17.8119C9.71586 17.9144 9.85496 17.972 10 17.972C10.145 17.972 10.2841 17.9144 10.3867 17.8119C10.4893 17.7093 10.5469 17.5702 10.5469 17.4252C10.5469 16.9901 10.7197 16.5728 11.0274 16.2651C11.3351 15.9574 11.7524 15.7845 12.1875 15.7845H17.1094C17.2544 15.7845 17.3935 15.7269 17.4961 15.6244C17.5986 15.5218 17.6562 15.3827 17.6562 15.2377V5.39392C17.6562 5.24888 17.5986 5.10978 17.4961 5.00722C17.3935 4.90466 17.2544 4.84705 17.1094 4.84705ZM7.8125 14.6908H3.4375V5.9408H7.8125C8.24762 5.9408 8.66492 6.11365 8.9726 6.42132C9.28027 6.729 9.45312 7.1463 9.45312 7.58142V15.2377C8.98026 14.8818 8.40429 14.6899 7.8125 14.6908ZM16.5625 14.6908H12.1875C11.5957 14.6899 11.0197 14.8818 10.5469 15.2377V7.58142C10.5469 7.1463 10.7197 6.729 11.0274 6.42132C11.3351 6.11365 11.7524 5.9408 12.1875 5.9408H16.5625V14.6908ZM12.1875 7.58142H14.9219C15.0669 7.58142 15.206 7.63904 15.3086 7.7416C15.4111 7.84416 15.4688 7.98326 15.4688 8.1283C15.4688 8.27334 15.4111 8.41244 15.3086 8.51499C15.206 8.61755 15.0669 8.67517 14.9219 8.67517H12.1875C12.0425 8.67517 11.9034 8.61755 11.8008 8.51499C11.6982 8.41244 11.6406 8.27334 11.6406 8.1283C11.6406 7.98326 11.6982 7.84416 11.8008 7.7416C11.9034 7.63904 12.0425 7.58142 12.1875 7.58142ZM15.4688 10.3158C15.4688 10.4608 15.4111 10.5999 15.3086 10.7025C15.206 10.8051 15.0669 10.8627 14.9219 10.8627H12.1875C12.0425 10.8627 11.9034 10.8051 11.8008 10.7025C11.6982 10.5999 11.6406 10.4608 11.6406 10.3158C11.6406 10.1708 11.6982 10.0317 11.8008 9.9291C11.9034 9.82654 12.0425 9.76892 12.1875 9.76892H14.9219C15.0669 9.76892 15.206 9.82654 15.3086 9.9291C15.4111 10.0317 15.4688 10.1708 15.4688 10.3158ZM15.4688 12.5033C15.4688 12.6483 15.4111 12.7874 15.3086 12.89C15.206 12.9926 15.0669 13.0502 14.9219 13.0502H12.1875C12.0425 13.0502 11.9034 12.9926 11.8008 12.89C11.6982 12.7874 11.6406 12.6483 11.6406 12.5033C11.6406 12.3583 11.6982 12.2192 11.8008 12.1166C11.9034 12.014 12.0425 11.9564 12.1875 11.9564H14.9219C15.0669 11.9564 15.206 12.014 15.3086 12.1166C15.4111 12.2192 15.4688 12.3583 15.4688 12.5033Z" fill="%23E7E8E9"/%3E%3C/svg%3E%0A'); 2878 } 2879 .eots-tabs-media .tab-parent .tab-navigation .tab-link[data-tab-name="Music"]:after { 2880 background-image: url('data:image/svg+xml,%3Csvg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16.5863 2.93129C16.5208 2.88025 16.4445 2.84479 16.3633 2.82762C16.282 2.81044 16.1979 2.812 16.1174 2.83217L7.36739 5.01967C7.24907 5.04924 7.14404 5.11751 7.06898 5.21363C6.99393 5.30974 6.95315 5.42819 6.95313 5.55014V13.0751C6.49692 12.7703 5.95193 12.6267 5.40475 12.6671C4.85757 12.7075 4.33958 12.9296 3.93308 13.2981C3.52659 13.6666 3.25489 14.1604 3.16117 14.701C3.06745 15.2416 3.15708 15.798 3.41581 16.2819C3.67455 16.7657 4.08755 17.1492 4.5892 17.3714C5.09085 17.5936 5.65238 17.6418 6.18457 17.5084C6.71676 17.3749 7.18908 17.0674 7.5265 16.6348C7.86392 16.2021 8.04708 15.6691 8.04688 15.1205V9.25863L15.7031 7.34457V10.8876C15.2469 10.5828 14.7019 10.4392 14.1548 10.4796C13.6076 10.52 13.0896 10.7421 12.6831 11.1106C12.2766 11.4791 12.0049 11.9729 11.9112 12.5135C11.8174 13.0541 11.9
2880071 13.6105 12.1658 14.0944C12.4245 14.5782 12.8375 14.9617 13.3392 15.1839C13.8409 15.4061 14.4024 15.4543 14.9346 15.3209C15.4668 15.1874 15.9391 14.8799 16.2765 14.4473C16.6139 14.0146 16.7971 13.4816 16.7969 12.933V3.36264C16.7969 3.27946 16.7779 3.19738 16.7415 3.12263C16.705 3.04788 16.6519 2.98244 16.5863 2.93129ZM5.58594 16.4876C5.31554 16.4876 5.0512 16.4075 4.82637 16.2572C4.60154 16.107 4.4263 15.8935 4.32282 15.6437C4.21934 15.3938 4.19227 15.1189 4.24502 14.8537C4.29778 14.5885 4.42799 14.3449 4.61919 14.1537C4.8104 13.9625 5.05401 13.8323 5.31922 13.7795C5.58442 13.7268 5.85932 13.7539 6.10914 13.8573C6.35896 13.9608 6.57249 14.136 6.72272 14.3609C6.87294 14.5857 6.95313 14.85 6.95313 15.1205C6.95313 15.4831 6.80909 15.8308 6.55269 16.0872C6.29629 16.3436 5.94854 16.4876 5.58594 16.4876ZM8.04688 8.1307V5.97738L15.7031 4.06332V6.21664L8.04688 8.1307ZM14.3359 14.3001C14.0655 14.3001 13.8012 14.22 13.5764 14.0697C13.3515 13.9195 13.1763 13.706 13.0728 13.4562C12.9693 13.2063 12.9423 12.9314 12.995 12.6662C13.0478 12.401 13.178 12.1574 13.3692 11.9662C13.5604 11.775 13.804 11.6448 14.0692 11.592C14.3344 11.5393 14.6093 11.5664 14.8591 11.6698C15.109 11.7733 15.3225 11.9485 15.4727 12.1734C15.6229 12.3982 15.7031 12.6625 15.7031 12.933C15.7031 13.2956 15.5591 13.6433 15.3027 13.8997C15.0463 14.1561 14.6985 14.3001 14.3359 14.3001Z" fill="%23E7E8E9"/%3E%3C/svg%3E%0A'); 2881 } 2882 .eots-tabs-media .tab-parent .tab-navigation .tab-link[data-tab-name="Games"]:after { 2883 background-image: url('data:image/svg+xml,%3Csvg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_1540_11436)"%3E%3Cpath d="M13.2813 9.22205H11.6407C11.4957 9.22205 11.3566 9.16443 11.254 9.06187C11.1514 8.95931 11.0938 8.82021 11.0938 8.67517C11.0938 8.53013 11.1514 8.39103 11.254 8.28847C11.3566 8.18591 11.4957 8.1283 11.6407 8.1283H13.2813C13.4264 8.1283 13.5655 8.18591 13.668 8.28847C13.7706 8.39103 13.8282 8.53013 13.8282 8.67517C13.8282 8.82021 13.7706 8.95931 13.668 9.06187C13.5655 9.16443 13.4264 9.22205 13.2813 9.22205ZM8.35944 8.1283H7.81257V7.58142C7.81257 7.43638 7.75495 7.29728 7.65239 7.19472C7.54983 7.09216 7.41073 7.03455 7.26569 7.03455C7.12065 7.03455 6.98155 7.09216 6.87899 7.19472C6.77643 7.29728 6.71882 7.43638 6.71882 7.58142V8.1283H6.17194C6.0269 8.1283 5.8878 8.18591 5.78524 8.28847C5.68268 8.39103 5.62507 8.53013 5.62507 8.67517C5.62507 8.82021 5.68268 8.95931 5.78524 9.06187C5.8878 9.16443 6.0269 9.22205 6.17194 9.22205H6.71882V9.76892C6.71882 9.91396 6.77643 10.0531 6.87899 10.1556C6.98155 10.2582 7.12065 10.3158 7.26569 10.3158C7.41073 10.3158 7.54983 10.2582 7.65239 10.1556C7.75495 10.0531 7.81257 9.91396 7.81257 9.76892V9.22205H8.35944C8.50448 9.22205 8.64358 9.16443 8.74614 9.06187C8.8487 8.95931 8.90632 8.82021 8.90632 8.67517C8.90632 8.53013 8.8487 8.39103 8.74614 8.28847C8.64358 8.18591 8.50448 8.1283 8.35944 8.1283ZM17.7575 15.2821C17.5514 15.5764 17.2833 15.822 16.9722 16.0017C16.661 16.1814 16.3142 16.2907 15.9563 16.322C15.5984 16.3534 15.2379
288316.3059 14.9003 16.1831C14.5626 16.0602 14.2559 15.8649 14.0018 15.6109C13.9936 15.6027 13.9854 15.5945 13.9779 15.5856L11.2633 12.5033H8.73405L6.02223 15.5856L5.99831 15.6109C5.53634 16.0719 4.9105 16.331 4.25788 16.3314C3.89861 16.3313 3.54372 16.2525 3.21815 16.1006C2.89259 15.9486 2.60423 15.7273 2.37334 15.452C2.14245 15.1768 1.97463 14.8543 1.88167 14.5073C1.7887 14.1602 1.77285 13.7971 1.83522 13.4432C1.83489 13.4401 1.83489 13.4368 1.83522 13.4337L2.95427 7.68533C3.12081 6.73723 3.61616 5.87816 4.35328 5.25906C5.0904 4.63996 6.02212 4.30044 6.98473 4.30017H13.0079C13.9676 4.3017 14.8965 4.63927 15.6332 5.25428C16.37 5.86928 16.8681 6.72288 17.0411 7.66687C17.0411 7.67097 17.0411 7.67507 17.0411 7.67917L18.1601 13.433C18.1605 13.4362 18.1605 13.4394 18.1601 13.4426C18.218 13.7606 18.2123 14.0869 18.1432 14.4027C18.074 14.7184 17.943 15.0174 17.7575 15.2821ZM13.0079 11.4095C13.8056 11.4095 14.5707 11.0927 15.1347 10.5286C15.6988 9.9645 16.0157 9.19945 16.0157 8.40173C16.0157 7.60401 15.6988 6.83896 15.1347 6.27489C14.5707 5.71081 13.8056 5.39392 13.0079 5.39392H6.98473C6.27855 5.39455 5.59521 5.64421 5.05493 6.09896C4.51465 6.55371 4.15206 7.18443 4.03093 7.88015V7.88904L2.9112 13.6374C2.86171 13.9224 2.90387 14.2157 3.03163 14.4752C3.1594 14.7347 3.36617 14.947 3.62222 15.0816C3.87826 15.2161 4.17039 15.266 4.45658 15.224C4.74277 15.1821 5.00827 15.0504 5.21491 14.848L8.08053 11.5948C8.13185 11.5366 8.19496 11.49 8.26567 11.458C8.33639 11.4261 8.4131 11.4096 8.49069 11.4095H13.0079ZM17.0889 13.6374L16.4915 10.5612C16.124 11.1546 15.6112 11.6443 15.0016 11.9842C14.392 12.324 13.7058 12.5027 13.0079 12.5033H12.7208L14.7852 14.8487C14.9409 15.0001 15.1302 15.1124 15.3377 15.1765C15.5452 15.2405 15.7649 15.2545 15.9788 15.2172C16.3351 15.1543 16.652 14.9527 16.86 14.6565C17.0679 14.3604 17.15 13.9939 17.0883 13.6374H17.0889Z" fill="%23E7E8E9"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_1540_11436"%3E%3Crect width="17.5" height="17.5" fill="white" transform="translate(1.25 1.5658)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A'); 2884 } 2885 .eots-tabs-media .tab-parent .tab-navigation .tab-link[data-tab-name="Experiences"]:after { 2886 background-image: url('data:image/svg+xml,%3Csvg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M14.4688 2.7533H12.8281V2.20642C12.8281 2.06138 12.7705 1.92228 12.6679 1.81972C12.5654 1.71716 12.4263 1.65955 12.2812 1.65955C12.1362 1.65955 11.9971 1.71716 11.8946 1.81972C11.792 1.92228 11.7344 2.06138 11.7344 2.20642V2.7533H6.26562V2.20642C6.26562 2.06138 6.20801 1.92228 6.10545 1.81972C6.00289 1.71716 5.86379 1.65955 5.71875 1.65955C5.57371 1.65955 5.43461 1.71716 5.33205 1.81972C5.22949 1.92228 5.17188 2.06138 5.17188 2.20642V2.7533H3.53125C3.24117 2.7533 2.96297 2.86853 2.75785 3.07365C2.55273 3.27877 2.4375 3.55697 2.4375 3.84705V14.7845C2.4375 15.0746 2.55273 15.3528 2.75785 15.5579C2.96297 15.7631 3.24117 15.8783 3.53125 15.8783H14.4688C14.7588 15.8783 15.037 15.7631 15.2421 15.5579C15.4473 15.3528 15.5625 15.0746 15.5625 14.7845V3.84705C15.5625 3.55697 15.4473 3.27877 15.2421 3.07365C15.037 2.86853 14.7588 2.7533 14.4688 2.7533ZM5.17188 3.84705V4.39392C5.17188 4.53896 5.22949 4.67806 5.33205 4.78062C5.43461 4.88318 5.57371 4.9408 5.71875 4.9408C5.86379 4.9408 6.00289 4.88318 6.10545 4.78062C6.20801 4.67806 6.26562 4.53896 6.26562 4.39392V3.84705H11.7344V4.39392C11.7344 4.53896 11.792 4.67806 11.8946 4.78062C11.9971 4.88318 12.1362 4.9408 12.2812 4.9408C12.4263 4.9408 12.5654 4.88318 12.6679 4.78062C12.7705 4.67806 12.8281 4.53896 12.8281 4.39392V3.84705H14.4688V6.03455H3.53125V3.84705H5.17188ZM14.4688 14.7845H3.53125V7.1283H14.4688V14.7845ZM9.82031 9.58923C9.82031 9.75148 9.7722 9.91007 9.68206 10.045C9.59193 10.1799 9.46381 10.285 9.31392 10.3471C9.16403 10.4092 8.99909 10.4254 8.83996 10.3938C8.68084 10.3621 8.53467 10.284 8.41995 10.1693C8.30523 10.0546 8.2271 9.90839 8.19545 9.74927C8.1638 9.59014 8.18004 9.42521 8.24213 9.27531C8.30422 9.12542 8.40936 8.99731 8.54426 8.90717C8.67916 8.81703 8.83776 8.76892 9 8.76892C9.21756 8.76892 9.42621 8.85535 9.58005 9.00918C9.73389 9.16302 9.82031 9.37167 9.82031 9.58923ZM12.8281 9.58923C12.8281 9.75148 12.78 9.91007 12.6899 10.045C12.5997 10.1799 12.4716 10.285 12.3217 10.3471C12.1718 10.4092 12.0069 10.4254 11.8478 10.3938C11.6887 10.3621 11.5425 10.284 11.4278 10.1693C11.313 10.0546 11.2349 9.90839 11.2033 9.74927C11.1716 9.59014 11.1879 9.42521 11.2499 9.27531C11.312 9.12542 11.4172 8.99731 11.5521 8.90717C11.687 8.81703 11.8456 8.76892 12.0078 8.76892C12.2254 8.76892 12.434 8.85535 12.5879 9.00918C12.7417 9.16302 12.8281 9.37167 12.8281 9.58923ZM6.8125 12.3236C6.8125 12.4859 6.76439 12.6444 6.67425 12.7793C6.58412 12.9142 6.456 13.0194 6.30611 13.0815C6.15621 13.1436 5.99128 13.1598 5.83215 13.1282C5.67303 13.0965 5.52686 13.0184 5.41214 12.9037C5.29742 12.7889 5.21929 12.6428 5.18764 12.4836C5.15599 12.3245 5.17223 12.1596 5.23432 12.0097C5.29641 11.8598 5.40155 11.7317 5.53645 11.6415C5.67135 11.5514 5.82995 11.5033 5.99219 11.5033C6.20975 11.5033 6.4184 11.5897 6.57224 11.7436C6.72607 11.8974 6.8125 12.106 6.8125 12.3236ZM9.82031 12.3236C9.82031 12.4859 9.7722 12.6444 9.68206 12.7793C9.59193 12.9142 9.46381 13.0194 9.31392 13.0815C9.16403 13.1436 8.99909 13.1598 8.83996 13.1282C8.68084 13.0965 8.53467 13.0184 8.41995 12.9037C8.30523 12.7889 8.2271 12.6428 8.19545 12.4836C8.1638 12.3245 8.18004 12.1596 8.24213 12.0097C8.30422 11.8598 8.40936 11.7317 8.54426 11.6415C8.67916 11.5514 8.83776 11.5033 9 11.5033C9.21756 11.5033 9.42621 11.5897 9.58005 11.7436C9.73389 11.8974 9.82031 12.106 9.82031 12.3236ZM12.8281 12.3236C12.8281 12.4859 12.78 12.6444 12.6899 12.7793C12.5997 12.9142 12.4716 13.0194 12.3217 13.0815C12.1718 13.1436 12.0069 13.1598 11.8478 13.1282C11.6887 13.0965 11.5425 13.0184 11.4278 12.9037C11.313
288612.7889 11.2349 12.6428 11.2033 12.4836C11.1716 12.3245 11.1879 12.1596 11.2499 12.0097C11.312 11.8598 11.4172 11.7317 11.5521 11.6415C11.687 11.5514 11.8456 11.5033 12.0078 11.5033C12.2254 11.5033 12.434 11.5897 12.5879 11.7436C12.7417 11.8974 12.8281 12.106 12.8281 12.3236Z" fill="%23E7E8E9"/%3E%3C/svg%3E%0A'); 2887 } 2888/* End Entertainment Tabs */ 2889 2890.header .logo img { 2891 width: auto !important; 2892} 2893.rg-adults-blocked .eots-shares, 2894.rg-adults-blocked p:has(.eots-shares) { 2895 display: none !important; 2896} 2897</style> 2898 </head> 2899 2900 <body class="blog custom-background wp-theme-santaverse theme-santaverse"> 2901
2901<script src="https://s3.amazonaws.com/media.elfontheshelf.com/libraries/role-gate-selective/embed.1.1.0.min.js?2"></script>
2901 <a href="#main-content" class="skip-link btn btn-primary">Skip to main content</a> 2902 <dialog class="eots-lightbox"> 2903 <form method="dialog"> 2904 <button class="close material-symbols-rounded" aria-label="close">close</button> 2905 </form> 2906 <div class="lb-body"></div> 2907 </dialog> 2908 <dialog class="eots-lightbox-small"> 2909 <form method="dialog"> 2910 <button class="close material-symbols-rounded" aria-label="close">close</button> 2911 </form> 2912 <div class="lb-body"></div> 2913 </dialog> 2914 <dialog class="eots-lightbox-full"> 2915 <form method="dialog"> 2916 <button class="close material-symbols-rounded" aria-label="close">close</button> 2917 </form> 2918 <div class="lb-body"></div> 2919 </dialog> 2920 <header id="header" class="header px-2" role="banner" aria-label="Site Header"> 2921 <a href="/" title="Home" rel="home" class="logo d-flex align-items-center flex-shrink-0"> 2922 <img src="https://media.elfontheshelf.com/wp-content/uploads/sites/21/2024/09/Logo.png" id="svgLogo" aria-label="Site Logo" role="img"> 2923 </a> 2924 <div class="eots-mobile-nav-icon eots-toggle"><span>Menu</span></div> 2925 <nav class="header-nav px-2 px-xl-0 d-flex flex-column align-items-stretch align-items-xl-end justify-content-start" role="navigation"> 2926 2927 <div class="d-flex justify-content-center align-items-center py-2 flex-wrap order-2 order-xl-0"> 2928 <a href="https://elfontheshelf.com/?from=svsite-nav" class="d-block d-block mx-3 p-3 p-md-0 rg-adults" target="_blank"><small>The Elf On The Shelf<sup>®</sup></small></a> 2929 <a href="https://lumistella.com/?from=svsite-nav" target="_blank" class="d-block mx-3 rg-adults"><small>The Lumistella Company</small></a> 2930 <a href="https://santasnorthpole.com/?from=svsite-nav" class="d-block mx-3 p-3 p-md-0" target="_blank"><small>Kid's Games</small></a> 2931 <a href="https://forms.office.com/Pages/ResponsePage.aspx?id=2mXJPqHZREqGcMDHW9h9VtxkbssWVS9MkaBEbtYpV9JUQ0pVSks5VEVNRkFKQkFBQVA3SEFZODJPMS4u" class="d-block mx-3 p-3 p-md-0 rg-adults" target="_blank"><small>Share Your Stories</small></a> 2932 <a href="https://shop.elfontheshelf.com/?from=svsite-nav" class="d-block mx-3 p-1 text-white btn btn-sm btn-secondary rg-adults" target="_blank">Shop</a> 2933<a href="/search/" class="d-block p-2 pe-0"> 2934 <span class="visually-hidden">Search</span> 2935 <svg stroke="white" fill="white" stroke-width="0" viewBox="0 0 512 512" height="17" width="17" xmlns="http://www.w3.org/2000/svg"> 2936 <path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path> 2937 </svg> 2938 </a> 2939</div><ul id="menu-primary" class="menu"><li id="menu-item-12265" class="nav-link py-2 menu-item menu-item-type-custom menu-item-object-custom menu-item-12265"><a href="/nicholas-the-noble-novel/">Novel</a></li> 2940<li id="menu-item-602" class="nav-link py-2 menu-item menu-item-type-custom menu-item-object-custom menu-item-602"><a href="/characters/">Characters</a></li> 2941<li id="menu-item-603" class="nav-link py-2 menu-item menu-item-type-custom menu-item-object-custom menu-item-603"><a href="/entertainment/">Entertainment</a></li> 2942<li id="menu-item-604" class="nav-link py-2 menu-item menu-item-type-custom menu-item-object-custom menu-item-604"><a href="https://santaverse.com/map/">Discover</a></li> 2943<li id="menu-item-605" class="nav-link py-2 menu-item menu-item-type-custom menu-item-object-custom menu-item-605"><a href="/quiz/">Quiz</a></li> 2944<li id="menu-item-12264" class="nav-link py-2 menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-12264"><a href="/blog/" aria-current="page">Blog</a></li> 2945</ul> </nav> 2946 2947 </header><div id="page" class="page"> 2948 <div class="o-header" aria-hidden="true"></div> 2949 <main id="main-content" class="main-content clearfix" role="main"> 2950 2951<div class="wp-block-eots-fullwidth" style="--minHeightXs:0;--minHeightSm:0;--minHeightMd:0;--minHeightLg:0;--minHeightXl:0;--minHeightXxl:0"> 2952<div class="wp-block-eots-media-background" style="--media-anchor:center right"><div class="media image" style="--background-image:url(https://media.elfontheshelf.com/wp-content/uploads/sites/21/2025/08/sc_blog-hero-02.webp);--background-cover:cover;--background-tile:no-repeat"></div></div> 2953 2954 2955<div class="wp-bootstrap-blocks-container container mb-0 px-4 px-xl-0"> 2956 2957<div class="wp-bootstrap-blocks-row row gx-0"> 2958 2959 2960<div class="col-12 col-lg-6 d-flex justify-content-center align-items-center"> 2961 2962 2963<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"> 2964<h6 class="wp-block-heading has-text-align-center display-3 mb-3">Santaverse Blog</h6> 2965 2966 2967 2968<div class="wp-block-group text-white is-layout-constrained wp-block-group-is-layout-constrained"></div> 2969 2970 2971 2972<h2 class="wp-block-heading has-text-align-center text-white">Step into the Kingdom of the One True North</h2> 2973</div> 2974 2975 </div> 2976 2977 2978 2979<div class="col-12 col-lg-6 overflow-visible mw-75"> 2980 2981 2982<figure ><img fetchpriority="high" decoding="async" width="842" height="688" src="https://media.elfontheshelf.com/wp-content/uploads/sites/21/2025/08/sv_hero-blog-character-grouping.webp" alt="A cast of Santaverse characters including Noorah, Elf Pets Reindeer and Saint Bernard, along with Zaspar, and a Scout Elf flying overhead. Last but not least, the man himself, Santa Claus!" class="wp-image-8133 wp-block-image size-full m-0 px-3 py-0" style="object-fit:cover" srcset="https://media.elfontheshelf.com/wp-content/uploads/sites/21/2025/08/sv_hero-blog-character-grouping.webp 842w, https://media.elfontheshelf.com/wp-content/uploads/sites/21/2025/08/sv_hero-blog-character-grouping-768x628.webp 768w" sizes="(max-width: 842px) 100vw, 842px" /></figure> 2983 2984 </div> 2985 2986</div> 2987 2988</div> 2989 2990 2991 2992<div class="wp-block-eots-gradientblock" style="--gradient-colors:#09192fba 25%, #09182e73 75%, #09192f00 100%" role="presentation"></div> 2993</div> 2994 <div class="tlc-dynamic-post-list my-4 mx-md-7" data-src="/wp-json/search/node-list/p
2994ost.json" data-keys="title,field_subtitle,body,field_category" data-paginate="20" data-cy="blog-post-list"> 2995 <template> 2996 <div class="col-12 col-sm-6 col-md-4 mb-4" data-cy="blog-post-link" data-category="{{field_category}}"> 2997 <div class="text-align-start border border-2 border-success rounded overflow-hidden h-100"> 2998 <a href="{{path}}" data-ga-category="" data-ga-action="click" data-ga-label="{{title}}" aria-label="{{title}}"> 2999 <img decoding="async" src="{{image}}" alt="" loading="lazy" class="border-bottom border-2 border-success"> 3000 <div class="p-3 pb-0"> 3001 <h5>{{title}}</h5> 3002 </div> 3003 </a> 3004 <div class="p-3 pt-0">{{body|100}}...</div> 3005 </div> 3006 </div> 3007 </template> 3008 3009 3010 <div class="eots-gallery container"> 3011 <form id="blog" class="row justify-content-between"> 3012 <div class="col-md-3 pb-3"> 3013 <label for="search-filter" class="visually-hidden">Search</label> 3014 <input type="search" name="search" id="search-filter" placeholder="Search for keyword" class="form-control"> 3015 </div> 3016 <div class="col-md-auto pb-3"> 3017 <div class="dropdown"> 3018 <button type="button" class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="outside"> 3019 Categories </button> 3020 <div class="dropdown-menu bg-page-color p-4"> 3021 <div class="form-check"><input class="form-check-input" name="field_category[]" id="category-craft-create" t
3021ype="checkbox" value="craft-create"> <label class="form-check-label text-nowrap" for="category-craft-create">Craft & Create</label></div><div class="form-check"><input class="form-check-input" name="field_category[]" id="category-knowledge" type="checkbox" value="knowledge"> <label class="form-check-label text-nowrap" for="category-knowledge">Knowledge</label></div> </div> 3022 </div> 3023 </div> 3024 <button type="submit" class="visually-hidden">Submit</button> 3025 </form> 3026 <div class="row results justify-content-center"></div> 3027 </div> 3028 </div> 3029 </main><!-- #site-content --> 3030 3031 <footer class="site-footer clearfix"> 3032 3033 3034 <div class="container py-5"> 3035 <div class="row justify-content-center"> 3036 <div class="col-12 col-md-3 col-xl-2 text-center mb-5 d-flex flex-xl-column align-items-start flex-wrap rg-adults"> 3037 <div class="row justify-content-center gap-4"> 3038 <div class="col-6 col-md-12"> 3039 <a href="https://santaverse.com" target="_blank"> 3040 <img decoding="async" alt="Santaverse" 3041 src="https://media.elfontheshelf.com/wp-content/uploads/sites/21/2024/09/Logo.png" class="px-md-4" /> 3042 </a> 3043<hr class="d-none d-xl-block "> 3044 </div> 3045 <div class="col-6 col-md-12 mt-4 mt-md-0 order-last order-md-2 mx-auto"> 3046 <a href="https://elfontheshelf.com" target="_blank"> 3047 <img decoding="async" alt="Elf on the Shelf" 3048 src="https://media.elfontheshelf.com/wp-content/uploads/2024/10/Elf-on-the-Shelf-Logo-R-TM_SINGLE.webp" 3049 class="px-md-4" /> 3050 </a> 3051 </div> 3052 <div class="col-6 col-md-12"> 3053 <a href="https://lumistella.com" target="_blank"> 3054 <img decoding="async" alt="Lumistella" 3055 src="https://media.elfontheshelf.com/files/managed/lumistella-horizontal-logo1.svg" 3056 class="px-md-4 w-100" /> 3057 </a> 3058 </div> 3059 </div> 3060 </div> 3061 <div class="col-12 col-md-7 col-xl-6 mb-5 rg-adults"> 3062 <h4 class="mb-2 text-white">Connect With Us</h4> 3063 <div class="d-flex align-items-center justify-content-start gap-1 gap-md-3 mb-4"> 3064 <div class="footer-icon rounded-circle p-1 d-flex align-items-center justify-content-center bg-primary border border-white"> 3065 <a href="https://www.facebook.com/elfontheshelf" target="_blank"> 3066 <img decoding="async" src="https://media.elfontheshelf.com/2025/facebook.svg" alt="Facebook" /> 3067 </a> 3068 </div> 3069 <div class="footer-icon rounded-circle p-1 d-flex align-items-center justify-content-center bg-primary border border-white"> 3070 <a href="http://www.pinterest.com/elfontheshelf/" target="_blank"> 3071 <img decoding="async" src="https://media.elfontheshelf.com/2025/pinterest.svg" alt="Pinterest" /> 3072 </a> 3073 </div> 3074 <div class="footer-icon rounded-circle px-1 pb-1 d-flex align-items-center justify-content-center bg-primary border border-white"> 3075 <a href="https://www.youtube.com/elfontheshelf" target="_blank"> 3076 <img decoding="async" src="https://media.elfontheshelf.com/2025/youtube.svg" alt="Youtube" /> 3077 </a> 3078 </div> 3079 <div class="footer-icon rounded-circle px-1 pb-1 d-flex align-items-center justify-content-center bg-primary border border-white"> 3080 <a href="http://www.instagram.com/elfontheshelf" target="_blank"> 3081 <img decoding="async" src="https://media.elfontheshelf.com/2025/instagram.svg" alt="Instagram" /> 3082 </a> 3083 </div> 3084 <div class="footer-icon rounded-circle px-1 pb-1 d-flex align-items-center justify-content-center bg-primary border border-white"> 3085 <a href="https://www.twitter.com/elfontheshelf" target="_blank"> 3086 <img decoding="async" src="https://media.elfontheshelf.com/2025/x.svg" alt="X" /> 3087 </a> 3088 </div> 3089 <div class="footer-icon rounded-circle px-1 pb-1 d-flex align-items-center justify-content-center bg-primary border border-white"> 3090 <a href="https://www.tiktok.com/@elfontheshelf" target="_blank"> 3091 <img decoding="async" src="https://media.elfontheshelf.com/2025/tiktok.svg" alt="TikTok" /> 3092 </a> 3093 </div> 3094 3095 3096 3097 <a href="https://elfontheshelf.com/contact-us/" class="btn btn-primary ms-3" target="_blank"> 3098 Contact Us 3099 </a> 3100 </div> 3101 <p class="text-white">North Pole Newsletter</p> 3102 3103 <div class="wp-block-eots-emailsubscription text-dark" id="eots-mc_embed_signup-footer" 3104 data-cy="email-subscription"> 3105 <form 3106 action="https://elfontheshelf.us15.list-manage.com/subscribe/post?u=b31b3325d78e34840a3237f56&id=16bf5e0d51&f_id=001ad6e1f0" 3107 method="post" name="mc-embedded-subscribe-form" target="_blank"> 3108 <div id="mc_embed_signup_scroll-footer" class="d-flex gap-2"> 3109 <div class="mc-field-group form-floating flex-grow-1" data-bs-theme="dark"> 3110 <input type="email" name="EMAIL" placeholder="Parent Email Address" 3111 class="required email form-email form-control" id="mce-EMAIL-footer" required="">
3112 <label for="mce-EMAIL-footer" class="text-white"><span class="email-label">Parent Email Address</span><span 3113 class="asterisk">*</span></label> 3114 </div> 3115 <button tagname="button" type="submit" name="subscribe" id="mc-embedded-subscribed-footer" 3116 class="button btn btn-primary"><span>Subscribe</span></button> 3117 </div> 3118 <div style="position:absolute;left:-5000px" aria-hidden="true"> 3119 <input type="text" name="b_054d29ffc019302976dc6e924_adcfa9b0cd" tabindex="-1"> 3120 </div> 3121 </form> 3122 </div> 3123 <div class="mt-3 eots-disclaimer">By proceeding you agree to our <a href="/terms-and-conditions"> Terms of 3124 Use </a> and acknowledge our <a href="/terms-and-conditions/#privacy"> Privacy Policy </a> 3125 </div> 3126 </div> 3127 <div class="col-12 col-md-2 mb-5"> 3128 <div class="mb-2 rg-adults"><a href="https://forms.office.com/Pages/ResponsePage.aspx?id=2mXJPqHZREqGcMDHW9h9VtxkbssWVS9MkaBEbtYpV9JUQ0pVSks5VEVNRkFKQkFBQVA3SEFZODJPMS4u" target="_blank">Share Your Stories</a></div> 3129 <div class="mb-2"><a href="/terms-and-conditions/" class="mb-4">Terms of Use</a></div> 3130 <div class="mb-2"><a href="/privacy-policy/">Privacy Policy</a></div> 3131 </div> 3132 <div class="col-12 col-xl-2 mb-5 text-end order-first order-xl-last"> 3133 <a href="#main-content">Back to Top ^</a> 3134 </div> 3135 </div> 3136 <div class="row"> 3137 <div class="col-12"> 3138 <div class="px-md-4">®/TM/© CCA and B, LLC d/b/a The Lumistella Company. All Rights Reserved.</div> 3139 </div> 3140 </div> 3141</div> </footer><!-- #site-footer --> 3142</div> 3143 3144<p class="wp-block-paragraph"></p> 3145
3146<script src="https://cookie-cdn.cookiepro.com/consent/019340ee-5f1c-7345-a0a4-3f7449c22e82/OtAutoBlock.js"></script>
3146<script src="https://cookie-cdn.cookiepro.com/scripttemplates/otSDKStub.js" data-domain-script="019340ee-5f1c-7345-a0a4-3f7449c22e82"></script>
3146<script>function OptanonWrapper() { 3147 document?.querySelector("#ot-pc-lst")?.remove(); 3148 3149 document?.querySelectorAll("#onetrust-consent-sdk a")?.forEach(function(el) { el.setAttribute("rel", "nofollow noindex noopener"); });}</script>
vendor: 57 bytes, line 3149
3149<script src="https://www.googletagmanager.com/gtag/js?id=
3149G-KGT36N5Q5V
vendor: 11 bytes, line 3149
3149"></script>
3149<script>
vendor: 206 bytes, lines 3149-3153
3149window.dataLayer = window.dataLayer || []; 3150 function gtag(){dataLayer.push(arguments);} 3151 gtag('js', new Date()); 3152 3153 gtag('config', '
3153G-KGT36N5Q5V
vendor: 3 bytes, line 3153
3153');
3153</script>
3153<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({"gtm.start": 3154 new Date().getTime(),event:"gtm.js"});var f=d.getElementsByTagName(s)[0], 3155 j=d.createElement(s),dl=l!="dataLayer"?"&l="+l:"";j.async=true;j.src= 3156 "https://www.googletagmanager.com/gtm.js?id="+i+dl;f.parentNode.insertBefore(j,f); 3157 })(window,document,"script","dataLayer","GTM-MTP6HMFX");</script>
vendor: 1 bytes, line 3157
3157
3158<script type="speculationrules"> 3159{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","https://media.elfontheshelf.com/wp-content/uploads/sites/21/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/santaverse/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 3160</script>
3160 3161<style id="eots-media-background-view-style-inline-css"> 3162.wp-block-eots-media-background .vjs-hidden, 3163.wp-block-eots-media-background .vjs-loading-spinner, 3164.wp-block-eots-media-background .vjs-modal-dialog, 3165.wp-block-eots-media-background .vjs-title-bar, 3166.wp-block-eots-media-background .vjs-big-play-button, 3167.wp-block-eots-media-background .vjs-control-bar, 3168.wp-block-eots-media-background .vjs-text-track-display { 3169 display: none !important; 3170} 3171 3172.play_pause:has(+ .wp-block-eots-media-background) { 3173 position: absolute !important; 3174 right: .2rem; 3175 bottom: .2rem; 3176 margin: 0.5rem; 3177 padding: 0.2rem; 3178 color: white; 3179 z-index: 2 !important; 3180 pointer-events: all !important; 3181 background-color: rgb(var(--headerColor)); 3182 cursor: pointer; 3183 aspect-ratio: 1; 3184 border-radius: var(--bs-border-radius); 3185 3186} 3187 3188.wp-block-eots-media-background { 3189 position: absolute !important; 3190 width: 100%; 3191 height: 100%; 3192 z-index: 0 !important; 3193 pointer-events: none !important; 3194} 3195 3196.editor-styles-wrapper .wp-block-eots-media-background { 3197 position: relative; 3198 height: auto; 3199 aspect-ratio: 16/9; 3200} 3201 3202.wp-block-eots-media-background .media { 3203 width: 100%; 3204 height: 100%; 3205} 3206 3207.wp-block-eots-media-background .media video { 3208 position: relative; 3209 display: block; 3210 width: 100%; 3211 height: 100%; 3212 object-fit: cover; 3213 object-position: var(--media-anchor, center center); 3214} 3215 3216.wp-block-eots-media-background:not(.controls) iframe.media { 3217 top: 50%; 3218 left: 50%; 3219 position: absolute; 3220 transform: translate(-50%, -50%); 3221 min-height: 100%; 3222 min-width: 100%; 3223 object-position: var(--media-anchor, center center); 3224} 3225 3226.wp-block-eots-media-background div.image { 3227 position: absolute; 3228 top: 0; 3229 left: 0; 3230 width: 100%; 3231 height: 100%; 3232 background-image: var(--background-image); 3233 background-size: var(--background-cover, cover); 3234 background-repeat: var(--background-tile, no-repeat); 3235 background-position: var(--media-anchor); 3236} 3237 3238@media (max-aspect-ratio: 16/14) { 3239 .wp-block-eots-media-background iframe.media { 3240 height: 100%; 3241 width: auto; 3242 } 3243} 3244/*# sourceURL=https://santaverse.com/wp-content/plugins/eots_blocks/media-background/view.css */ 3245</style>
3246<script id="bootstrap-js-js" async src="//cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 3246
3246
3247<script id="eots2020-js-js" src="https://santaverse.com/wp-content/themes/santaverse/js/global.min.js?ver=2.2.51"></script>
vendor: 1 bytes, line 3247
3247
3248<script data-wp-strategy="defer" defer id="eots-media-background-view-script-js" src="https://santaverse.com/wp-content/plugins/eots_blocks/media-background/view.js?ver=1790968879"></script>
3248 3249 </body> 3250</html></div>
3251<script type="speculationrules"> 3252{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","https://media.elfontheshelf.com/wp-content/uploads/sites/21/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/santaverse/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 3253</script>
3253 3254 </body> 3255</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.