/* General Settings */
body {
    font-family: 'Lora', serif;
    background-color: #000000;
    color: #FAEBD7;
}

/* Heading Fonts */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Cinzel', serif;
    color: #B87333;
}

/* Links */
a {
    color: #B87333;
    text-decoration: none;
}

a:hover {
    color: #CD7F32;
}

/* Header Customization */
.custom-header {
    background-color: #000000;
    color: #FAEBD7;
}

.custom-header a {
    color: #FAEBD7;
}

.custom-header a:hover {
    color: #CD7F32;
}

.custom-header .elementor-widget-image img {
    max-height: 100%;
    height: auto;
    width: auto;
}

.custom-header .elementor-nav-menu--main {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.custom-header .elementor-nav-menu--main a {
    color: #FAEBD7;
}

.custom-header .elementor-nav-menu--main a:hover {
    color: #CD7F32;
}

/* Footer Customization */
.site-footer {
    background-color: #000000;
    color: #FAEBD7;
}

/* Specific Section (Google Integration) */
.google-section {
    background-color: #FFFFFF;
    color: #000000;
}

/* Container for Specific Section */
section.google-section, .google-section {
    padding: 20px;
    margin-bottom: 20px;
    background-color: #FFFFFF;
    color: #000000;
}

/* Add padding and margins for readability */
section, .site-content, .site-header, .site-footer {
    padding: 20px;
    margin-bottom: 20px;
}

/* Adjust the container width for better layout */
.container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

/* Button Styles */
button, .button {
    background-color: #B87333;
    color: #FAEBD7;
    border: none;
    padding: 10px 20px;
    font-family: 'Cinzel', serif;
}

button:hover, .button:hover {
    background-color: #CD7F32;
}

/* Form Elements */
input, textarea, select {
    background-color: #000000;
    color: #FAEBD7;
    border: 1px solid #B87333;
}

input::placeholder, textarea::placeholder {
    color: #FAEBD7;
}

/* Navigation Menu */
.main-navigation a {
    color: #FAEBD7;
}

.main-navigation a:hover {
    color: #CD7F32;
}
@media(max-width: 1200px){
.home .elementor-widget-obfx-posts-grid .obfx-grid-wrapper {
    width: auto !important;
}
}