/** 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)
}

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

/* 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;
}

/* STYLE COFFEE WIDGET */

.widget .omg-hero-button img {
    border: none;
    transition:.75s ease-in-out
}

.widget .omg-hero-button img:hover {
    transform: rotate(-360deg);
    opacity:.25;
}

.widget .omg-hero-button::before {
    background: #f7f7f7;
    border: 1.1px solid #333;
}

.widget .omg-hero-button p {
    color: #1e1e1e;
}

.widget a.omg-hero-button__link {
    color: var(--color-grey-f7);
    background: #000;
    box-shadow: none;
    border-radius: 50rem;
    margin-top: .25rem;
    transition:350ms ease-in-out
}

.widget a.omg-hero-button__link:hover {
    transform: scale(1.05);
}

.omg-hero-button span {
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: bold;
}

/* 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;
	margin-bottom: unset !important;
}

/* 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 */

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

/* ICON BUMP & SYLE */

.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);
}

/* TO KEEP? */

.mosaic-layout__meta {
	font-size: .725rem;
	font-weight: 700;
	font-family: var(--text-headers);
	letter-spacing: -.25px;
}

@media screen and (min-width: 1025px) {
    .mosaic-tile:first-child a.mosaic-layout__link {
        letter-spacing:-1.5px
		font-size: 3.25rem;
		margin-bottom: .5rem;
    }
}

.post__hero-header .post-updated {
    color: inherit;
}

.post__hero-header .post-meta__divider {
    color: inherit;
    font-size: .75rem;
}

.post__hero-header a.post-author span {
    color: inherit;
    text-transform: capitalize;
    padding-right: .1rem;
}

.tile-layout--tabloid .tile-layout__content {
    padding:0;
	margin-top:1rem;
}

/* 
 * 
 * .wp-caption .wp-caption-text::after, .entry-content.post-content :is(.wp-block-image figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, .wp-block-table figcaption, .wp-block-jetpack-image-compare figcaption, .wp-block-jetpack-gif .wp-block-jetpack-gif-caption)::after {
    display: inline-block;
    width: 14px;
    height: 14px;
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" stroke-width="1.5" stroke="%23ADB5BD" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 8h.01" /><path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12z" /><path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5"/><path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3"/></svg>');
    vertical-align: middle;
    margin:0 0 .125rem .25rem
} */

/* redux share */

.omg-socials p {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 1.125rem !important;
    font-family: var(--text-headers);
    letter-spacing: -1px;
    font-size: 1rem;
    flex: 1;
}

.omg-socials svg {
    width: 1rem;
    height: 1rem;
    margin-right: 3px;
    fill: none;
    color: var(--ctx-content-fg) 
}

.omg-socials--footer:after {
    background: none;
    margin: 0;
    flex: 0;
}

.omg-socials__button {
    background: #f5f5f5;
    padding: .25rem;
    margin: 0rem 0rem 0rem .5rem;
    border-radius: 5rem;
    transition: ease-in-out 250ms;
}

.omg-socials__button:hover {
    background: #dbdbdb;
}

.omg-socials .omg-socials__button:last-child {
    border-radius: 5rem;
}

.omg-socials__button .icon {
    color: #333; 
}

.omg-socials__button span {
    color: #333; 
}

ul.omg-socials--footer {
    border-top: 1px solid var(--ctx-post-above-comments-border);
    padding-top: 1rem;
    margin-bottom: .75rem;
}

.post--hero ul.omg-socials {
	margin-bottom: .75rem;
}