/*
 Theme Name:   Generate One
 Template:     generatepress
 Version:      1.0
*/

/* Reduce spacing between elements */
.sidebar .widget, .main-navigation, .entry-content, .post {
    margin: 10px 2px !important;
    padding: 10px 2px !important;
}

/* Make headings colorful */
h1, h2, h3, h4, h5, h6 {
   background-color: var(--accent); /* Accent background */
    color: #FFFFFF; /* White text */
    padding: 2px; /* Add some padding */
    border-radius: 5px; /* Optional: Rounded corners */
}

/* Add icons to headings */
h1::before, h2::before, h3::before, h4::before, h5::before, h6::before {
    content: "";
    display: inline-block;
    width: 24px; /* Icon size */
    height: 24px; /* Icon size */
    background-image: url('/icon.png'); /* Relative path to your icon */
    background-size: cover;
    margin-right: 10px; /* Space between icon and text */
    vertical-align: middle;
}
/* Add background color to specific elements */
body {
    background-color: #F4F4F4; /* Light gray */
}

.site-header {
    background-color: var(--accent); /* Blue */
    color: #FFFFFF; /* White text */
}

.main-navigation .main-nav ul li a {
    padding-left: 1.5em;
    padding-right: 1.5em;
     line-height: 1.5em; 
}