/* RISING SOON — SPOOKY ATTRACTIONS STYLE */
html body.home #page header#masthead nav.site-navigation.main-navigation::before,
html body.home #page header#masthead nav.site-navigation.main-small-navigation::before {
content: "RISING SOON!" !important;
display: block !important;
width: 100% !important;
margin: 12px auto 20px !important;
font-family: "Tombstone Park", Impact, fantasy !important;
font-size: clamp(58px, 9vw, 140px) !important;
font-weight: 900 !important;
font-style: italic !important;
line-height: 1 !important;
letter-spacing: 2px !important;
text-align: center !important;
color: #FFD21A !important;
background: none !important;
-webkit-text-fill-color: #FFD21A !important;
-webkit-background-clip: initial !important;
background-clip: initial !important;
/* Red edge with a heavy black dimensional shadow */
-webkit-text-stroke: 1.5px #E52B16 !important;
text-shadow:
2px 2px 0 #E52B16,
4px 4px 0 #080808,
6px 6px 0 #080808,
8px 8px 0 #080808 !important;
filter: none !important;
box-shadow: none !important;
}
/* Mobile sizing */
@media screen and (max-width: 768px) {
html body.home #page header#masthead nav.site-navigation.main-navigation::before,
html body.home #page header#masthead nav.site-navigation.main-small-navigation::before {
font-size: clamp(38px, 13vw, 68px) !important;
line-height: 1.05 !important;
letter-spacing: 1px !important;
margin: 10px auto 16px !important;
-webkit-text-stroke: 1px #E52B16 !important;
text-shadow:
1px 1px 0 #E52B16,
3px 3px 0 #080808,
5px 5px 0 #080808 !important;
}
}
/* FINAL RISING SOON — CLEAN PURPLE/PINK GRADIENT */
html body.home.blog.custom-background #page#page header#masthead#masthead nav.site-navigation.main-navigation::before,
html body.home.blog.custom-background #page#page header#masthead#masthead nav.site-navigation.main-small-navigation::before {
color: #D946EF !important;
/* Purple and pink tones from the main image */
background-image: linear-gradient(
90deg,
#7C3AED 0%,
#A855F7 20%,
#D946EF 45%,
#FF2DAF 65%,
#C026D3 82%,
#8B5CF6 100%
) !important;
background-color: transparent !important;
background-clip: text !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
/* Remove outline and every glowing effect */
-webkit-text-stroke: 0 transparent !important;
text-stroke: 0 transparent !important;
text-shadow: none !important;
filter: none !important;
box-shadow: none !important;
}
/* RISING SOON — PURPLE/PINK HEADER GRADIENT */
html body.home.blog.custom-background #page header#masthead nav.site-navigation.main-navigation::before,
html body.home.blog.custom-background #page header#masthead nav.site-navigation.main-small-navigation::before {
color: #D946EF !important;
/* Purple and pink mix inspired by header image */
background: linear-gradient(
90deg,
#8B3DFF 0%,
#C13CFF 25%,
#FF2BBF 50%,
#C13CFF 75%,
#8B3DFF 100%
) !important;
background-clip: text !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
/* Clean purple edge without glow */
-webkit-text-stroke-width: 2px !important;
-webkit-text-stroke-color: #7400A8 !important;
paint-order: stroke fill !important;
/* Remove all glowing effects */
text-shadow: none !important;
}
/* Slightly thinner outline on mobile */
@media screen and (max-width: 768px) {
html body.home.blog.custom-background #page header#masthead nav.site-navigation.main-small-navigation::before {
-webkit-text-stroke-width: 1px !important;
text-shadow: none !important;
}
}
/* RISING SOON — ALL ELECTRIC NEON PURPLE */
html body.home.blog.custom-background #page header#masthead nav.site-navigation.main-navigation::before,
html body.home.blog.custom-background #page header#masthead nav.site-navigation.main-small-navigation::before {
color: #E100FF !important;
-webkit-text-fill-color: #E100FF !important;
/* Darker purple edge for definition */
-webkit-text-stroke-width: 4px !important;
-webkit-text-stroke-color: #8500FF !important;
paint-order: stroke fill !important;
/* Electric-purple neon glow */
text-shadow:
0 0 3px #FFFFFF,
0 0 6px #FF33FF,
0 0 12px #E100FF,
0 0 20px #B900FF,
0 0 30px rgba(185, 0, 255, 0.95) !important;
}
/* Mobile version */
@media screen and (max-width: 768px) {
html body.home.blog.custom-background #page header#masthead nav.site-navigation.main-small-navigation::before {
-webkit-text-stroke-width: 2px !important;
text-shadow:
0 0 2px #FFFFFF,
0 0 5px #FF33FF,
0 0 10px #E100FF,
0 0 16px rgba(185, 0, 255, 0.9) !important;
}
}
/* RISING SOON — neon green with electric-purple border */
html body.home #page header#masthead nav.site-navigation.main-navigation::before,
html body.home #page header#masthead nav.site-navigation.main-small-navigation::before {
color: #00FF00 !important;
-webkit-text-fill-color: #00FF00 !important;
/* Vibrant electric-purple outline */
-webkit-text-stroke-width: 6px !important;
-webkit-text-stroke-color: #E100FF !important;
paint-order: stroke fill !important;
/* Strong neon-purple glow */
text-shadow:
0 0 2px #FFFFFF,
0 0 5px #E100FF,
0 0 10px #E100FF,
0 0 18px #B900FF,
0 0 28px rgba(185, 0, 255, 0.95) !important;
}
/* Mobile version */
@media screen and (max-width: 768px) {
html body.home #page header#masthead nav.site-navigation.main-small-navigation::before {
-webkit-text-stroke-width: 3px !important;
text-shadow:
0 0 2px #FFFFFF,
0 0 4px #E100FF,
0 0 8px #E100FF,
0 0 14px rgba(185, 0, 255, 0.9) !important;
}
}
/* FORCE RISING SOON TO BRIGHT GREEN */
html body.home #page header#masthead nav.site-navigation.main-navigation::before,
html body.home #page header#masthead nav.site-navigation.main-small-navigation::before {
color: #00FF00 !important;
-webkit-text-fill-color: #00FF00 !important;
-webkit-text-stroke-color: #C77DFF !important;
}
}
/* COMPLETE RISING SOON DESIGN */
body #page header#masthead nav.site-navigation.main-navigation::before,
body #page header#masthead nav.site-navigation.main-small-navigation::before {
content: "RISING SOON!" !important;
display: block !important;
width: 100% !important;
margin: 12px 0 18px !important;
font-family: "Tombstone Park", sans-serif !important;
font-size: 150px !important;
font-weight: 400 !important;
line-height: 1.1 !important;
letter-spacing: 3px !important;
text-align: center !important;
color: #F0C909 !important;
-webkit-text-fill-color: #F0C909 !important;
/* Thick light-purple outline */
-webkit-text-stroke-width: 5px !important;
-webkit-text-stroke-color: #C77DFF !important;
paint-order: stroke fill !important;
/* Pronounced purple glow */
text-shadow:
0 0 3px #C77DFF,
0 0 6px #C77DFF,
0 0 12px rgba(199, 125, 255, 0.9) !important;
}
/* MOBILE RISING SOON DESIGN */
@media screen and (max-width: 768px) {
body #page header#masthead nav.site-navigation.main-small-navigation::before {
content: "RISING SOON!" !important;
display: block !important;
width: 100% !important;
margin: 10px 0 14px !important;
font-family: "Tombstone Park", sans-serif !important;
font-size: 40px !important;
font-weight: 400 !important;
line-height: 1.1 !important;
letter-spacing: 2px !important;
text-align: center !important;
color: #F0C909 !important;
-webkit-text-fill-color: #F0C909 !important;
/* Proportionate mobile outline */
-webkit-text-stroke-width: 3px !important;
-webkit-text-stroke-color: #C77DFF !important;
paint-order: stroke fill !important;
text-shadow:
0 0 2px #C77DFF,
0 0 5px #C77DFF,
0 0 9px rgba(199, 125, 255, 0.85) !important;
}
}
/* Thick but proportionate mobile outline */
@media screen and (max-width: 768px) {
nav.main-small-navigation::before {
-webkit-text-stroke: 2px #C77DFF !important;
text-shadow:
0 0 3px #C77DFF,
0 0 7px rgba(199, 125, 255, 0.8) !important;
}
}
/* Purple outline around RISING SOON */
nav.main-navigation::before,
nav.main-small-navigation::before {
-webkit-text-stroke: 2px #C77DFF !important;
paint-order: stroke fill !important;
text-shadow: 0 0 5px rgba(199, 125, 255, 0.55) !important;
}
/* Slightly thinner outline on mobile */
@media screen and (max-width: 768px) {
nav.main-small-navigation::before {
-webkit-text-stroke: 1px #C77DFF !important;
}
}
/* Featured-post border — light purple */
body.home #page #main #primary .featured-image img {
border-color: #C77DFF !important;
}
/* FINAL SMALL DESKTOP SIDEBAR LOGOS */
@media screen and (min-width: 769px) {
/* SEARCH */
body #page #main #secondary aside#block-36,
body #page #main #secondary aside#block-36 figure,
body #page #main #secondary aside#block-36 img {
width: 110px !important;
max-width: 110px !important;
height: auto !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* GET SPOOKED */
body #page #main #tertiary aside#block-39,
body #page #main #tertiary aside#block-39 figure,
body #page #main #tertiary aside#block-39 img {
width: 110px !important;
max-width: 110px !important;
height: auto !important;
margin-left: auto !important;
margin-right: auto !important;
overflow: visible !important;
}
}
/* FINAL DESKTOP SIZE — SIDEBAR LOGOS */
@media screen and (min-width: 769px) {
#secondary #block-36,
#secondary #block-36 figure,
#secondary #block-36 img,
#tertiary .widget_media_image,
#tertiary .widget_media_image figure,
#tertiary .widget_media_image img {
width: 110px !important;
max-width: 110px !important;
margin-left: auto !important;
margin-right: auto !important;
}
#secondary #block-36 img,
#tertiary .widget_media_image img {
height: auto !important;
}
#tertiary .widget_media_image,
#tertiary .widget_media_image figure {
height: 100px !important;
overflow: hidden !important;
margin-bottom: 0 !important;
}
}
/* DESKTOP — make main content the focal point */
@media screen and (min-width: 769px) {
/* Smaller SEARCH graphic */
#secondary #block-36,
#secondary #block-36 figure,
#secondary #block-36 img {
width: 135px !important;
max-width: 135px !important;
height: auto !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Smaller GET SPOOKED graphic */
#tertiary .widget_media_image,
#tertiary .widget_media_image figure,
#tertiary .widget_media_image img {
width: 135px !important;
max-width: 135px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Make featured listing photo command attention */
body.home #primary .featured-image {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
body.home #primary .featured-image img {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
box-sizing: border-box !important;
border: 2px solid #b6ff00 !important;
}
}
/* Balance both sidebar graphics on desktop */
@media screen and (min-width: 769px) {
/* SEARCH graphic */
#secondary #block-36,
#secondary #block-36 figure,
#secondary #block-36 img {
width: 170px !important;
max-width: 170px !important;
height: auto !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* GET SPOOKED graphic */
#tertiary .widget_media_image,
#tertiary .widget_media_image figure,
#tertiary .widget_media_image img {
width: 170px !important;
max-width: 170px !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
/* Remove empty space beneath GET SPOOKED */
body #tertiary .widget_media_image,
body #tertiary .widget_media_image figure {
height: 165px !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
overflow: hidden !important;
}
body #page #main #blog_subscription-2 {
margin-top: -15px !important;
}
/* Tighter GET SPOOKED spacing on mobile */
@media screen and (max-width: 768px) {
body #tertiary .widget_media_image,
body #tertiary .widget_media_image figure {
height: 95px !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
overflow: hidden !important;
}
body #page #main #blog_subscription-2 {
margin-top: -15px !important;
}
}
/* GET SPOOKED graphic above email signup */
#tertiary .widget_media_image,
#tertiary .widget_media_image figure {
width: 200px !important;
max-width: 200px !important;
margin-left: auto !important;
margin-right: auto !important;
}
#tertiary .widget_media_image img {
display: block !important;
width: 200px !important;
max-width: 200px !important;
height: auto !important;
margin: 0 auto !important;
}
/* Match smaller SEARCH-logo size on mobile */
@media screen and (max-width: 768px) {
#tertiary .widget_media_image,
#tertiary .widget_media_image figure,
#tertiary .widget_media_image img {
width: 110px !important;
max-width: 110px !important;
}
}
/* Hide original SEARCH image on mobile */
@media screen and (max-width: 768px) {
body #page #main #secondary aside#block-36 {
display: none !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
}
/* Keep SEARCH logo directly above search box on mobile */
@media screen and (max-width: 768px) {
/* Hide the misplaced image widget */
#block-36 {
display: none !important;
}
/* Display SEARCH graphic inside the search-box section */
#block-15::before {
content: "";
display: block !important;
width: 110px !important;
height: 138px !important;
margin: 0 auto 4px !important;
background-image: url("https://spookyattractions.com/wp-content/uploads/2026/09/search-bright-green-and-blue-1.png");
background-position: center bottom;
background-repeat: no-repeat;
background-size: contain;
}
#block-15 {
display: block !important;
order: 2 !important;
width: 260px !important;
max-width: 90% !important;
margin: 10px auto 30px !important;
}
}
/* Force email signup message to neon green */
body #tertiary aside#blog_subscription-2 #subscribe-text > p,
body #tertiary aside#blog_subscription-2 #subscribe-text > p * {
color: #00FF00 !important;
-webkit-text-fill-color: #00FF00 !important;
}
/* Email signup message — neon green */
#blog_subscription-2 #subscribe-text p,
#blog_subscription-2 #subscribe-text p * {
color: #00FF00 !important;
-webkit-text-fill-color: #00FF00 !important;
}
/* MOBILE LAYOUT AND FLOW */
@media screen and (max-width: 768px) {
/* RISING SOON above Main Menu */
nav.main-small-navigation::before {
content: "RISING SOON!";
display: block !important;
width: 100% !important;
margin: 10px 0 14px !important;
color: #F0C909 !important;
-webkit-text-fill-color: #F0C909 !important;
font-family: "Tombstone Park", sans-serif !important;
font-size: 40px !important;
font-weight: 400 !important;
line-height: 1.1 !important;
letter-spacing: 2px !important;
text-align: center !important;
visibility: visible !important;
}
/* Allow mobile sections to be reordered */
#main {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
}
#secondary,
#secondary > .widget-area,
#tertiary {
display: contents !important;
}
/* SEARCH graphic first */
#block-36 {
order: 1 !important;
align-self: center !important;
width: 110px !important;
max-width: 110px !important;
margin: 15px auto 0 !important;
}
#block-36 figure {
width: 110px !important;
max-width: 110px !important;
margin: 0 auto !important;
}
#block-36 img {
display: block !important;
width: 110px !important;
max-width: 110px !important;
height: auto !important;
margin: 0 auto !important;
}
/* Search box directly below SEARCH graphic */
#block-15 {
order: 2 !important;
align-self: center !important;
width: 260px !important;
max-width: 90% !important;
margin: 0 auto 30px !important;
}
#block-15 form,
#block-15 .wp-block-search__inside-wrapper {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
transform: none !important;
}
#block-15 .wp-block-search__input {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: 46px !important;
box-sizing: border-box !important;
}
/* Main articles after search */
#primary {
order: 3 !important;
width: 100% !important;
}
/* Email signup after articles, before advertisements */
#blog_subscription-2 {
order: 4 !important;
align-self: center !important;
width: 320px !important;
max-width: 90% !important;
margin: 25px auto 35px !important;
padding: 18px !important;
box-sizing: border-box !important;
clear: both !important;
float: none !important;
}
#blog_subscription-2 input {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
/* Banner advertisements — one centered ad per row */
#secondary aside.widget_media_image:not(#block-34) {
order: 5 !important;
display: block !important;
align-self: center !important;
clear: both !important;
float: none !important;
flex: none !important;
width: 220px !important;
max-width: 75vw !important;
margin: 0 auto 28px !important;
}
#secondary aside.widget_media_image:not(#block-34) figure {
display: block !important;
float: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
}
#secondary aside.widget_media_image:not(#block-34) img {
display: block !important;
float: none !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin: 0 auto !important;
}
/* Any remaining right-sidebar widgets after ads */
#tertiary > aside:not(#blog_subscription-2) {
order: 6 !important;
width: 100% !important;
}
}
/* MOBILE LAYOUT FIXES ONLY */
@media screen and (max-width: 768px) {
/* Display RISING SOON above Main Menu */
nav.main-small-navigation::before {
content: "RISING SOON!";
display: block !important;
width: 100% !important;
margin: 10px 0 14px !important;
color: #F0C909 !important;
-webkit-text-fill-color: #F0C909 !important;
font-family: "Tombstone Park", sans-serif !important;
font-size: 40px !important;
font-weight: 400 !important;
line-height: 1.1 !important;
letter-spacing: 2px !important;
text-align: center !important;
visibility: visible !important;
}
/* Make SEARCH graphic smaller */
#block-34,
#block-34 figure {
width: 115px !important;
max-width: 115px !important;
margin-left: auto !important;
margin-right: auto !important;
}
#block-34 img {
display: block !important;
width: 115px !important;
max-width: 115px !important;
height: auto !important;
margin: 0 auto !important;
}
/* Make primary-sidebar banner ads smaller */
#secondary aside.widget_media_image:not(#block-34),
#secondary aside.widget_media_image:not(#block-34) figure {
width: 210px !important;
max-width: 210px !important;
margin-left: auto !important;
margin-right: auto !important;
}
#secondary aside.widget_media_image:not(#block-34) img {
display: block !important;
width: 210px !important;
max-width: 210px !important;
height: auto !important;
margin: 0 auto !important;
}
}
/* COMING SOON beneath header image */
nav.main-navigation::before {
content: "RISING SOON!";
display: block;
width: 100%;
margin: 12px 0 18px;
color: #F0C909;
font-family: "Tombstone Park", sans-serif;
font-size: 150px;
font-weight: 400;
line-height: 1.1;
letter-spacing: 3px;
text-align: center;
-webkit-text-stroke: 1px currentColor;
}
/* COMING SOON — mobile size */
@media screen and (max-width: 768px) {
nav.main-navigation::before {
margin: 10px 0 14px;
font-size: 36px;
letter-spacing: 2px;
}
}
/* MOBILE - REMOVE SEARCH BUTTON */
@media screen and (max-width: 782px) {
button[aria-label="Search"] {
display: none !important;
visibility: hidden !important;
width: 0 !important;
min-width: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
}
.wp-block-search__input {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
}
/* SEARCH GRAPHIC SIZE - MOBILE */
@media screen and (max-width: 782px) {
img[src*="spooky-attractions-search"] {
width: 150px !important;
max-width: 150px !important;
min-width: 0 !important;
height: auto !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}
figure:has(img[src*="spooky-attractions-search"]) {
width: 150px !important;
max-width: 150px !important;
margin-left: 0 !important;
margin-right: auto !important;
}
}
.wp-block-search__input {
height: 48px !important;
min-height: 48px !important;
padding: 10px 12px !important;
}
/* MOVE LEFT SEARCH WIDGET UP - DESKTOP ONLY */
@media screen and (min-width: 783px) {
form.wp-block-search {
transform: translateY(-40px) !important;
}
}
/* ARTICLE HEADINGS - NEON GREEN */
body #main .entry-content h1,
body #main .entry-content h2,
body #main .entry-content h3,
body #main .entry-content h4,
body #main .entry-content h5,
body #main .entry-content h6 {
color: #39FF14 !important;
-webkit-text-fill-color: #39FF14 !important;
}
/* FORCE ALL ARTICLE BODY TEXT WHITE */
body #main .entry-content p,
body #main .entry-content p *,
body #main .entry-content li,
body #main .entry-content li * {
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
}
/* Make article date + comment links white */
#main .entry-meta,
#main .entry-meta a,
#main .posted-on,
#main .posted-on a,
#main .comments-link,
#main .comments-link a {
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
}
#blog_subscription-2 #subscribe-text > p {
color: #FF1493 !important;
-webkit-text-fill-color: #FF1493 !important;
}
a:hover {
color: #39FF14 !important;
}
.entry-content p,
.entry-content li {
color: #FFFFFF !important;
}@media (max-width: 782px) {
.wp-block-heading {
color: #39ff14 !important;
}
}@media screen and (max-width: 768px) {
.main-navigation a {
color: #39FF14 !important;
}
.main-navigation a:hover,
.main-navigation a:focus {
color: #39FF14 !important;
}
}@media screen and (max-width: 768px) {
.widget-title,
.widgettitle,
#secondary .widget-title,
#secondary .widgettitle {
color: #39ff14 !important;
}
}@media screen and (max-width: 768px) {
#secondary h1,
#secondary h2,
#secondary h3,
#secondary .widget-title,
#secondary .widgettitle,
.widget-area h1,
.widget-area h2,
.widget-area h3,
.sidebar h1,
.sidebar h2,
.sidebar h3 {
color: #39ff14 !important;
}
}/* 1. Main Menu Link - Bright Green */
.menu-toggle {
color: #00FF00 !important;
}
/* 2. Post Dates and "Leave a Comment" - Yellow */
.entry-date,
.entry-date *,
.comments-link,
.comments-link a {
color: #FFFF00 !important;
}/* Change "Get Your Business Listed..." text to white */
.entry-summary p,
.entry-summary span {
color: #FFFFFF !important;
}
/* Make all post/page titles white across the site */
.entry-title {
color: #ffffff !important;
}
/* Make all content text (paragraphs, lists, and headings) white in the post area */
.entry-content,
.entry-content p,
.entry-content li,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
color: #ffffff !important;
}
/* Optional: Make the sidebar text white as well if it's also grey */
#secondary, #tertiary, .widget-area {
color: #ffffff;
}/* Change dropdown menu text color to black */
.main-navigation .sub-menu a,
#menu-item-249 .sub-menu a {
color: #000000 !important;
}
/* Change dropdown menu hover color to black (or your preferred color) */
.main-navigation .sub-menu a:hover,
#menu-item-249 .sub-menu a:hover {
color: #000000 !important;
}/* Default text color for state listings */
.menu-item-249 ul.sub-menu li a {
color: #000000 !important;
}
/* Hover color for state listings */
.menu-item-249 ul.sub-menu li a:hover {
color: #00FF00 !important;
}/* Keep text black by default for the 'listings by state' sub-menu */
.site-navigation .menu-item-249 ul.sub-menu li a {
color: #000000 !important;
}
/* Change text to bright green when hovering over the menu item or the link */
.site-navigation .menu-item-249 ul.sub-menu li:hover > a,
.site-navigation .menu-item-249 ul.sub-menu li a:hover {
color: #00FF00 !important;
}/* Ensure the text is black for all states in the drop-down */
.menu-item-249 ul.sub-menu li a {
color: #000000 !important;
}
/* Highlight the background green when hovering over a state */
.menu-item-249 ul.sub-menu li:hover {
background-color: #00FF00 !important;
}
/* Ensure the link covers the whole area so the highlight is consistent */
.menu-item-249 ul.sub-menu li a {
display: block !important;
}/* Listings by State dropdown text */
#access ul ul a {
color: #d6d6d6 !important;
}#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}
#menu-item-249 .sub-menu a {
color: rgb(211, 211, 211);
}.sub-menu a {
color: #d6d6d6 !important;
}/* Make Listings by State submenu readable on mobile */
@media screen and (max-width: 768px) {
#menu-item-249 .sub-menu a,
#menu-item-249 .sub-menu a:visited {
color: #d6d6d6 !important;
}
}/* ALL dropdown/submenu links — mobile only */
@media screen and (max-width: 768px) {
#access ul ul li a,
#access ul ul li a:link,
#access ul ul li a:visited,
.menu .sub-menu li a,
.menu .sub-menu li a:link,
.menu .sub-menu li a:visited {
color: #ffffff !important;
}
}/* Line below main navigation */
#access {
border-bottom: 3px solid #b6ff00;
padding-bottom: 10px;
margin-bottom: 20px;
}/* Divider underneath the main menu */
#access {
border-bottom: none;
}
#main {
border-top: 3px solid #b6ff00;
padding-top: 20px;
}
/* Keep menu capitalization exactly as typed */
#access a,
.menu a {
text-transform: none !important;
}/* Make Home link blue */
#access .menu > li:first-child > a {
color: #394ff1 !important;
}/* Force Home menu link to blue */
#access ul.menu > li:first-child > a,
#access ul > li:first-child > a,
.menu > li:first-child > a {
color: #394ff1 !important;
}/* Make Primary Sidebar search box wider */
#primary input[type="search"],
#primary .wp-block-search__input {
width: 100% !important;
max-width: 320px !important;
box-sizing: border-box !important;
}/* Make sidebar search field longer */
/* DESKTOP SEARCH WIDTH ONLY */
@media screen and (min-width: 783px) {
.widget_search input[type="search"],
.widget_search input[type="text"],
.search-form .search-field {
width: 180px !important;
max-width: 180px !important;
}
}
}/* Make the Primary Sidebar search form more rectangular */
.wp-block-search,
.wp-block-search__inside-wrapper {
width: 220px !important;
max-width: 220px !important;
}
.wp-block-search__input {
min-width: 120px !important;
}/* Fix Search button after widening search box */
.wp-block-search__inside-wrapper {
display: flex !important;
width: 100% !important;
max-width: none !important;
}
.wp-block-search__input {
width: 150px !important;
min-width: 150px !important;
flex: none !important;
}
.wp-block-search__button {
width: auto !important;
min-width: 75px !important;
flex-shrink: 0 !important;
padding: 8px 12px !important;
white-space: nowrap !important;
}
/* Trade Winds - main navigation */
.main-navigation a,
.main-navigation li a {
font-family: "Trade Winds", sans-serif !important;
font-weight: 400 !important;
letter-spacing: 1px !important;
font-size: 16px !important;
line-height: 1.4 !important;
}
/* Tombstone Park - main navigation */
.main-navigation a,
.main-navigation li a {
font-family: "Tombstone Park", sans-serif !important;
font-weight: 400 !important;
letter-spacing: 1px !important;
font-size: 20px !important;
line-height: 1.4 !important;
}/* Tombstone Park - headings */
h1, h2, h3, h4, h5, h6 {
font-family: "Tombstone Park", sans-serif !important;
font-weight: 400 !important;
letter-spacing: 1px !important;
/* Make right sidebar widget headings blue */
#secondary .widget-title,
.widget-area .widget-title {
color: #334CFF !important;
}/* Make sidebar headings blue */
#secondary h1,
#secondary h2,
#secondary h3,
#secondary h4,
#secondary h5,
#secondary h6,
.widget-area h1,
.widget-area h2,
.widget-area h3,
.widget-area h4,
.widget-area h5,
.widget-area h6 {
color: #334CFF !important;
}.widget_blog_subscription h2,
.widget_blog_subscription h3,
.widget_blog_subscription .widgettitle {
color: #334CFF !important;
}#tertiary #blog_subscription-2 .widgettitle {
color: #334CFF !important;
}/* Force Follow Blog via Email heading to blue */
body #tertiary aside#blog_subscription-2 h1.widgettitle {
color: #334CFF !important;
-webkit-text-fill-color: #334CFF !important;
opacity: 1 !important;
text-shadow: none !important;
}/* Follow Blog via Email - force blue */
#tertiary aside#blog_subscription-2 h1.widgettitle,
#tertiary aside#blog_subscription-2 h1.widgettitle * {
color: #334CFF !important;
-webkit-text-fill-color: #334CFF !important;
}/* Make post date and comment links white */
.entry-meta,
.entry-meta a,
.entry-meta span,
.entry-meta time,
.comments-link,
.comments-link a {
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
}/* SPOOKY ATTRACTIONS - ARTICLE BODY TEXT WHITE */
body #main .entry-content p,
body #main .entry-content p *,
body #main .entry-content li,
body #main .entry-content li * {
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
/* Move SEARCH box upward toward graphic */
.wp-block-search {
margin-top: -45px !important;
}/* SEARCH LOGO - DESKTOP */
img.wp-image-787 {
width: 175px !important;
max-width: 175px !important;
height: auto !important;
display: block;
margin-left: auto !important;
margin-right: auto !important;
}
/* MOBILE SEARCH BAR - FIX HEIGHT/CUTOFF */
@media screen and (max-width: 782px) {
.wp-block-search__inside-wrapper {
align-items: stretch !important;
overflow: visible !important;
}
.wp-block-search__input,
.wp-block-search__button {
height: 46px !important;
min-height: 46px !important;
line-height: 1.2 !important;
box-sizing: border-box !important;
}
.wp-block-search__button {
padding: 8px 12px !important;
}
/* MOBILE SEARCH BUTTON TEXT FIX */
@media screen and (max-width: 782px) {
.wp-block-search__inside-wrapper {
overflow: visible !important;
}
button.wp-block-search__button,
.wp-block-search__button.wp-element-button {
height: 52px !important;
min-height: 52px !important;
padding: 0 14px !important;
font-size: 16px !important;
line-height: 1 !important;
font-family: Arial, sans-serif !important;
font-weight: 400 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
top: 0 !important;
transform: none !important;
overflow: visible !important;
box-sizing: border-box !important;
}
/* MOBILE SEARCH INPUT - RESTORE NORMAL BOX */
@media screen and (max-width: 782px) {
.wp-block-search__input {
display: block !important;
width: 100% !important;
max-width: 340px !important;
min-width: 0 !important;
height: 48px !important;
min-height: 48px !important;
padding: 10px 12px !important;
border: 1px solid #ddd !important;
background: #f7e3e3 !important;
color: #000 !important;
box-sizing: border-box !important;
margin-left: auto !important;
margin-right: auto !important;
}
}/* MOBILE - RESTORE SEARCH WIDGET HEIGHT */
@media screen and (max-width: 782px) {
#block-15 {
height: auto !important;
min-height: 48px !important;
overflow: visible !important;
margin-bottom: 20px !important;
}
#block-15 form.wp-block-search {
transform: none !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
height: auto !important;
min-height: 48px !important;
overflow: visible !important;
}
#block-15 .wp-block-search__inside-wrapper {
height: 48px !important;
min-height: 48px !important;
overflow: visible !important;
}
#block-15 .wp-block-search__input {
height: 48px !important;
min-height: 48px !important;
}
}
/* FINAL DESKTOP SEARCH SIZE */
@media screen and (min-width: 783px) {
#block-15 .wp-block-search,
#block-15 .wp-block-search__inside-wrapper {
width: 220px !important;
max-width: 220px !important;
}
#block-15 .wp-block-search__input {
width: 180px !important;
max-width: 180px !important;
min-width: 180px !important;
}
}/* FIX MOBILE SEARCH WIDGET CLIPPING */
@media screen and (max-width: 782px) {
#block-15 {
overflow: visible !important;
height: auto !important;
min-height: 48px !important;
}
}/* MOBILE SEARCH BOX WIDTH */
@media screen and (max-width: 782px) {
#block-15 .wp-block-search__input {
width: 240px !important;
max-width: 240px !important;
min-width: 240px !important;
}
}/* MOBILE - MOVE SEARCH GRAPHIC LEFT */
@media screen and (max-width: 782px) {
/* MOBILE - MOVE SEARCH IMAGE LEFT */
@media screen and (max-width: 782px) {
/* MOBILE - ALIGN SEARCH GRAPHIC WITH SEARCH BOX */
@media screen and (max-width: 782px) {
#block-21 {
text-align: left !important;
}
#block-21 figure {
margin-left: 0 !important;
margin-right: auto !important;
}
#block-21 img {
display: block !important;
margin-left: 0 !important;
margin-right: auto !important;
}
}/* MOBILE - UNIFY BOTH SIDEBARS INTO ONE CLEAN AD COLUMN */
@media screen and (max-width: 782px) {
#secondary,
#primary-sidebar,
.widget-area {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#secondary .widget_media_image,
#primary-sidebar .widget_media_image,
.widget-area .widget_media_image {
width: 100% !important;
max-width: 100% !important;
text-align: center !important;
margin: 0 auto 24px auto !important;
overflow: visible !important;
}
#secondary .widget_media_image img,
#primary-sidebar .widget_media_image img,
.widget-area .widget_media_image img {
width: 260px !important;
max-width: 85vw !important;
height: auto !important;
display: block !important;
margin: 0 auto !important;
}
}/* FINAL RISING SOON STYLE — OVERRIDES ALL EARLIER COLORS */
html body.home.blog.custom-background #page header#masthead
nav.site-navigation.main-navigation::before,
html body.home.blog.custom-background #page header#masthead
nav.site-navigation.main-small-navigation::before,
html body.home #page #masthead nav.main-navigation::before,
html body.home #page #masthead nav.main-small-navigation::before {
content: "RISING SOON!" !important;
display: block !important;
width: 100% !important;
margin: 18px auto 22px !important;
/* Horror-style font */
font-family: "Tombstone Park", Impact, fantasy !important;
font-size: clamp(60px, 9vw, 140px) !important;
font-weight: 900 !important;
font-style: italic !important;
line-height: 1 !important;
letter-spacing: 1px !important;
text-align: center !important;
/* Solid Spooky Attractions gold */
color: #FFD21A !important;
-webkit-text-fill-color: #FFD21A !important;
/* Completely remove the old purple gradient */
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
background-clip: border-box !important;
-webkit-background-clip: border-box !important;
/* Red edging and black depth */
-webkit-text-stroke-width: 1.5px !important;
-webkit-text-stroke-color: #E63218 !important;
text-shadow:
2px 2px 0 #E63218,
4px 4px 0 #050505,
6px 6px 0 #050505 !important;
filter: none !important;
box-shadow: none !important;
}
/* Mobile version */
@media screen and (max-width: 768px) {
html body.home.blog.custom-background #page header#masthead
nav.site-navigation.main-navigation::before,
html body.home.blog.custom-background #page header#masthead
nav.site-navigation.main-small-navigation::before,
html body.home #page #masthead nav.main-navigation::before,
html body.home #page #masthead nav.main-small-navigation::before {
font-size: clamp(38px, 13vw, 65px) !important;
margin: 12px auto 18px !important;
-webkit-text-stroke-width: 1px !important;
text-shadow:
1px 1px 0 #E63218,
3px 3px 0 #050505,
5px 5px 0 #050505 !important;
}
}/* FORCE RISING SOON TO MATCH SPOOKY ATTRACTIONS */
html body.home #page#page #masthead#masthead
nav.main-navigation.main-navigation::before,
html body.home #page#page #masthead#masthead
nav.main-small-navigation.main-small-navigation::before {
content: "RISING SOON!" !important;
display: block !important;
width: 100% !important;
margin: 18px auto 22px !important;
font-family: "Tombstone Park", Impact, sans-serif !important;
font-size: clamp(60px, 9vw, 140px) !important;
font-weight: 900 !important;
font-style: italic !important;
line-height: 1 !important;
letter-spacing: 1px !important;
text-align: center !important;
/* Force solid golden-yellow letters */
color: #FFD21A !important;
-webkit-text-fill-color: #FFD21A !important;
/* Eliminate every previous gradient */
background: none !important;
background-image: none !important;
background-color: transparent !important;
background-clip: initial !important;
-webkit-background-clip: initial !important;
/* Red edge and black dimensional shadow */
-webkit-text-stroke: 1.5px #E63817 !important;
text-shadow:
2px 2px 0 #E63817,
4px 4px 0 #000000,
6px 6px 0 #000000 !important;
filter: none !important;
box-shadow: none !important;
opacity: 1 !important;
}
/* MOBILE */
@media screen and (max-width: 768px) {
html body.home #page#page #masthead#masthead
nav.main-navigation.main-navigation::before,
html body.home #page#page #masthead#masthead
nav.main-small-navigation.main-small-navigation::before {
font-size: clamp(38px, 13vw, 65px) !important;
margin: 12px auto 18px !important;
-webkit-text-stroke: 1px #E63817 !important;
text-shadow:
1px 1px 0 #E63817,
3px 3px 0 #000000,
5px 5px 0 #000000 !important;
}
}/* CLOSE EARLIER UNFINISHED CSS SECTIONS */
}
}
}
}
}
}
}
}
}
}
/* RISING SOON — SPOOKY ATTRACTIONS COLORS */
html body.home.blog.custom-background
div#page.hfeed.site
header#masthead.site-header
nav.site-navigation.main-navigation::before {
content: "RISING SOON!" !important;
display: block !important;
width: 100% !important;
margin: 18px auto 22px !important;
font-family: "Tombstone Park", Impact, fantasy !important;
font-size: clamp(60px, 9vw, 140px) !important;
font-weight: 900 !important;
font-style: italic !important;
line-height: 1 !important;
letter-spacing: 1px !important;
text-align: center !important;
color: #FFD21A !important;
-webkit-text-fill-color: #FFD21A !important;
background: none !important;
background-image: none !important;
-webkit-background-clip: initial !important;
background-clip: initial !important;
-webkit-text-stroke: 1.5px #E63817 !important;
text-shadow:
2px 2px 0 #E63817,
4px 4px 0 #000000,
6px 6px 0 #000000 !important;
filter: none !important;
box-shadow: none !important;
}
/* MOBILE */
@media screen and (max-width: 768px) {
html body.home.blog.custom-background
div#page.hfeed.site
header#masthead.site-header
nav.site-navigation.main-navigation::before {
font-size: clamp(38px, 13vw, 65px) !important;
margin: 12px auto 18px !important;
-webkit-text-stroke: 1px #E63817 !important;
text-shadow:
1px 1px 0 #E63817,
3px 3px 0 #000000,
5px 5px 0 #000000 !important;
}
}
/* FINAL WORKING RISING SOON OVERRIDE */
@media screen and (min-width: 0px) {
html body.home.blog.custom-background
div#page.hfeed.site
header#masthead.site-header
nav.site-navigation.main-navigation::before {
content: "RISING SOON!" !important;
display: block !important;
width: 100% !important;
margin: 18px auto 22px !important;
font-family: "Tombstone Park", Impact, fantasy !important;
font-size: clamp(60px, 9vw, 140px) !important;
font-weight: 900 !important;
font-style: italic !important;
line-height: 1 !important;
letter-spacing: 1px !important;
text-align: center !important;
/* Spooky Attractions golden yellow */
color: #FFD21A !important;
-webkit-text-fill-color: #FFD21A !important;
/* Remove the pink-purple gradient */
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
background-clip: initial !important;
-webkit-background-clip: initial !important;
/* Red edging and black depth */
-webkit-text-stroke: 1.5px #E63817 !important;
text-shadow:
2px 2px 0 #E63817,
4px 4px 0 #000000,
6px 6px 0 #000000 !important;
filter: none !important;
box-shadow: none !important;
opacity: 1 !important;
}
}
/* MOBILE SIZE */
@media screen and (max-width: 768px) {
html body.home.blog.custom-background
div#page.hfeed.site
header#masthead.site-header
nav.site-navigation.main-navigation::before {
font-size: clamp(38px, 13vw, 65px) !important;
margin: 12px auto 18px !important;
-webkit-text-stroke: 1px #E63817 !important;
text-shadow:
1px 1px 0 #E63817,
3px 3px 0 #000000,
5px 5px 0 #000000 !important;
}
}
/* REPLACE RISING SOON TEXT WITH IMAGE */
@media screen and (min-width: 0px) {
html body.home.blog.custom-background
div#page#page.hfeed.site
header#masthead#masthead.site-header
nav.site-navigation.main-navigation.main-navigation::before {
content: url("https://spookyattractions.com/wp-content/uploads/2026/09/rising-soon.png") !important;
display: block !important;
width: 100% !important;
max-width: 1175px !important;
height: 330px !important;
margin: 12px auto 16px !important;
padding: 0 !important;
object-fit: cover !important;
object-position: 50% 35% !important;
background: #000000 !important;
background-image: none !important;
border: 0 !important;
text-shadow: none !important;
-webkit-text-stroke: 0 !important;
filter: none !important;
box-shadow: none !important;
overflow: hidden !important;
}
}
/* MOBILE IMAGE SIZE */
@media screen and (max-width: 768px) {
html body.home.blog.custom-background
div#page#page.hfeed.site
header#masthead#masthead.site-header
nav.site-navigation.main-navigation.main-navigation::before {
width: 100% !important;
max-width: 100% !important;
height: 125px !important;
margin: 8px auto 14px !important;
object-fit: cover !important;
object-position: 50% 35% !important;
}
}
/* CORRECTLY SIZE THE RISING SOON IMAGE */
@media screen and (min-width: 0px) {
html body.home.blog.custom-background
div#page#page.hfeed.site
header#masthead#masthead.site-header
nav.site-navigation.main-navigation.main-navigation::before {
content: "" !important;
display: block !important;
width: 100% !important;
max-width: 1175px !important;
height: 260px !important;
margin: 10px auto 14px !important;
padding: 0 !important;
background-color: #000000 !important;
background-image: url("https://spookyattractions.com/wp-content/uploads/2026/09/rising-soon.png") !important;
background-repeat: no-repeat !important;
background-size: 100% auto !important;
background-position: center 20% !important;
border: none !important;
overflow: hidden !important;
text-shadow: none !important;
filter: none !important;
box-shadow: none !important;
}
}
/* MOBILE IMAGE SIZE */
@media screen and (max-width: 768px) {
html body.home.blog.custom-background
div#page#page.hfeed.site
header#masthead#masthead.site-header
nav.site-navigation.main-navigation.main-navigation::before {
height: 105px !important;
margin: 6px auto 10px !important;
background-size: 100% auto !important;
background-position: center 20% !important;
}
}
/* SHRINK RISING SOON BANNER */
@media screen and (min-width: 769px) {
html body.home.blog.custom-background
div#page#page.hfeed.site
header#masthead#masthead.site-header
nav.site-navigation.main-navigation.main-navigation::before {
width: 82% !important;
max-width: 965px !important;
height: 215px !important;
margin: 8px auto 12px !important;
background-size: 100% auto !important;
background-position: center 20% !important;
}
}
/* SLIGHTLY SMALLER ON MOBILE */
@media screen and (max-width: 768px) {
html body.home.blog.custom-background
div#page#page.hfeed.site
header#masthead#masthead.site-header
nav.site-navigation.main-navigation.main-navigation::before {
width: 88% !important;
height: 90px !important;
margin: 5px auto 9px !important;
}
}
/* =====================================================
SPOOKY ATTRACTIONS — FINAL MOBILE LAYOUT
Paste this entire section at the bottom of Additional CSS
===================================================== */
/* RISING SOON IMAGE — EVERY PAGE */
@media screen and (min-width: 0px) {
html body div#page#page.hfeed.site
header#masthead#masthead.site-header
nav.site-navigation.main-navigation.main-navigation::before {
content: "" !important;
display: block !important;
width: 82% !important;
max-width: 965px !important;
height: 215px !important;
margin: 8px auto 12px !important;
padding: 0 !important;
background-color: #000000 !important;
background-image: url("https://spookyattractions.com/wp-content/uploads/2026/09/rising-soon.png") !important;
background-repeat: no-repeat !important;
background-size: 100% auto !important;
background-position: center 20% !important;
border: none !important;
overflow: hidden !important;
text-shadow: none !important;
-webkit-text-stroke: 0 !important;
filter: none !important;
box-shadow: none !important;
}
}
/* =========================================
SPOOKY ATTRACTIONS — MOBILE LAYOUT
Keep this at the absolute bottom
========================================= */
@media screen and (max-width: 782px) {
/* Prevent horizontal overflow */
html,
body {
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
}
/* Reduce outside spacing */
.site,
.site-content,
.content-area,
.site-main,
.widget-area,
#primary,
#secondary,
#tertiary {
width: 100% !important;
max-width: 100% !important;
float: none !important;
clear: both !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
.site-content {
padding-left: 14px !important;
padding-right: 14px !important;
}
/* Main header image */
.site-header img,
.custom-header img,
.header-image img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
object-fit: contain !important;
}
/* Rising Soon graphic */
img[src*="rising" i],
img[alt*="rising" i] {
display: block !important;
width: auto !important;
max-width: 62% !important;
height: auto !important;
margin: 18px auto 26px !important;
}
/* Main menu area */
.main-navigation,
.menu-main-menu-container {
width: 100% !important;
max-width: 100% !important;
}
/* Stop posts from creating narrow side-by-side columns */
article,
.hentry,
.post,
.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
display: block !important;
width: 100% !important;
max-width: 100% !important;
float: none !important;
clear: both !important;
box-sizing: border-box !important;
}
/* Post featured images */
article img,
.hentry img,
.post img,
.post-thumbnail img {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin-left: auto !important;
margin-right: auto !important;
object-fit: contain !important;
}
/* Post titles and information */
.entry-title,
.entry-meta,
.entry-summary,
.entry-content {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
text-align: left !important;
}
.entry-title {
font-size: 29px !important;
line-height: 1.2 !important;
margin-top: 14px !important;
margin-bottom: 10px !important;
}
.entry-meta {
font-size: 16px !important;
line-height: 1.5 !important;
margin-bottom: 12px !important;
}
/* Search fields */
input[type="search"],
.search-field,
input[type="email"] {
display: block !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
/* Search graphics */
img[src*="search" i],
img[alt*="search" i] {
display: block !important;
width: auto !important;
max-width: 230px !important;
height: auto !important;
margin: 18px auto 10px !important;
object-fit: contain !important;
}
/* Get Listed graphic */
img[src*="listed" i],
img[alt*="listed" i] {
display: block !important;
width: auto !important;
max-width: 300px !important;
height: auto !important;
margin: 20px auto !important;
object-fit: contain !important;
}
/* Get Spooked graphic */
img[src*="spooked" i],
img[alt*="spooked" i] {
display: block !important;
width: auto !important;
max-width: 210px !important;
height: auto !important;
margin: 25px auto !important;
object-fit: contain !important;
}
/* Sidebar advertisements */
.widget img {
display: block !important;
width: auto !important;
max-width: 290px !important;
height: auto !important;
margin: 20px auto !important;
object-fit: contain !important;
}
/* Reasonable spacing between widgets */
.widget {
width: 100% !important;
max-width: 100% !important;
margin: 25px auto !important;
padding: 0 !important;
box-sizing: border-box !important;
}
/* Follow-by-email section */
.widget_blog_subscription,
.wp-block-jetpack-subscriptions {
width: 100% !important;
max-width: 100% !important;
margin: 30px auto !important;
padding: 0 !important;
}
/* Footer */
.site-footer {
width: 100% !important;
padding: 25px 14px !important;
box-sizing: border-box !important;
}
}
/* ==================================================
SAFARI-SAFE MOBILE GRAPHICS FIX
================================================== */
@media screen and (max-width: 782px) {
/* RISING SOON — use uploaded graphic */
html body #page #masthead
nav.main-navigation::before,
html body #page #masthead
nav.main-small-navigation::before {
content: "" !important;
display: block !important;
width: 88% !important;
max-width: 500px !important;
height: 95px !important;
margin: 8px auto 18px !important;
padding: 0 !important;
background-color: #000000 !important;
background-image: url("https://spookyattractions.com/wp-content/uploads/2026/09/rising-soon.png") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
color: transparent !important;
-webkit-text-fill-color: transparent !important;
font-size: 0 !important;
text-shadow: none !important;
border: 0 !important;
}
/* Hide the separate yellow Search widget lower on page */
html body #page #main #block-41 {
display: none !important;
}
/* Remove the old green Search graphic */
html body #page #main #block-15::before {
content: "" !important;
display: block !important;
width: 190px !important;
height: 238px !important;
margin: 0 auto 4px !important;
padding: 0 !important;
background-image: url("https://spookyattractions.com/wp-content/uploads/2026/09/search-yellow.png") !important;
background-repeat: no-repeat !important;
background-position: center bottom !important;
background-size: contain !important;
}
/* Keep search field below yellow graphic */
html body #page #main #block-15 {
display: block !important;
width: 300px !important;
max-width: 88vw !important;
margin: 15px auto 30px !important;
}
/* Hide the misplaced Get Spooked widget at bottom */
html body #page #main #block-42 {
display: none !important;
}
/* Put Get Spooked directly above email signup */
html body #page #main #blog_subscription-2::before {
content: "" !important;
display: block !important;
width: 210px !important;
height: 158px !important;
margin: 0 auto 10px !important;
padding: 0 !important;
background-image: url("https://spookyattractions.com/wp-content/uploads/2026/09/get-spooked-yellow.png") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
}
/* Email signup positioning */
html body #page #main #blog_subscription-2 {
display: block !important;
width: 320px !important;
max-width: 90vw !important;
margin: 25px auto 35px !important;
padding: 0 !important;
}
}
/* ==================================================
ABSOLUTE FINAL RISING SOON MOBILE OVERRIDE
Removes all old text and shows only yellow image
================================================== */
@media screen and (max-width: 782px) {
html body.home.blog.custom-background
div#page#page.hfeed.site
header#masthead#masthead.site-header
nav.site-navigation.main-navigation.main-navigation::before,
html body.home.blog.custom-background
div#page#page.hfeed.site
header#masthead#masthead.site-header
nav.site-navigation.main-small-navigation.main-small-navigation::before,
html body:not(.home)
div#page#page.hfeed.site
header#masthead#masthead.site-header
nav.site-navigation.main-navigation.main-navigation::before,
html body:not(.home)
div#page#page.hfeed.site
header#masthead#masthead.site-header
nav.site-navigation.main-small-navigation.main-small-navigation::before {
content: "" !important;
display: block !important;
width: 88% !important;
max-width: 500px !important;
height: 95px !important;
margin: 8px auto 18px !important;
padding: 0 !important;
background-color: #000000 !important;
background-image: url("https://spookyattractions.com/wp-content/uploads/2026/09/rising-soon.png") !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: contain !important;
font-size: 0 !important;
line-height: 0 !important;
letter-spacing: 0 !important;
color: transparent !important;
-webkit-text-fill-color: transparent !important;
-webkit-text-stroke: 0 transparent !important;
text-shadow: none !important;
border: 0 !important;
box-shadow: none !important;
filter: none !important;
overflow: hidden !important;
}
}
/* SHOW RISING SOON IMAGE ON MOBILE HOMEPAGE */
@media screen and (max-width: 782px) {
html body.home.blog.custom-background
div#page#page.hfeed.site
header#masthead#masthead.site-header
nav.site-navigation.main-navigation.main-navigation::before,
html body.home.blog.custom-background
div#page#page.hfeed.site
header#masthead#masthead.site-header
nav.site-navigation.main-small-navigation.main-small-navigation::before {
content: url("https://spookyattractions.com/wp-content/uploads/2026/09/rising-soon.png") !important;
display: block !important;
width: 260px !important;
max-width: 72vw !important;
height: auto !important;
margin: 10px auto 18px !important;
padding: 0 !important;
background: none !important;
object-fit: contain !important;
font-size: 0 !important;
line-height: 0 !important;
text-shadow: none !important;
border: 0 !important;
}
}
/* SMALLER RISING SOON IMAGE — MOBILE HOMEPAGE */
@media screen and (max-width: 782px) {
html body.home.blog.custom-background
div#page#page.hfeed.site
header#masthead#masthead.site-header
nav.site-navigation.main-navigation.main-navigation::before,
html body.home.blog.custom-background
div#page#page.hfeed.site
header#masthead#masthead.site-header
nav.site-navigation.main-small-navigation.main-small-navigation::before {
width: 165px !important;
max-width: 45vw !important;
height: auto !important;
margin: 6px auto 12px !important;
}
}
/* CORRECT MOBILE HOMEPAGE RISING SOON SIZE */
@media screen and (max-width: 782px) {
html body.home.blog.custom-background
div#page#page.hfeed.site
header#masthead#masthead.site-header
nav.site-navigation.main-navigation.main-navigation::before,
html body.home.blog.custom-background
div#page#page.hfeed.site
header#masthead#masthead.site-header
nav.site-navigation.main-small-navigation.main-small-navigation::before {
content: "" !important;
display: block !important;
width: 190px !important;
max-width: 50vw !important;
height: 65px !important;
margin: 6px auto 12px !important;
padding: 0 !important;
background-image: url("https://spookyattractions.com/wp-content/uploads/2026/09/rising-soon.png") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
overflow: hidden !important;
}
}
/* ENLARGE MOBILE HOMEPAGE RISING SOON IMAGE */
@media screen and (max-width: 782px) {
html body.home.blog.custom-background
div#page#page.hfeed.site
header#masthead#masthead.site-header
nav.site-navigation.main-navigation.main-navigation::before,
html body.home.blog.custom-background
div#page#page.hfeed.site
header#masthead#masthead.site-header
nav.site-navigation.main-small-navigation.main-small-navigation::before {
width: 300px !important;
max-width: 78vw !important;
height: 105px !important;
margin: 8px auto 16px !important;
background-size: contain !important;
background-position: center !important;
}
}
/* RISING SOON — SLIGHTLY LARGER THAN SEARCH */
@media screen and (max-width: 782px) {
html body.home.blog.custom-background
div#page#page.hfeed.site
header#masthead#masthead.site-header
nav.site-navigation.main-navigation.main-navigation::before,
html body.home.blog.custom-background
div#page#page.hfeed.site
header#masthead#masthead.site-header
nav.site-navigation.main-small-navigation.main-small-navigation::before {
width: 350px !important;
max-width: 86vw !important;
height: 120px !important;
margin: 8px auto 16px !important;
background-size: contain !important;
background-position: center !important;
}
}
/* MOBILE GRAPHICS — MATCH FEATURED IMAGE HEIGHT */
@media screen and (max-width: 782px) {
/* Search graphic */
html body #page #main #block-15::before {
width: 112px !important;
height: 140px !important;
max-width: 40vw !important;
margin: 10px auto 6px !important;
background-size: contain !important;
background-position: center !important;
}
/* Get Spooked graphic */
html body #page #main #blog_subscription-2::before {
width: 186px !important;
height: 140px !important;
max-width: 55vw !important;
margin: 10px auto 8px !important;
background-size: contain !important;
background-position: center !important;
}
}
/* GET SPOOKED — SAME SIZE AS MOBILE SEARCH GRAPHIC */
@media screen and (max-width: 782px) {
html body #page#page.hfeed.site
#main
aside#blog_subscription-2.widget.widget_blog_subscription::before {
content: "" !important;
display: block !important;
width: 112px !important;
max-width: 40vw !important;
height: 140px !important;
margin: 10px auto 8px !important;
padding: 0 !important;
background-image: url("https://spookyattractions.com/wp-content/uploads/2026/09/get-spooked-yellow.png") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
}
}