/*
Theme Name: Elegant Pink Child
Theme URI: https://yourwebsite.com/elegant-pink-child/
Author: Your Name
Author URI: https://yourwebsite.com/
Description: Child theme for Elegant Pink.
Version: 1.0
Template: elegant-pink
Text Domain: elegant-pink-child
*/

@import url("../elegant-pink/style.css");


/* Post-it Note Styles */
.post-it-note {
    background-color: #ffff99; /* Light yellow for post-it */
    color: #808080; /* Dark grey text for contrast */
    padding: 5px;
    width: 200px; /* Fixed width for note size; adjust as needed */
    min-height: 100px; /* Minimum height for content */
    border: 1px solid #ccc; /* Subtle border */
    box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.3); /* Increased shadow for more depth */
    font-family: 'Allura', cursive; /* Allura font for handwriting style (import from Google Fonts if needed) */
    font-size: 29px; /* Increased font size for bigger text relative to note size */
    /* font-weight: 700; Bold, like titles */
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Optional: Make notes responsive */
@media (max-width: 768px) {
    .post-it-notes-wrapper {
        flex-direction: column; /* Stack vertically on mobile */
    }
    .post-it-note {
        width: 80%; /* Full width on small screens */
        transform: none !important; /* Remove rotations for simplicity on mobile */
    }
}


/* Resize overall post cards (thumbnail-post) */
.thumbnail-post {
    max-width: 250px; /* Adjust this for overall width - e.g., 200px for smaller, 400px for larger */
    margin: 10px auto; /* Centers and spaces cards; adjust for more/less spacing */
    padding: 15px; /* Inner padding around content; reduce for tighter look */
    box-sizing: border-box; /* Ensures padding doesn't add to width */
}

/* Scale image smaller/larger */
.thumbnail-post .img-holder img {
    max-width: 100%; /* Keeps image responsive within the post width */
    height: auto; /* Maintains aspect ratio */
    display: block; /* Removes any inline gaps */
}

/* Adjust header (title) size */
.thumbnail-post .entry-header .entry-title {
    font-size: 18px; /* Smaller title - e.g., 16px for tiny, 24px for larger */
    margin: 10px 0; /* Spacing above/below title */
}

/* Adjust excerpt (description) size */
.thumbnail-post .entry-excerpt {
    font-size: 14px; /* Smaller text - e.g., 12px for tiny, 16px for larger */
    line-height: 1.4; /* Tighter line spacing */
    margin-top: 5px; /* Less space above excerpt */
}

/* Optional: Adjust masonry layout for better fit (if cards overlap or gap oddly) */
.row.ep-masonry {
    column-gap: 20px; /* Space between columns; increase if needed */
    row-gap: 20px; /* Space between rows */
}






/* Override root variables */
:root {
  --primary-color: #eeafa9; /* Soft peachy pink */
  --primary-color-rgb: 238, 175, 169;
}

/* Override hard-coded pink colors to new main color */
a {
  color: #eeafa9;
}

a:hover,
a:focus,
a:active {
  color: #eeafa9;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: #eeafa9;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: #d18f8a; /* Darker shade for hover */
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  background: #d18f8a;
}

.post-navigation a {
  color: #eeafa9;
}

.main-navigation ul li a:hover,
.main-navigation ul .current_page_item a,
.main-navigation ul li:hover > a {
  border-top: 1px solid #eeafa9;
  color: #171717;
}

.main-navigation ul ul li a:hover,
.main-navigation ul ul li:hover > a {
  color: #eeafa9;
}

.slideshow .banner-text .category {
  color: #eeafa9;
}

.slideshow .banner-text .category a {
  color: #eeafa9;
}

.btn-readmore {
  background: #eeafa9;
}

.btn-readmore:hover,
.btn-readmore:focus,
.btn-readmore:active {
  background: #d18f8a;
}

#load-posts a {
  background: #eeafa9;
}

#load-posts a:hover,
#load-posts a:focus,
#load-posts a:active {
  background: #d18f8a;
}

.comment-list .comment-author .fn {
  color: #eeafa9;
}

#secondary .widget .widget-title {
  color: #eeafa9;
}

.comment-form input[type="submit"] {
  background: #eeafa9;
}

.comment-form input[type="submit"]:hover {
  background: #d18f8a;
}

.site-footer .widget .widget-title {
  color: #eeafa9;
}

.widget.widget_elegant_pink_recent_post .entry-header .entry-title a:hover,
.widget.widget_elegant_pink_popular_post .entry-header .entry-title a:hover {
  color: #eeafa9;
}

.error-holder h1 {
  color: #f5c5c1; /* Lighter shade for error */
}

.site-header .search-form {
  background: #fdf5f4; /* Light bg tint */
}

.widget.widget_search .search-form {
  background: #fdf5f4;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  background: #fdf5f4;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  background: #fdf5f4;
}

.comment-form textarea {
  background: #fdf5f4;
}

.site-header .social-networks li a:hover {
  color: #eeafa9;
}

.post .entry-meta li a {
  color: #fff; /* Keep white on images, but for no-image */
}

.single-post .post .no-image .entry-meta li a {
  color: #eeafa9;
}

.single-post .post .no-image .entry-meta li {
  color: #eeafa9;
}

.single-post .post .no-image .entry-meta li a::before {
  background-color: #eeafa9;
}

.home .post .text-holder .category a,
.category .post .text-holder .category a,
.archive .post .text-holder .category a,
.search .post .text-holder .category a,
.blog .post .text-holder .category a {
  color: #eeafa9;
}

.home .post .entry-title a:hover,
.blog .post .entry-title a:hover {
  color: #eeafa9;
}

.widget_block h2 {
  color: #eeafa9;
}

.wp-block-search__label {
  color: #eeafa9;
}

.wp-block-search__inside-wrapper {
  background: #fdf5f4;
}

.wp-block-search__inside-wrapper input {
  background: #fdf5f4;
}

.post .entry-content ul li a,
.post .entry-content ol li a {
  color: #eeafa9;
}

#primary .post .entry-content h2 {
  color: #eeafa9;
}

.wp-block-calendar table a {
  background: #eeafa9;
}

.mobile-main-navigation ul li a:hover,
.mobile-main-navigation ul li a:focus,
.mobile-main-navigation ul li:hover > a,
.mobile-main-navigation ul li:focus > a,
.mobile-main-navigation ul .current-menu-item > a,
.mobile-main-navigation ul .current-menu-ancestor > a,
.mobile-main-navigation ul .current_page_item > a,
.mobile-main-navigation ul .current_page_ancestor > a {
  color: #eeafa9;
}

.mobile-menu .social-networks li a {
  border-color: #eeafa9;
  color: #eeafa9;
}

.mobile-menu .social-networks li a:hover,
.mobile-menu .social-networks li a:focus {
  background: #eeafa9;
}

/* Additional overrides for better coverage */
.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover,
.widget .textwidget a:hover {
  color: #d18f8a;
}

.site-header .social-networks li a:hover {
  color: #eeafa9;
}

.widget a:hover {
  color: #eeafa9;
}

.site-footer .site-info a:hover {
  color: #eeafa9;
}

.post-navigation a:hover {
  color: #d18f8a;
}