.main-navigation ul {
}

.header-image {
	margin-top: 0;
}

.comment-form .form-submit input[type="submit"] {
	margin-top: 20px;
}

.site-info, .article-footer, .entry-footer {
	display: none;
}

#left p {
	line-height: 10px;
}

#content .post {
	position: relative;
}

#content .comments-link {
	position: absolute;
	bottom: 30px;
	left: 282px;
}

#content .post {
	padding-bottom: 3em;
}

.search-button-one,
header-button-two {
	display: none;
}

.widget-title:before {
	display: none;
}

.entry-title:after {
	display: none;
}

.hentry:after {
	display: none;
}

.entry-flair {
	position: relative;
	left: 137px;
}

.main-navigation {
        border-top: 1px solid #bebdb8;
        border-bottom: 1px solid #bebdb8;
}

.main-navigation a, 
.nav-menu a, 
#site-navigation a {
    color: #000 !important;
	
}

body, p, span, h1, h2, h3, h4, h5, h6 {
    color: #363636 !important;
}

.hentry {
	position: relative;
	margin: 0 0 4.5em;
	padding: 0 0 3em;
	border-bottom: 1px solid #bebdb8;
}
.entry-author {
    display: none !important;
}

.sd-content {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: 225px !important;
    text-align: center !important;
}

.entry-meta > span:after {
    content: none;
}

.widget {
    margin: 0em;
    font-size: 12px;
}

#content .comments-link { 
    position: absolute; 
    bottom: 30px; 
    left: 282px; 
    display: none; 
}

.page .entry-header {
    display: none;
}
/* Strip shadow from the button's wrapper container */
.mailpoet_form .mailpoet_paragraph,
.mailpoet_form .mailpoet_submit_container,
div[class*="mailpoet_form"] form,
div[class*="mailpoet_form"] .mailpoet_paragraph {
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
}

/* Force the wrapper's focus and hover states to also drop shadows */
.mailpoet_form .mailpoet_paragraph:focus-within,
.mailpoet_form .mailpoet_paragraph:hover {
    box-shadow: none !important;
    filter: none !important;
}
input[type="search"], 
.search-field {
    border: 1px solid #ccc !important;

}
input[type="search"], 
.search-field {
    background-color: #ffffff !important;
}

input[type="submit"], 
button[type="submit"], 
.search-submit, 
.search-button {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    
    /* 2. Overwrite standard 3D border rules causing the shadow artifact */
    border: 0px solid transparent !important;
    border-style: none !important;
    outline: none !important;
    outline-width: 0px !important;
    
    /* 3. Deep purge standard shadows */
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
}

/* 4. Kill the active click state mimicking a shadow shift */
input[type="submit"]:active, 
button[type="submit"]:active,
input[type="submit"]:focus, 
button[type="submit"]:focus {
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
}
button.mailpoet_form, 
input.mailpoet_form,
.mailpoet_form button,
.mailpoet_form input[type="submit"] {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
    border: none !important; /* Removes default 3D browser borders if any */
}

/* Ensure shadow stays gone during click and hover states */
button.mailpoet_form:hover, button.mailpoet_form:focus, button.mailpoet_form:active {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    outline: none !important;
}

/* Target MailPoet forms ONLY when they live inside sidebars, footers, or columns */
.widget .mailpoet_form,
.wp-block-group .mailpoet_form,
.wp-block-column .mailpoet_form,
.elementor-widget .mailpoet_form {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Keep input fields within those specific widget zones responsive */
.widget .mailpoet_text, 
.widget .mailpoet_textarea, 
.widget .mailpoet_select,
.wp-block-column .mailpoet_text,
.elementor-widget .mailpoet_text {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Step 1: Broaden the entire website frame */
.site-container, .container, .grid-container, .wrapper, #page {
    max-width: 1300px !important;
    width: 100% !important;
}

/* Step 2: Allocate the new space on desktop screens */
@media (min-width: 992px) {
    /* Widen Content Area (e.g., 68% of the new 1450px frame) */
    #primary, .content-area, .main-content {
        width: 90% !important;
        float: left !important;
    }
    
    /* Widen Sidebar Area (e.g., 28% of the new 1450px frame) */
    #secondary, .widget-area, .sidebar {
        width: 25% !important;
        float: right !important;
    }

	.footer-widgets {
    margin: 27px 0 0;
    padding: 27px 0 0;
    border-top: none;
}