/** 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: var(--orange-crave);
    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;
}

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

.wp-block-column ul, .post-content ol {
    margin-top: 0rem
}

/* social pr00f */

.omg-social-proof {
	padding: .75rem .75rem;
}

a.omg-social-proof__network {
    font-size: 1rem;
    font-weight: 500;
	font-family: var(--text-headers);
    color:var(--ctx-content-fg)
}

a.omg-social-proof__network .icon {
    transition: filter ease-in 150ms;
    color: var(--ctx-color-fg);
    margin-right: .25rem;
}

/* just make align images look nicer in a sea of text */

.post-content .wp-block-image figure.alignright {
    margin-bottom: 1.5rem;
}


.menu-item-271412 a {
    padding: .25rem .75rem;
    background: var(--color-black);
    color: white !important;
    border-radius: 5rem;
    transition: ease 250ms;
}

.menu-item-271412 a:hover {
    opacity: .7;
    transition: ease 250ms;
}