html {
	scroll-behavior: smooth;
}

@media(max-width:768px) {
	.center-on-mobile {
		justify-content: center;
	}
}

@media only screen and (max-width: 768px) { /* Or a smaller screen size */
    /* Replace 'h1' with the actual heading tag */
    h1, h2,{
        text-align: center;
    }
}


/* If class is on the figure, affect the inner img */
.no-right-click img,
img.no-right-click {
  -webkit-user-drag: none;
  user-select: none;
  -webkit-touch-callout: none; /* iOS long-press menu */
  pointer-events: auto; /* keep normal clicks */
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea,
select {
  border: 2px solid #000000;
}

input:focus,
textarea:focus,
select:focus {
  border: 2px solid #000000;
  outline: none;
}


/* Remove underline from site title link */
.site-title a {
    text-decoration: none;
}

/* Remove underline from primary navigation menu links */
.primary-menu a {
    text-decoration: none;
}

/* Hever: remove underline from navigation links */
.main-navigation a,
.main-navigation a:link,
.main-navigation a:visited,
.main-navigation a:hover,
.main-navigation a:focus {
  text-decoration: none !important;
}


/* Force an outline on WordPress Search block input */
.wp-block-search input[type="search"],
.wp-block-search input[type="text"],
.wp-block-search .wp-block-search__input {
  border: 2px solid #000 !important;
  box-shadow: none !important;
  outline: none !important;
  background-color: #fff !important;
}

/* Subscribe form input – slightly thinner outline */
.wp-block-jetpack-subscriptions input[type="email"],
.wp-block-jetpack-subscriptions input[type="text"] {
  border: 2px solid #000 !important;
}


/* Bold primary menu items on mobile only */
@media screen and (max-width: 48em) {
    .main-navigation ul li a {
        font-weight: 700;
        font-size: 1.1rem;
        text-transform: uppercase; /* Optional: makes them pop more */
    }

    /* Keep sub-menu items normal weight and slightly indented */
    .main-navigation ul ul li a {
        font-weight: 400;
        font-size: 0.95rem;
        text-transform: none;
        padding-left: 20px;
    }
}

/* Keep button text visible and change background on hover */
.wp-block-button__link:hover, 
button:hover, 
input[type="submit"]:hover {
    background-color: #d15a10 !important; /* A slightly darker orange for contrast */
    color: #ffffff !important;            /* Keeps the text white */
    opacity: 1;                           /* Prevents transparency issues */
}

#site-navigation a:hover { color: #F27420 !important; }

/* Target the actual link area for the hover background */
.main-navigation .primary-menu ul li li a:hover,
.main-navigation .primary-menu ul li li a:focus {
    background-color: rgba(242, 116, 32, 0.15) !important;
    color: #F27420 !important;
    display: block;
    width: 100%;
}

/* Force the hover background onto the link and its container */
.main-navigation ul ul li a:hover,
.main-navigation ul ul li:hover > a,
.main-navigation ul ul li a:focus {
    background-color: rgba(242, 116, 32, 0.15) !important;
    color: #F27420 !important;
    text-decoration: none !important;
}

/* Ensure footer menu links turn orange on hover and stay visible */
.footer-navigation ul li a:hover,
.footer-navigation ul li a:focus,
.site-footer a:hover {
    color: #F27420 !important;
    background: transparent !important;
    text-decoration: underline; /* Optional: adds a visual cue */
}

/* If the footer menu has a specific 'current' or 'active' state */
.footer-navigation .current-menu-item > a {
    color: #F27420 !important;
}

/* Fix all general hyperlinks to turn orange on hover instead of white */
a:hover, 
a:focus, 
.entry-content a:hover, 
.entry-summary a:hover {
    color: #000000 !important;
    text-decoration: underline !important;
    background: transparent !important;
}

/* Ensure existing orange links don't turn white when hovered */
.entry-content a {
    transition: color 0.2s ease-in-out;
}


/* 1. Set the initial state for the orange button with a border */
.wp-block-button__link {
    background-color: #F27420 !important;
    color: #ffffff !important;
    border: 2px solid #F27420 !important; /* Adds the brand orange border */
    transition: all 0.2s ease-in-out;
}

/* 2. Set the hover state so it stays solid and visible */
.wp-block-button__link:hover,
.wp-block-button__link:focus {
    background-color: #d15a10 !important; /* Darkens slightly so you know it's clicked */
    border-color: #000000 !important;     /* Keeps the border matching the darker orange */
    color: #ffffff !important;            /* Keeps text white */
    text-decoration: none !important;
}

/* Keep the current page menu item tinted orange with brand orange text */
.main-navigation li.current-menu-item > a,
.main-navigation li.current-page-ancestor > a,
.main-navigation ul ul li.current-menu-item > a {
    background-color: rgba(242, 116, 32, 0.15) !important; /* The light tint */
    color: #F27420 !important;                           /* Your brand orange text */
}

/* 1. Remove the background from top-level main menu items */
.main-navigation > div > ul > li.current-menu-item > a,
.main-navigation > div > ul > li.current-page-ancestor > a {
    background-color: transparent !important;
    color: #F27420 !important; /* Keeps the text orange so you know it's active */
}

/* 2. Keep the tinted background ONLY for items inside the dropdowns */
.main-navigation ul ul li.current-menu-item > a {
    background-color: rgba(242, 116, 32, 0.15) !important;
    color: #F27420 !important;
}

/* 3. Hover state for dropdown items stays tinted */
.main-navigation ul ul li > a:hover {
    background-color: rgba(242, 116, 32, 0.15) !important;
    color: #F27420 !important;
}


/* Force the WordPress Search Block to expand to full content width */
.wp-block-search {
    width: 100% !important;
    max-width: 100% !important;
}

.wp-block-search__inside-wrapper {
    width: 100% !important;
    display: flex !important;
}

/* Ensures the input field expands to fill the space next to the button */
.wp-block-search__input {
    flex-grow: 1 !important;
    width: 100% !important;
}


/* Hide the default page headers on Merchandise, Pain in the Neck, SCI Resources, About, Contact, Portfolio, Advocacy, and Life Keeps Rolling pages */
.page-id-66 .entry-header,
.page-id-1515 .entry-header,
.page-id-1358 .entry-header,
.page-id-1 .entry-header,
.page-id-64 .entry-header,
.page-id-62 .entry-header,
.page-id-146 .entry-header,
.page-id-1375 .entry-header {
    display: none;
}


/* Target only the buttons inside the content area of the Merchandise page on hover */
.page-id-66 .entry-content .wp-block-button__link:hover {
    background-color: transparent !important;
    color: #ffffff !important; /* Forces the text to turn white */
    border: 2px solid #ffffff !important; /* Optional: adds a white border on hover so the button shape stays visible against the dark banner */
}