/*--------------------------------------------------------------
>>> GENERAL STYLES:
----------------------------------------------------------------*/
@font-face {
  font-family: 'Sharp Grotesk Book 18';
  src: url("https://blog.misfitsmarket.com/wp-content/themes/mm-twentytwenty/fonts/SharpGroteskBook18.woff2") format("woff2"), url("https://blog.misfitsmarket.com/wp-content/themes/mm-twentytwenty/fonts/SharpGroteskBook18.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'sharp_grotesk_semibold20';
  src: url("https://blog.misfitsmarket.com/wp-content/themes/mm-twentytwenty/fonts/sharpgrotesksmbold20-webfont.woff2") format("woff2"), url("https://blog.misfitsmarket.com/wp-content/themes/mm-twentytwenty/fonts/sharpgrotesksmbold20-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}


body, 
a, 
button, 
h1, 
h2, 
h3, 
h4, 
h5,
input[type="submit"],
.mm-home-featured .mm-home-category-header a {
	font-family: 'sharp_grotesk_semibold20'!important;
	letter-spacing: 0px!important;
}

p,
.mm-post-card .post-meta .post-date .meta-text a,
.mm-banner p a,
.tasty-recipes span,
table {
	font-family: 'Sharp Grotesk Book 18'!important;
}

b,
strong {
	font-family: 'sharp_grotesk_semibold20'!important;
}

button:focus,
a:focus {
	outline: none!important;
}

a:hover {
	text-decoration: none!important;
}

h1.entry-title {
	color: #000;
	font-size: 42px;
}

.body-xsmall {
    font-size: 14px;
    line-height: 24px;
}

.yellow-bg {
    background: #f1c34a!important;
	color: #000;
}

.mm-red-text {
	color: #9a4726;
	font-weight: 700;
}

#site-content,
.archive-header,
.mm-post-single .entry-header  {
	background: #fff9ea!important;
}

#mm-home-page,
#site-content {
	width: 100%;
    margin: 0 auto;
    padding: 40px;
    max-width: 1200px;
}

button {
	font-family: 'knockout-52';
	background-color: #f1c34a;
    margin: 10px 0;
    font-size: 16px;
    line-height: 8px;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    background: none;
    border: 3px solid #2d2d2d;
    border-radius: 4px;
    cursor: pointer;
    transition: .25s;
    width: -webkit-fill-available;
    width: -moz-available;
    height: 50px;
	text-transform: inherit;
}

#site-content .search-form,
.search-modal .search-form {
	display: flex;
    align-items: center;
	margin: 0 60px;
}

.search-form input.search-submit {
	position: static;
	transform: translatey(0%);
	background-color: #f1c34a;
	color: #000;
    margin: 10px 0;
    font-size: 18px;
    line-height: 4px;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    border: 3px solid #2d2d2d;
    border-radius: 4px;
    cursor: pointer;
    transition: .25s;
	height: 49px;
	text-transform: initial;
}

.search-form input.search-submit:hover {
	background-color: #b0c472;
}

.search-form input.search-field {
	height: 49px;
	border: 1px solid #2d2d2d;
    border-radius: 4px;
	margin-right: 4px;
	font-size: 20px;
	margin-bottom: 0;
}

.fqLFff input,
.mm-banner input {
    padding-left: 15px;
    border: none;
    font-family: 'knockout-52';
    font-weight: 400;
    font-style: normal;
	height: 50px;
	padding: 10px 15px;
    margin: 10px 0;
    display: block;
    text-decoration: none;
    cursor: pointer;
    transition: .25s;
    font-size: 1em;
    width: 100%;
    border-radius: 4px;
    box-sizing: border-box;
}

.yellow-bg:hover {
	text-decoration: none!important;
    opacity: 1;
    background-color: #b0c472!important;
}

.post-meta .meta-wrapper.post-author,
.post-meta .meta-wrapper.post-comment-link {
	display: none;	
}

button:hover,
button:focus,
a:hover {
	text-decoration: none;
}
.pagination-single a:focus .title, .pagination-single a:hover .title {
	text-decoration: none!important;
}

.section-inner {
	max-width: 100%;
	width: 100%;
}

@media (max-width: 1000px){
	#mm-home-page,
	#site-content {
		padding: 0;
		width: calc(100% - 4rem);
	}
	.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(.wp-block-image){
		max-width: 100%!important;
    	width: 100%!important;
	}
}