/* Import Roboto font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/* Target the body element */
body {
    background-color: #0d1820 !important;
    background: #0d1820;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    color: #ffffff;
}

/* Target main content wrappers often used by themes */
.site,
#page,
.wrapper,
.container,
#primary,
.content-area {
    background-color: #0d1820 !important;
}

/* For elements used in some themes for full-page backgrounds */
html {
    background-color: #0d1820 !important;
}

/* Set font styles for headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', serif !important;
    font-weight: bold;
    color: #ffffff;
}

/* Font style for navigation menu */
.nav-menu a, .menu a {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    color: #ffffff;
}

/* Increase container width */
.container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Add horizontal padding to blocks */
.block-editor-block-list__block {
    padding-left: 20px;
    padding-right: 20px;
}

/* Hide search elements */
#search,
.search-form,
.search-submit,
.search-field {
    display: none !important;
}

/* Site title and logo styling */
#site-title a {
    font-family: 'Roboto', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    pointer-events: none !important;
    cursor: default !important;
    color: inherit !important;
}

#site-title {
    font-family: 'Roboto', sans-serif !important;
    font-size: 48px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-left: 70px !important;
}

#site-title::before {
    content: '' !important;
    display: inline-block !important;
    width: 50px !important;
    height: 50px !important;
    background-image: url('https://grindershores.com/wp-content/uploads/2024/11/GSLogoSmall.png') !important;
    padding-left: 40px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: relative !important;
    top: 15px !important;
    margin-left: -70px !important;
}

/* Site description styling */
#site-description {
    margin-left: 90px !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding-left: 15px;
    padding-top: 2px;
}

/* Hide homepage elements */
#site-title + a,
.entry-title {
    display: none !important;
}

.page_item.page-item-207.current_page_item,
.page_item.page-item-207.current_page_item a,
.page_item.page-item-207.current_page_item span {
    display: none !important;
}

/* Header styling */
#branding {
    background: linear-gradient(to bottom, 
        #ff9500 1%, 
        #e67d1e 5%,
        #cc6633 10%,
        #8f4f2c 15%,
        #4a3a24 30%
    ) !important;
    width: 100% !important;
    padding: 1px 0 !important;
    position: relative !important;
    margin: 0 !important;
}

#header {
    margin: 0 !important;
    width: 100% !important;
}

#wrapper {
    margin: 0 !important;
    width: 100% !important;
}

#site-title,
#site-title a,
#site-description {
    position: relative !important;
    z-index: 1 !important;
    color: white !important;
}

/* Hide twitter feed on smaller screens */
@media screen and (max-width: 1920px) {
    #ctf {
        display: none !important;
    }
}