/*
 * Theme Name:  Overflow Child
 * Theme URI:   https://codesupply.co/themes/overflow/
 * Description: Overflow Child Theme
 * Author:      Code Supply Co.
 * Author URI:  https://codesupply.co/
 * Template:    overflow
 * Version:     1.0.0
 */

/* Copy any classes from parent theme here. They will override the parent's version. */
:root {
	--light-neutral: #F4F2E8;
	--accent: #F5D991;
	--light-neutral-1: #d9cdbc;
	--accent-1: #c19d5f;
	--hero: #81b7e6;
	--accent-2: #5397B9;
	--dark-neutral: #2d2c2a;
	--light-neutral-2: #fdfdfd;
	--light-neutral-3: #f3eee6;
	--light-neutral-4: #eceff1;
	--light-neutral-5: #f6f8fa;
	--light-neutral-6: #f9f3eb;
	--accent-3: #e59c1e;
}
.has-light-neutral-background-color {
	background-color: var(--light-neutral);
}
.has-light-neutral-color {
	color: var(--light-neutral);
}
.has-accent-background-color {
	background-color: var(--accent);
}
.has-accent-color {
	color: var(--accent);
}
.has-light-neutral-1-background-color {
	background-color: var(--light-neutral-1);
}
.has-light-neutral-1-color {
	color: var(--light-neutral-1);
}
.has-accent-1-background-color {
	background-color: var(--accent-1);
}
.has-accent-1-color {
	color: var(--accent-1);
}
.has-hero-background-color {
	background-color: var(--hero);
}
.has-hero-color {
	color: var(--hero);
}
.has-accent-2-background-color {
	background-color: var(--accent-2);
}
.has-accent-2-color {
	color: var(--accent-2);
}
.has-dark-neutral-background-color {
	background-color: var(--dark-neutral);
}
.has-dark-neutral-color {
	color: var(--dark-neutral);
}
.has-light-neutral-2-background-color {
	background-color: var(--light-neutral-2);
}
.has-light-neutral-2-color {
	color: var(--light-neutral-2);
}
.has-light-neutral-3-background-color {
	background-color: var(--light-neutral-3);
}
.has-light-neutral-3-color {
	color: var(--light-neutral-3);
}
.has-light-neutral-4-background-color {
	background-color: var(--light-neutral-4);
}
.has-light-neutral-4-color {
	color: var(--light-neutral-4);
}
.has-light-neutral-5-background-color {
	background-color: var(--light-neutral-5);
}
.has-light-neutral-5-color {
	color: var(--light-neutral-5);
}
.has-light-neutral-6-background-color {
	background-color: var(--light-neutral-6);
}
.has-light-neutral-6-color {
	color: var(--light-neutral-6);
}
.has-accent-3-background-color {
	background-color: var(--accent-3);
}
.has-accent-3-color {
	color: var(--accent-3);
}
body,
.archive-wrap {
	background: #fdfdfd;
}
body,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.navbar-nav > li > a,
a,
.toggle-offcanvas,
.pk-social-links-item .pk-social-links-link,
.toggle-search,
.pk-share-buttons-wrap .pk-share-buttons-link,
.entry-more a,
.pk-instagram-counters .number,
.pk-font-heading {
    color: #2D2C2A;
}
.cs-trending-posts .cs-post-number,
.footer-info,
button, input[type="button"], input[type="reset"], input[type="submit"], .button {
	background-color: #2D2C2A; 
}
.entry-more-dark a {
	color: #fff;
	background-color: #2D2C2A; 
}
.pk-inline-posts .meta-author {
	display: none;
}
.widget_simpleimage {
	position: relative;
	color: #fff;
	text-align: center;
	font-size: 0.875rem;
}

/* .widget_simpleimage .simple-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
} */

.widget_simpleimage img {
	height: 100%;
	object-fit: cover;
}

.widget_simpleimage * {
	color: #fff;
}

.widget_simpleimage .more a {
	background: #000000;
	padding: 0.375rem 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	font-size: 0.6875rem;
    letter-spacing: 0.125em;
    text-transform: uppercase;
	border-radius: 30px;
	line-height: 1.5;
	color: #fff !important;
}

.widget_simpleimage p:not(.simple-image) {
	margin: 1.5rem 0;
}

.post-comments-show {
	display: none !important;
}

.wp-block-image img {
	object-fit: cover;
}

.entry-content a {
	text-decoration: underline;
}

.cs-trending-posts .cs-post-outer {
	align-items: center;
}
.cs-trending-posts .cs-trending-post {
	width: 45%;
}
.cs-trending-posts .cs-trending-post:nth-child(2) {
	margin-top: 0;
}
.footer-subscribe .subscribe-title .subscribe-arrow {
	margin-top: 0;
}
.pk-button-primary {
	background-color: #000000 !important;
}
.pk-button-primary:hover {
	background-color: rgba(0, 0, 0, 0.75) !important;
}
.subscribe-wrap iframe {
	width: 400px !important;
}
.post-excerpt {
	font-family: Playfair Display;
	font-style: italic;
}

@media (min-width: 1020px) {
    .cs-trending-posts .cs-trending-post {
        flex: 0 0 25%;
        max-width: 25%;
        margin-top: 0;
    }
    .cs-trending-wrap {
        align-items: center;
    }
}