/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
@media screen and (max-width: 720px) {
	.news-ticker, .ticker-title, .ticker-content, #ticker {
		display: none !important;
	}
}

.sticky_highlight {
	border: 1px #999 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	background-color: #f7f7f7;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* Edamam.com css styles */
#edamam-search-line {
	position: relative;
	padding: 0 20px;
}

.edamam-holder {
	background: #FFF;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	box-shadow: 1px 1px 2px #CCC inset;
	border: 1px solid #BFBFBF;
}

.bop-menu-header-search {
	width: 200px;
	padding: 5px 10px;
}

@media screen and (max-width: 760px) {
	.bop-menu-header-search {
		max-width: 350px;
	}
}

.bop-edamam-holder {
	background: #FFF;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 1px 1px 2px #CCC inset;
	border: 1px solid #BFBFBF;
}

.edamam-inner-holder {
	height: 55px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.bop-edamam-inner-holder {
	height: 30px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.edamam-field {
	position: relative;
	padding: 5px 88px 0 20px;
	border: none;
}

.bop-edamam-field {
	position: relative;
	padding: 1px 0 0 1px;
	border: none;
}

@media screen and (max-width: 760px) {
	.bop-edamam-field {
		width: 100% !important;
		padding: 0 0 0 8px !important;
	}
	
	.bop-edamam-field input[type=text] {
		width: 90% !important;
		padding: 0 0 0 8px !important;
	}
}

.bop-edamam-field {
	padding: 7px 44px 0 10px;
}

#edamam-search-field.on, #edamam-search-field:hover, #edamam-search-field:active {
	color: #333;
	font-style: normal;
	border: none;
	outline: none;
}

#bop-edamam-search-field.on, #bop-edamam-search-field:hover, #bop-edamam-search-field:active {
	color: #333;
	font-style: normal;
	border: none;
	outline: none;
}

#edamam-search-field {
	display: block;
	width: 100%;
	height: 40px;
	font: 14px Arial;
	color: #333;
	border: none;
}

#bop-edamam-search-field {
	display: block;
	padding-top: 2px;
	width: 100%;
	height: 12px;
	font: 12px Arial;
	color: #333;
	border: none;
}

#bop-edamam-field input[type=text] {
	width: 100% !important;
	border: none;
}

@media screen and (max-width: 760px) {
	#bop-edamam-search-field {
		height: 10px !important;
	}
	
	#bop-edamam-search-field input[type=text] {
		width: 90% !important;
		border: none;
	}
}

#edamam-search-btn {
	float: right;
	margin-top: -55px;
	margin-left: 15px;
	position: relative;
	right: 0;
	background: none;
	border: none;
	border-radius: 0 30px 30px 0;
}

#bop-edamam-search-btn {
	float: right;
	margin-top: -24px;
	margin-left: 15px;
	position: relative;
	right: 0;
	background: none;
	border: none;
	border-radius: 0 15px 15px 0;
}

@media screen and (max-width: 760px) {
	.bop-edamam-inner-holder input[type=submit] {
		display: none;
	}
}

#edamam-search-btn input {
	display: block;
	color: transparent;
	cursor: pointer;
	text-indent: -9999px;
	background: url("../wp-content/themes/mh_magazine_child/images/edamam-bullet-magnifier-search-home.png") no-repeat 12px center;
	margin: 2px 0 0 -12px;
	width: 50px;
	height: 53px;
}

#bop-edamam-search-btn input {
	display: block;
	color: transparent;
	cursor: pointer;
	text-indent: -9999px;
	background: url("../wp-content/themes/mh_magazine_child/images/edamam-bullet-magnifier-search-home.png") no-repeat 12px center;
	width: 35px;
	height: 28px;
	min-width: 44px;
}

@media screen and (max-width: 760px) {
	#bop-edamam-search-button {
		display: none;
	}
}

#edamam-search-box #edamam-search-btn, #edamam-search-box #edamam-search-btn input {
	width: 50px;
	height: 53px;
}

#bop-edamam-search-box .bop-edamam-search-btn, #bop-edamam-search-box .bop-edamam-search-btn input {
	width: 27px;
	height: 29px;
}

#filter {
	margin-left: 25px;
	white-space: nowrap;
}

#filter, #filter .hover, #filter .x-button {
	display: inline-block !important;
}

