/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Your Name
Author URI: http://example.com
Description: Child theme for Astra
Version: 1.0
*/

/* 
Common Astra variables you might need:
--ast-global-color-0: #0170B9;
--ast-global-color-1: #3a3a3a;
--ast-global-color-2: #3a3a3a;
--ast-global-color-3: #4B4F58;
--ast-global-color-4: #F5F5F5;
--ast-global-color-5: #FFFFFF;
--ast-global-color-6: #F2F5F7;
--ast-global-color-7: #424242;
--ast-global-color-8: #000000;
*/

/* Override the blue color with a reddish one */
:root {
    --ast-global-color-0: #E71D1D;
    /* Reddish color */
}

/* Custom header styles */
.site-header {
    background: var(--ast-global-color-0);
    /* Using the reddish color */
    padding: 20px 0;
}

.inside-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.site-branding {
    flex: 1;
}

.main-navigation {
    flex: 2;
}

.main-menu {
    display: flex;
    justify-content: flex-end;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.main-menu li {
    margin-left: 20px;
}

.main-menu a {
    text-decoration: none;
    color: var(--ast-global-color-5);
    /* White text color */
    font-weight: bold;
}

.main-menu a:hover {
    color: var(--ast-global-color-4);
    /* Light gray color on hover */
}