/*
 Theme Name: Noble Blog Child
 Template: noble-blog
 Description: Child theme for the Noble Blog theme
*/

@import url("../noble-blog/style.css");

/* Add your custom CSS below this line */

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #000000; /* #666 */
    font-size: 14px;
    line-height: 28px;
    word-wrap: break-word;
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
    color: #D56544;
    text-decoration: underline;
}

/*--------------------------------------------------------------
# Menus
--------------------------------------------------------------*/
#top-bar {
    background-color: #D56544;
}

.site-title a:hover,
.site-title a:focus,
.main-navigation ul.nav-menu > li:hover > a,
.main-navigation ul.nav-menu > li.focus > a,
.main-navigation ul.nav-menu .current_page_item > a,
.main-navigation ul.nav-menu .current-menu-item > a,
.main-navigation ul.nav-menu .current_page_ancestor > a,
.main-navigation ul.nav-menu .current-menu-ancestor > a,
.post-navigation a:hover, 
.posts-navigation a:hover,
.post-navigation a:focus, 
.posts-navigation a:focus,
.pagination .page-numbers,
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus,
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    color: #D56544;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget_search form.search-form input[type="search"]:focus,
#secondary a:hover,
#secondary a:focus,
#secondary ul li a:hover,
#secondary ul li a:focus {
    color: #D56544;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.post-categories a,
.tags-links a,
.entry-title a:hover,
.entry-title a:focus,
.btn,
.btn:hover,
.btn:focus,
.blog-posts-wrapper .post-item .cat-links a,
.single-post-wrapper .type-post .entry-meta .cat-links a,
.widget_tag_cloud .tagcloud a,
#colophon .widget_search form.search-form button.search-submit,
.backtotop,
#loader svg {
    background-color: #D56544;
}

/*--------------------------------------------------------------
# Blog Posts
--------------------------------------------------------------*/
.blog-posts-wrapper article:nth-child(3n+1) .entry-header,
.blog-posts-wrapper article:nth-child(3n+2) .entry-header,
.blog-posts-wrapper article:nth-child(3n) .entry-header {
    background-color: #D56544;
}

.blog-posts-wrapper article:nth-child(3n+1) .entry-content,
.blog-posts-wrapper article:nth-child(3n+2) .entry-content,
.blog-posts-wrapper article:nth-child(3n) .entry-content {
    background-color: #F7F0DE;
}

.blog-posts-wrapper .entry-title a {
    color: #F7F0DE;
    font-weight: bold; /* Added to make the titles bold */
}
.blog-posts-wrapper .entry-title a:hover,
.blog-posts-wrapper .entry-title a:focus {
    color: #F7F0DE;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.wp-block-search__button {
    background-color: #D56544; /* terracotta */
}

/*--------------------------------------------------------------
# Social Media Icons
--------------------------------------------------------------*/
.social-icons li a:hover,
.social-icons li a:focus {
    color: #fff; /* You can keep the text color as white or change it if needed */
    background-color: #D56544; /* Updated to match your theme's color */
}

/*--------------------------------------------------------------
# Submit button
--------------------------------------------------------------*/

/* Custom Style for the Submit Button */
input.submit {
    background-color: #D56544; /* Your chosen color */
    color: #FFFFFF; /* Adjust text color if needed, white is used here for contrast */
    /* Add any other styling properties if required */
}


