/*
Theme Name: Coffee Shop Child
Description: A child theme of the Hello Elementor parent theme.
Text Domain: hello-elementor-child
Template: hello-elementor
*/


.header-top {
    background-color: #EECC9E; /* Change to your desired background color */
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 100px; /* Adjust the padding as needed */

}

.header-top a {
    color: #3c2516; /* Change to your desired text color */
    text-decoration: none;
}

.header-top img {
    max-height: 50px; /* Adjust the logo size */
    margin-left: 20px; /* Adjust the margin as needed */


}

.phone-number {
    font-size: 16px;
    margin-right: 20px;
}







.main-navigation {
    flex-grow: 1;
    text-align: center; /* Align the menu to the center */
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; /* Use flexbox to lay out menu items horizontally */
    justify-content: center; /* Center the menu items horizontally */
}

.main-navigation li {
    display: inline-block; /* Display menu items inline to align them horizontally */
    margin-left: 20px; /* Add some space between menu items */
}

.main-navigation a {
    color: #3c2516; /* Change to your desired link color */
    text-decoration: none;
    padding: 5px 10px; /* Add some padding for better spacing */
}

.main-navigation a:hover {
    background-color: #444; /* Change to your desired hover background color */
    color: #fff; /* Change to your desired hover text color */
}


.social-icons img {
    width: 30px; /* Adjust the width as needed */
    height: 30px; /* Adjust the height as needed */
    margin-right: 10px; /* Add some space between icons */
}