#gform_wrapper_13 h3.gform_title {
	text-align: center !important;
}

.spu-clickable {
	font-size: 14px !important;
}

.free-offers {
	font-size: 20px;
}

.free-offers a {
	color: #ff0000 !important;
	font-weight: 900;
	font-size: 25px;
	margin-top: -5px;
}

/* nav menu mods */
.header-wrap {
	background: #F6F6F6;
}

.main-nav {
	background: #F6F6F6 !important;
	text-transform: none;
	border: none;
	color: #555;
	display: table;
	margin: 0 auto;
}

.main-nav li {
	border: none;
}

.main-nav li:hover {
	background: #f6f6f6 !important;
	border: none;
}

.main-nav ul li:hover > ul {
	display: block;
	background: #f6f6f6 !important;
	z-index: 9999;
}

.main-nav li a {
/* padding: 1rem .6rem;*/
	padding: 1rem .6rem 0;
	text-decoration: none;
}

.main-nav ul ul li a {
	padding: 5px 10px;
}

.main-nav li a:hover {
	color: #005cb7;
}

.info-nav {
	background: #f6f6f6;
	text-transform: none;
	border: none;
	color: #cfcfcf;
	display: table;
	margin: 0 auto;
}

.info-nav li {
	border: none;
}

.info-nav li:hover {
	background: #f6f6f6 !important;
	border: none;
}

.info-nav ul li:hover > ul {
	display: block;
	background: #f6f6f6 !important;
	z-index: 9999;
}

.info-nav li a {
	padding: 10px 9px 10px 8px;
/* padding: 1rem .6rem; */
	text-decoration: none;
	color: #555;
	font-size: 18px;
	font-weight: 900;
}

.info-nav ul ul li a {
	padding: 5px 10px;
	font-size: 13px;
	font-weight: normal;
}

.info-nav li a:hover, .info-nav li a:active {
	color: #005cb7;
	background: #e0e0e0;
}

@media screen and (max-width: 780px) {
	/*.js .main-nav, */
	.js .info-nav, .js .footer-nav {
		display: none;
	}
}

@media screen and (max-width: 767px) {

/*
	CSS Migrated from Jetpack:
*/

/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
@media screen and (max-width: 720px) {
	.news-ticker, .ticker-title, .ticker-content, #ticker {
		display: none !important;
	}
}

.sticky_highlight {
	border: 1px #999 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	background-color: #f7f7f7;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* Edamam.com css styles */
#edamam-search-line {
	position: relative;
	padding: 0 20px;
}

.edamam-holder {
	background: #FFF;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	box-shadow: 1px 1px 2px #CCC inset;
	border: 1px solid #BFBFBF;
}

.bop-menu-header-search {
	width: 200px;
	padding: 5px 10px;
}

@media screen and (max-width: 760px) {
	.bop-menu-header-search {
		max-width: 350px;
	}
}

.bop-edamam-holder {
	background: #FFF;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 1px 1px 2px #CCC inset;
	border: 1px solid #BFBFBF;
}

.edamam-inner-holder {
	height: 55px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.bop-edamam-inner-holder {
	height: 30px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.edamam-field {
	position: relative;
	padding: 5px 88px 0 20px;
	border: none;
}

.bop-edamam-field {
	position: relative;
	padding: 1px 0 0 1px;
	border: none;
}

@media screen and (max-width: 760px) {
	.bop-edamam-field {
		width: 100% !important;
		padding: 0 0 0 8px !important;
	}
	
	.bop-edamam-field input[type=text] {
		width: 90% !important;
		padding: 0 0 0 8px !important;
	}
}

.bop-edamam-field {
	padding: 7px 44px 0 10px;
}

#edamam-search-field.on, #edamam-search-field:hover, #edamam-search-field:active {
	color: #333;
	font-style: normal;
	border: none;
	outline: none;
}

#bop-edamam-search-field.on, #bop-edamam-search-field:hover, #bop-edamam-search-field:active {
	color: #333;
	font-style: normal;
	border: none;
	outline: none;
}

#edamam-search-field {
	display: block;
	width: 100%;
	height: 40px;
	font: 14px Arial;
	color: #333;
	border: none;
}

#bop-edamam-search-field {
	display: block;
	padding-top: 2px;
	width: 100%;
	height: 12px;
	font: 12px Arial;
	color: #333;
	border: none;
}

