/*
Theme Name:     Rewind
Theme URI:      https://startbloggingthemes.com/rewind-kadence/
Template:       kadence
Author:         Start Blogging 101
Author URI:     https://startblogging101.com/
Description:    Rewind is a classic Kadence child theme that takes you on a nostalgic journey back in time. This theme is designed to give your website a unique, retro vibe that will surely captivate your visitors and set you apart from the competition. The Rewind child theme is a comprehensive package that provides all the essentials you need to get your website up and running in no time. It includes core pages like Home, About, Contact, and Blog, all styled with a blast-from-the-past aesthetic. But we didn’t stop there. Rewind also features a funky “Coming Soon” page, perfect for building anticipation as you gear up for launch. Plus, there’s a groovy “Links” page for showcasing your most important social media links, and predesigned blog post outlines to help jumpstart your blogging journey. Get ready to rewind and embrace the rad retro vibes with this classic WordPress theme!
Version:        1.1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Give boxed loop and single entry items a border */

.content-style-boxed .entry.loop-entry, .content-style-boxed .entry.single-entry {
	border: 2px solid #000;
}

/* Give unboxed loop and single entry items a top/bottom border */

.content-style-unboxed .entry.loop-entry, .content-style-unboxed .entry.single-entry {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}

/* Style category pills on archive and single post pages */

.loop-entry.type-post .entry-taxonomies .category-style-pill a, .entry-taxonomies .category-style-pill a {
	background: var(--global-palette1);
	color: var(--global-palette-btn, #000);
	border: 2px solid #000;
	border-radius: 6px;
	box-shadow: 2px 2px 0 0 #000;
	padding: 4px 8px;
}

.entry-taxonomies .category-style-pill a:hover {
	background: var(--global-palette2);
	color: var(--global-palette-btn, #000);
}

/* Style post archive title */

.post-archive-title h1 {
	display: inline-flex;
	text-transform: uppercase;
	font-family: var(--global-heading-font-family);
	background: var(--global-palette1);
	padding: 8px 16px;
	border: 2px solid #000;
	border-radius: 8px;
	box-shadow: 3px 3px 0 0 #000;
}

/* Give similar post entries margin to show box shadow in slider and remove slider button box shadows */

.entry-related-carousel article {
	margin: 6px;
}

.entry-related-carousel button {
	box-shadow: none;
}

/* Set comment float label to legible color */

.comment-form .comment-input-wrap p label, .comment-form p.comment-form-float-label label {
	color: var(--global-palette4);
}

/* Add retro card styling to author box */

.entry-author-style-normal {
	background: var(--global-palette9);
	border: 2px solid #000;
	border-radius: 8px;
	box-shadow: 6px 6px 0 0 #000;
	padding: var(--global-kb-spacing-sm, 1.5rem);
}

/* Change author box social icon styling */

.author-follow > .social-button {
	background: transparent;
	border: 2px solid #000;
	border-radius: 50%;
}

/* Change comments styling */

.comment-author > .avatar {
	border: 2px solid #000;
}
.comment-reply-link {
	border: 2px solid #000;
	color: var(--global-palette3);
	font-weight: bold;
}
.comment-reply-link:hover {
	background: var(--global-palette7);
}
.comment-body {
	border-bottom: 2px solid #000;
}

/* Change input borders and placeholders to more legible color */

input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea {
  border: 1px solid #000;
  border-radius: 0px;
  box-shadow: inset 2px 2px 0px 0px #000;
	color: var(--global-palette3);
}

::-webkit-input-placeholder {
    color: var(--global-palette4);
}

::-moz-placeholder {
    color: var(--global-palette4);
}

::placeholder {
    color: var(--global-palette4);
}

input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus {
  border: 1px solid #000;
  border-radius: 0px;
  box-shadow: inset 2px 2px 0px 0px #000;
}

/* Update search icon color */

.search-form .kadence-search-icon-wrap {
	color: #000;
}

/* Update 404 page card styling */

.error > .entry > .entry-content-wrap {
	border: 2px solid #000;
	border-radius: 8px;
	box-shadow: 6px 6px 0 0 #000;
}

/* Fix to show box shadow on last sticky sidebar widget */

@media screen and (min-width: 1025px) {
	.has-sticky-sidebar .sidebar-	inner-wrap, .has-sticky-sidebar-widget .primary-sidebar .widget:last-child {
		overflow-y: visible;
	}	
}

/* Custom CSS for mobile */

@media screen and (max-width: 768px) {
	/* Remove box shadow on mobile for blog posts */
	.content-style-boxed .entry.single-entry {
		box-shadow: none;
	}
	
	/* Improve author box layout */
	.entry-author-profile {
		padding: 0;
	}
	.entry-author-avatar {
		margin-bottom: 1rem;
		position: inherit;
	}
}