/** Manual theme overrides */

.omg-post-status a { 
    background: none;
    text-decoration: underline;
    font-weight: bold;
	transition: 250ms ease;
}

.omg-post-status a:hover, .omg-post-status a:visited:hover {
    opacity: .4;
    color: white;
    transition: 250ms ease;
}

.omg-post-status .icon {
    left: 1.5rem;
}

.post-content .omg-post-status {
	box-shadow: var(--gradient-interactive)
}

.footer-links a {
    font-weight: 600;
    font-size: .925rem;
}

.header__mobile-menu a {
    font-weight: 600;
    text-transform: uppercase;
    color: var(--ctx-content-fg);
    font-size: 1rem;
}

.header__search-input--mobile::placeholder {
    font-weight: 500;
}

/* FIX WHITE CORNERS ON PROMO BLOCK IN DARK MODE */

a.omg-promoted-story .omg-promoted-story__image-container {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
}

/* MOBILE ARTICLE FONT SIZE TWEAK */

@media screen and (max-width: 600px) {
    .post-title {
        text-align:center;
        font-size: 2.5rem;
    }
}

/* SOCIAL ICON HOVERS */

.header__menu a:hover { 
    color: white;  
}

.footer-socials a:hover {
    color: var(--accent-color) !important;
} 

/* FIX SIDEBAR WIDGET TITLE MARGIN FOR PAGED/ARCHIVE */

.archive .sidebar .widget-title, .sidebar .wp-block-heading {
    margin-bottom: .5rem;
}

.paged .sidebar .widget-title, .sidebar .wp-block-heading {
    margin-bottom: .5rem;
}

/* SORRY SAM */

.post__hero::before {
    background: linear-gradient(90deg, #e60016, #de0062, #970075, #292564);
}

/* STYLE COFFEE WIDGET */

.widget .omg-hero-button img {
    border: none;
}

.widget .omg-hero-button::before {
    background: linear-gradient(45deg, #ff544f 0%, #fad126 100%);
}

.widget a.omg-hero-button__link {
    color: var(--color-grey-f5);
    background: #242424;
    box-shadow: none;
}

/* footnoted */

.wp-block-footnotes {
    background: var(--ctx-post-socials-bg);
    border-radius: .25rem;
    font-size: 12px;
}

.wp-block-footnotes li {
    font-size: 14px !important;
    padding: .25rem 0;
}

/* WILL THIS WORK? */

.post-content ol li {
    line-height: 1.5 !important;
    margin-bottom: 1.8rem;
}

/* KBD STYLING */

kbd {
  padding: 0.25rem;
  font-size: 0.9em;
  line-height: inherit;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2em;
  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1);
}

@media (prefers-color-scheme: dark) {
  kbd {
    color: #fff;
    background-color: #343a40;
    box-shadow: 0 0.1em 0.1em rgba(255, 255, 255, 0.1);
  }
}

/* BUMP SIZE */

.tile-layout--4x .layout__title-link {
    font-size:1.35rem
}

.entry-content.post-content .wp-block-gallery.has-nested-images img {
	margin-bottom: .5rem;
	border-radius: 0;
}

/* ICON BUMP */

.header__socials .icon, button.header__nav-toggle .icon, button.header__search-button .icon, .footer-socials svg {
    width: 1.25rem;
    height:1.25rem
}

button.header__nav-toggle .icon {
    margin-top: 0px;
}

.menu-item.has-text .icon {
	width: 1.25rem;
    height:1.25rem
}

:root {
	--header-items: var(--color-black);
}

button.header__search-button, button.header__nav-toggle, .header__menu a, .header__menu a:visited {
	color: var(--header-items);
	transition: .2s ease-in-out; 
}

button.header__search-button:hover, button.header__nav-toggle:hover, .header__menu a:hover, .footer-socials a:hover {
	color: var(--color-white);
	transition: .2s ease-in-out; 
}

/* BLING */

.homepage-layout--light-mode {
    --title-color: var(--color-grey-f5);
    --description-color: var(--color-grey-f5);
    --date-color: var(--description-color);
    --bg-color: linear-gradient(-90deg, #e60016, #de0062, #970075, #292564);
}

.homepage-layout--light-mode .layout__header.has-subtitle+.layout__subtitle::after {
    background: rgba(255, 255, 255, 0.18);
}

.homepage-layout--light-mode .layout__header.with-divider:not(.has-subtitle)::after {
     background: rgba(255, 255, 255, 0.18);
}