/*
Theme Name: Woocommerce Theme
Author: Don Double
*/

/* Test CSS */
/*
body {
    background-color: black;
}
*/
/*
body {
    background-color: #f8f9fa;
}

.site-header {
    background-color: #007bff;
    color: #fff;
    padding: 20px 0;
}

.site-footer {
    background-color: #f8f9fa;
    color: #333;
    padding: 20px 0;
}
*/
/*  woocommerce     */

header {
    background: #fff;
    height: 100px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.25);

}


.logo {
    max-height:50px;
}

.menu {
    list-style-type:none;
    margin:0;
    padding:0;
}

.navigation ul {
    list-style: none; /* Remove bullets */
}

.navigation ul li {
    display: inline-block; /* Display menu items horizontally */
}

.navigation a {
    display:block;
    padding:.25rem 1rem;
    text-decoration: none; /* Remove underlines */
    font-size:1.1rem;
    font-weight:bold;
}

/* Media query for small screens */
@media screen and (max-width: 768px) {
    .navigation ul li {
        display: block; /* Display menu items vertically */
        margin-bottom: 10px; /* Add some spacing between menu items */
    }
}

@media screen and (min-width: 1200px) {
    #hero {
        height:550px;
    }
}

@media screen and (min-width: 768px) {
    #hero {
        height:450px;
    }
}

#hero {
    height:400px;
    width:100%;
    background:url('images/hero.jpg');
    background-size:cover;
}


h1 {
    color:white;
}

/*
.main-container {
    padding:2rem 0;
}
*/

footer {
    height:300px;
    width:100%;
    background:#f0f0f0;
}


.content {
    height:auto;
    padding:3rem 0;
}


.widget {
    border:1px solid #999;
    list-style-type:none;
    margin:0;
    padding:1.5rem;
    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius:.5rem;
}


.widget ul {
    list-style-type:none;
    margin:0;
    padding:0;
}


.blog-post {
    padding:1rem;
    margin-bottom:2rem;
    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius:.5rem;
}