/** Manual theme overrides */

 @media screen and (max-width: 800px) {
  
	 /* .header {
        padding: 0 1rem;
        position: sticky;
        top: 0;
    } */ 
	 
    .header__content {
        max-height: 60px;
    }
    .header__logo {
        max-height: 35px;
    }
    .header__mobile-header {
		height: 60px;
}
	.post-title {
        font-size: 2.25rem;
        margin: .75rem 0 .75rem;
    }
}

/* ye olde widget fixes */ 

.omg-social-proof {
	background: var(--ctx-sidebar-dsq-bg);
}
a.omg-social-proof__network {
    color: var(--ctx-content-fg); 
}

a.omg-social-proof__network .icon {
	filter: none;
}

.chart-widget__title {
    background: var(--ctx-sidebar-dsq-bg);
}

/* lighter body font */ 

:root {
    --body-text: #45464b; 
}

@media(prefers-color-scheme: dark) {
    :root {
	--body-text: #f5f5f5;
}
    }

.post-content p {
    color: var(--body-text);
}

/* space, man */ 

.post__hero-header .post-meta {
    color: #fff;
    margin-bottom: .25rem;
}

.highlights-layout {
    margin-bottom: .5rem;
}

/* tweek */

.header__logo {
    margin-top:2px
}

/* social icon size */

.header__socials--mobile .Icon {
    width: 3rem;
    height: 3rem;
}

.header__socials--mobile a {
    margin: 0 .25rem;
}

/* fix descriptions on paginated pages */

.sbs-layout__content .layout__description {
    font-size: .9rem;
}

.sbs-layout__content .layout__title-link {
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

/* remove box shadow from rounded images */

.post-content .wp-block-image.is-style-circle-mask img, .post-content .wp-block-image.is-style-rounded img {
	box-shadow: none;
}

/* just drop that dropshadow, joey */

.entry-content.post-content .wp-block-gallery img {
    border-radius: .5rem;
    box-shadow: none;
    margin-bottom: 1rem;
}

/* hot fix for gallery captions */

.entry-content.post-content .wp-block-gallery.has-nested-images figcaption {
    background: none ;
}
.entry-content.post-content .wp-block-gallery.has-nested-images img {
    margin-bottom: 1.75rem;    
}

/* omglinux recent widget */

.sidebar .jetpack-display-remote-posts {
    margin: 1.5rem 0;
    display: grid;
    grid-template-columns: 125px auto;
    grid-gap: 1.25rem .75rem;
    grid-auto-flow:dense;
    background: #FF0000;
    padding: .75rem;
    border-radius: .25rem;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), inset 0 -2.5px 0 rgba(0, 0, 0, .2); 
}

.sidebar .jetpack-display-remote-posts h4 {
    margin: 0;
    grid-column: 2;
    display: inline-block;
    line-height: 1.215rem;
    max-width: 180px;
    color: var(--color-grey-f2);
    font-weight: 500;
    font-size: 15px;
    font-family:var(--text-headers)
}

.sidebar .jetpack-display-remote-posts h4 a {
    color: white;
}

.sidebar .jetpack-display-remote-posts > a img {
    width: 130px;
    border-radius: .25rem;
    height: 82.8571428571px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .2s ease-in;
    transform:translate3d(0, 0, 0)
} 

/* menu sash */

.omg-menu-sash span {
    color: white;
    background: var(--accent-color);
    font-size: .7rem;
    padding: .225rem .325rem .225rem .325rem; 
	border-radius: .25rem;
    margin-left: 5px;
    font-family: var(--text-headers);
    font-weight: bold;
}

/* change sub menu hover effect */

.header__menu .sub-menu .menu-item:hover a {
    color: var(--accent-color);
}

.header__menu .sub-menu .menu-item:hover {
    background: none;
}

/* tweaked KOFI box */

.widget a.omg-hero-button__link {
    background: #ffdc00;
    font-weight: 700 !important;
	color: #000 !important;

}
.widget a.omg-hero-button__link:hover {
	background: #FBBF24 !important; }

.widget .omg-hero-button::before {
    background: rgba(253,116,98,1);
}

/* go mad */

.header {
	box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}

.header, .page-footer, .post__hero::before {
    background: #000;
} 

/* dark mode background text things fix */

@media (prefers-color-scheme: dark) {
    .post-content>p.has-background {
        color: black;
    }
}

/* read more fix */ 

.omg-read-more h3 {
	letter-spacing: -0.025rem; 
}

.omg-read-more::before {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), inset 0 -2.5px 0 rgba(0, 0, 0, .2);
}

/* summary box hot fixes */

.omg-summary-box {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2), inset 0 -2.5px 0 rgba(0, 0, 0, .2)
}

.omg-summary-box p, .omg-summary-box ul {
    color: white !important;
    font-size: 16px;
}