/** 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;
	margin-top: 0; 
	font-weight: normal;
	font-size: 14px;
}

.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: #ff4c98;
    padding: .75rem;
    border-radius: .25rem;
}

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

/* omg chrome fixes */
 :root {
    --header-background: #0885f8;
	--accent-color: #0885f8;
	--text-headers: "Poppins", "Ubuntu", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.page-footer {
	background: #131313;
}

.post-meta {
        line-height: 1.5;
        margin-bottom: 2rem;
        color: var(--body-text);
        font-size: .85rem;
        margin-top: 1.75rem;
        font-weight: 500;
        letter-spacing: -0.25px;   
}

/* silly line top & bottom  

body::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: url('images/gradient.svg?2023');
  z-index: 10000;
} */

.page-footer::before {
  content: '';
  display: block;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: url('images/gradient.svg?20221143');
  z-index: 10000;
}

/* Pop-Punk HUGE quote styling */ 

blockquote {
   text-align: center;
    margin-bottom: 1.8rem;
    background: none;
	}

blockquote::before {
    color: var(--accent-color);
	}

blockquote p {
    font-size: 1.25rem !important;
    line-height: 1.5;
    margin: 0;
    font-weight: 800;
    font-family: var(--text-headers);
    letter-spacing: -1px;
    color: black;
}

blockquote cite {
   text-align: center;
   font-style: italic;
   color: var(--date-color);
}

/* pull quote font size */

.post-content .wp-block-pullquote.alignleft blockquote, .post-content .wp-block-pullquote.alignright blockquote p {
    font-size: 1.5rem !important; 
}