/*
 Theme Name:   FcF Theme 2026
 Theme URI:    https://github.com/yourusername/prospero-theme-child
 Description:  Child theme for the Prospero WordPress theme
 Author:       resQ online e.U.
 Author URI:   https://resqonline.eu
 Template:     prospero-theme
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         prospero, child-theme
 Text Domain:  prospero-theme-child
*/

/* ==========================================================================
   Child Theme Styles
   ==========================================================================

   Add your custom styles below. These will override parent theme styles.

   Available CSS custom properties from parent theme:
   --color-primary
   --color-secondary
   --color-tertiary
   --color-text
   --color-text-dark
   --color-highlight
   --color-background
   --color-background-dark
   --content-width
   --border-radius
   --spacing-xs, --spacing-sm, --spacing-md, --spacing-lg, --spacing-xl

   Example overrides:

   .site-header {
       background: #your-color;
   }

   ========================================================================== */

:root {
   --color-primary: #fbb900;
   --color-secondary: #f1f1f1;
   --color-tertiary: #3cc2a8;
   --color-text: #000;
   --color-background: #f1f1f1;
   --border-radius: 0px !important;
}
body{
    font-family: Helvetica, Arial, sans-serif;
}
.site-header{
    background: #ffffff;
    padding-bottom: 0 !important;
}

.container.header-inner {
    max-width: 100vw;
    padding-left: 0;
}

h1, h2, h3, h4, h5, h6, .wp_rp_title, .widget-title{
    color: #000000;
    font-family: 'Oswald', Arial Narrow, sans-serif;
    font-weight: normal !important;
    letter-spacing: 0.75px;
    text-transform: uppercase;
}

.single-post .post-featured-image .container{
    text-align: center;
}
.single-post .post-featured-image {
    margin-bottom: var(--spacing-xs);
}
.single-post .post-featured-image img{
    width: auto;
    height: auto;
    margin: 0 auto;
}
.single-post .post-tag{
    color: var(--color-tertiary);
}

.related-posts, .pre-footer-area{
    border-top: 0;
}

@media (min-width: 1025px){

.desktop-menu ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: var(--spacing-xs);
}
.desktop-menu a {
    display: block;
    padding: 0 1rem;
    color: #333;
    font-weight: 300;
    white-space: nowrap;
    text-decoration: none;
    font-family: 'Oswald', Arial Narrow, sans-serif;
    text-transform: uppercase;
    line-height: 60px;
    font-size: 1rem;
    background-color: #fff;
}
.desktop-menu a:hover, .desktop-menu a:focus{
    background: var(--color-primary);
    color: inherit;
    text-decoration: none;
}

}