#bop-edamam-field input[type=text] {
	width: 100% !important;
	border: none;
}

@media screen and (max-width: 760px) {
	#bop-edamam-search-field {
		height: 10px !important;
	}
	
	#bop-edamam-search-field input[type=text] {
		width: 90% !important;
		border: none;
	}
}

#edamam-search-btn {
	float: right;
	margin-top: -55px;
	margin-left: 15px;
	position: relative;
	right: 0;
	background: none;
	border: none;
	border-radius: 0 30px 30px 0;
}

#bop-edamam-search-btn {
	float: right;
	margin-top: -24px;
	margin-left: 15px;
	position: relative;
	right: 0;
	background: none;
	border: none;
	border-radius: 0 15px 15px 0;
}

@media screen and (max-width: 760px) {
	.bop-edamam-inner-holder input[type=submit] {
		display: none;
	}
}

#edamam-search-btn input {
	display: block;
	color: transparent;
	cursor: pointer;
	text-indent: -9999px;
	background: url("../wp-content/themes/mh_magazine_child/images/edamam-bullet-magnifier-search-home.png") no-repeat 12px center;
	margin: 2px 0 0 -12px;
	width: 50px;
	height: 53px;
}

#bop-edamam-search-btn input {
	display: block;
	color: transparent;
	cursor: pointer;
	text-indent: -9999px;
	background: url("../wp-content/themes/mh_magazine_child/images/edamam-bullet-magnifier-search-home.png") no-repeat 12px center;
	width: 35px;
	height: 28px;
	min-width: 44px;
}

@media screen and (max-width: 760px) {
	#bop-edamam-search-button {
		display: none;
	}
}

#edamam-search-box #edamam-search-btn, #edamam-search-box #edamam-search-btn input {
	width: 50px;
	height: 53px;
}

#bop-edamam-search-box .bop-edamam-search-btn, #bop-edamam-search-box .bop-edamam-search-btn input {
	width: 27px;
	height: 29px;
}

#filter {
	margin-left: 25px;
	white-space: nowrap;
}

#filter, #filter .hover, #filter .x-button {
	display: inline-block !important;
}

#gform_wrapper_13 h3.gform_title {
	text-align: center !important;
}

.spu-clickable {
	font-size: 14px !important;
}

.free-offers {
	font-size: 20px;
}

.free-offers a {
	color: #ff0000 !important;
	font-weight: 900;
	font-size: 25px;
	margin-top: -5px;
}

/* nav menu mods */
.header-wrap {
	background: #F6F6F6;
}

.main-nav {
	background: #F6F6F6 !important;
	text-transform: none;
	border: none;
	color: #555;
	display: table;
	margin: 0 auto;
}

.main-nav li {
	border: none;
}

.main-nav li:hover {
	background: #f6f6f6 !important;
	border: none;
}

.main-nav ul li:hover > ul {
	display: block;
	background: #f6f6f6 !important;
	z-index: 9999;
}

.main-nav li a {
/* padding: 1rem .6rem;*/
	padding: 1rem .6rem 0;
	text-decoration: none;
}

.main-nav ul ul li a {
	padding: 5px 10px;
}

.main-nav li a:hover {
	color: #005cb7;
}

.info-nav {
	background: #f6f6f6;
	text-transform: none;
	border: none;
	color: #cfcfcf;
	display: table;
	margin: 0 auto;
}

.info-nav li {
	border: none;
}

.info-nav li:hover {
	background: #f6f6f6 !important;
	border: none;
}

.info-nav ul li:hover > ul {
	display: block;
	background: #f6f6f6 !important;
	z-index: 9999;
}

.info-nav li a {
	padding: 10px 9px 10px 8px;
/* padding: 1rem .6rem; */
	text-decoration: none;
	color: #555;
	font-size: 18px;
	font-weight: 900;
}

.info-nav ul ul li a {
	padding: 5px 10px;
	font-size: 13px;
	font-weight: normal;
}

.info-nav li a:hover, .info-nav li a:active {
	color: #005cb7;
	background: #e0e0e0;
}

@media screen and (max-width: 780px) {
	/*.js .main-nav, */
	.js .info-nav, .js .footer-nav {
		display: none;
	}
}

@media screen and (max-width: 767px) {