/*
Theme Name:     Kadence Child - Kendrick Content
Theme URI:      https://copperpress.tech
Template:       kadence
Author:         CopperPress
Author URI:     https://copperpress.tech
Description:    A custom child theme built on top of Kadence, specifically for KendrickContent.com
Version:        2
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/


/*****************
 * GLOBAL STYLES *
 *****************/

.has-theme-palette-1-color > a {
    color: var(--global-palette1);
}

.has-theme-palette-2-color > a {
    color: var(--global-palette2);
}

.has-theme-palette-3-color > a {
    color: var(--global-palette3);
}

.has-theme-palette-4-color > a {
    color: var(--global-palette4);
}

.has-theme-palette-5-color > a {
    color: var(--global-palette5);
}

.has-theme-palette-6-color > a {
    color: var(--global-palette6);
}

.has-theme-palette-7-color > a {
    color: var(--global-palette7);
}

.has-theme-palette-8-color > a {
    color: var(--global-palette8);
}

.has-theme-palette-9-color > a {
    color: var(--global-palette9);
}

/* END GLOBAL STYLES */


/*****************
 * HEADER STYLES *
 *****************/
#masthead {
    margin-top: 0;
    background: none;
}

#masthead #main-header,
#masthead #mobile-header {
    max-width: var(--global-content-narrow-width);
    background: linear-gradient(to bottom, #00375c, #00518c);
    margin: auto;
}

#masthead .site-container {
    padding: 0 3.5em;
}

#masthead .site-main-header-inner-wrap {
    min-height: 80px;
}

/* Logo Styles */
#masthead .site-branding.branding-layout-standard.site-brand-logo-only {
    position: absolute;
    bottom: -15px;
}

#masthead .custom-logo {
    max-width: 350px;
    width: 80%;
}

/* Primary Menu Styles */
#masthead #primary-menu li.menu-item {
    margin-bottom: 1em;
}

#masthead #primary-menu li.menu-item > a {
    padding-bottom: 0;
}

/* Media Queries */

/* For screens larger than 768px */
@media (min-width: 769px) {
    /* Adjust logo positioning */
    #masthead .site-branding.branding-layout-standard.site-brand-logo-only {
        bottom: -20px;
    }

    /* Adjust logo size */
    #masthead .custom-logo {
        max-width: 400px;
        width: auto;
    }
}

/* For screens larger than 1024px */
@media (min-width: 1025px) {
    /* Add top margin to #masthead */
    #masthead {
        margin-top: 5em;
    }
}

/***********************
 * CONTENT AREA STYLES *
 ***********************/
#wrapper {
    background-color: aliceblue;
}

#inner-wrap {
    z-index: 2;
}

.broadstreet-ads {
    width: 100%;
    max-width: var(--global-content-narrow-width);
    margin: auto;
    text-align: center;
    background-color: white;
    padding-top: 2em;
}

#primary {
    margin-top: 0;
}

#primary .content-container {
    background-color: white;
    padding: 0 2em;
}

@media (min-width: 1300px) {
    #primary .content-container {
        padding: 2em 1em;
    }
}

/************************
 * CATEGORY PAGE STYLES *
 ************************/
.post-archive-hero-section .entry-hero-container-inner {
    max-width: var(--global-content-narrow-width);
    margin: auto;
}

.post-archive-hero-section h1 {
    font-size: 60px;
}

/*****************
 * FOOTER STYLES *
 *****************/
footer, footer h2, footer#colophon a {
    color: white;
}
.site-footer-wrap {
    display: flex;
    justify-content: center;  /* Centers content horizontally */
    align-items: center;      /* Centers content vertically */
    height: 100%;             /* Ensures it fills the available space */
    padding: 20px 0;          /* Optional: Adds some padding for breathing room */
}

.site-middle-footer-inner-wrap {
    display: flex;
    justify-content: center;  /* Centers content horizontally */
    align-items: center;      /* Centers content vertically */
    flex-wrap: wrap;          /* Ensures proper wrapping of elements on smaller screens */
    width: 100%;
}

/* Make sure the footer itself doesn't cause spacing issues */
.site-footer {
    display: flex;
    justify-content: center;  /* Centers content horizontally */
    align-items: center;      /* Centers content vertically */
    padding: 20px 0;          /* Optional: Adds some padding for breathing room */
}


/*******************
 * HOMEPAGE STYLES *
 *******************/

.home .site-container {
    padding: 0;
}

.bb-partial-post-carousel-1 {
    overflow: hidden;
}

/* END HOMEPAGE STYLES */