/* also contains responsive CSS */



.menu-toggle {

	display: none;

	background: url('i/mobilemenu.png') scroll no-repeat 0 0;

	height: 43px;

	width: 43px;

	text-indent: -9999px;

	cursor: pointer;

	text-align: left;

	position: absolute;

	top: 10px;

	right: 10px;

	border: 0 none;

	z-index: 9;

}

.menu-top-navigation-container {
	height: auto;
	border-top: none;
	border-bottom: none;
	width: auto;
}
.menu-top-navigation-container ul {
	font-size: 0;
	width: auto;
	display: block;
	max-width: 915px;
	position: relative;
}
/*
.menu-top-navigation-container > ul {
	width: calc(100% - 3rem);
	max-width: calc(915px - 3rem);
	padding-left: 3rem;
}
.menu-top-navigation-container > ul:before {
	display: none;
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 2.8rem;
	width: 2.8rem;
	background-image: url(i/tomfo-logo.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 2.5rem;
}
*/
@media only screen and (max-width: 960px) {
	.menu-top-navigation-container > ul {
		width: 100%;
		padding-left: 0;
	}
	.menu-top-navigation-container > ul:before {
		display: none;
	}
}
.menu-top-navigation-container li {
	font-size: 0;
	position: relative;
	display: inline-block;
	float: none;
	border: 0;
}
.menu-top-navigation-container a {
	display: block;
	padding: 1rem 0.5rem;
	letter-spacing: 0.125rem;
	color: #999;
}
.menu-top-navigation-container li ul {
	top: 100%;
	left: -999999px;
	text-align: left;
	background-color: #E5E5E5;
}
.menu-top-navigation-container li ul li {
	display: block;
}
.menu-top-navigation-container li ul li a {
	background-color: transparent;
	color: #666;
}
.menu-top-navigation-container li.current-menu-item a, .menu-top-navigation-container li.current_page_item a {
	color: #000;
	background-color: transparent;
}

.menu-top-navigation-container li a:hover, .menu-top-navigation-container li.current-menu-item > a, .menu-top-navigation-container li.current-menu-parent a, .menu-top-navigation-container li.current_page_item > a {
    color: #000;
    background-color: transparent;
}

#social {

	top: 135px;

}



#slidemenu {

	position: relative;

	z-index: 9999;

}



#pagebody {

	width: 100%;

}







#header {
	height: auto;
	padding: 0;
	margin-bottom: 1rem;
}

#headerContainer {
	display: none;
	min-height: 340px;
	width: 100%;
	overflow: hidden;
	position: relative;
	background-color: #ededee;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: contain;
	padding: 0;
}
.home #headerContainer, .single-post #headerContainer {
	display: block;
}
#homesubscribe {
	display: block;
	position: absolute;
	width: calc(100% - 4rem);
	max-width: 580px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: transparent;
	text-align: center;
	padding: 0.5rem 0;
	background-color: rgba(237,237,238,0.9);
}
#homesubscribe h1 {
	color: #000;
	margin-top: 0;
	text-align: center;
	font-size: 1.75rem;
}
#homesubscribe p {
	text-align: center;
}
#homesubscribe a {
	display: inline-block;
	padding: 0.5rem 1rem;
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 700;
	background-color: #a7d7db;
	color: #000;
	text-decoration: none;
}
#homesubscribe a:hover, #homesubscribe a:focus {
	background-color: #000;
	color: #fff;
}
@media only screen and (max-width: 768px) {
	#headerContainer {
		background-image: none!important;
	}
}



#topbar {background:#fff; height:51px; position: relative;}
#topbar .header-wrapper {
	display: block;
}



.topTab {margin-right:-2px}



#slidemenu h2 {

	display: none;

	color: rgb(255, 255, 255);

	font-family: Helvetica,Arial,sans-serif;

	font-weight: normal;

	margin-bottom: 0px;

	padding: 15px;

	line-height: 26px;

	border-bottom: 1px solid #3C3C3C;

}



.slidesearch {

	display: none;

	padding: 10px 14px;

}



.slidesearch #s {

	width: 220px;

	padding: 10px;

	height: 30px;

	line-height: 30px;

	border-radius: 2px;

	border: 0 none;

}

.page-subscribe #subscribe-submit {
	text-align: center;
}
.page-subscribe #subscribe-submit input[type="submit"] {
	display: inline-block;
	padding: 1rem 1.5rem;
	text-transform: uppercase;
	font-size: 1rem;
	color: #000;
	background-color: #a7d7db;
	border: 0;
	font-weight: 700;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.page-subscribe #subscribe-submit input[type="submit"]:hover, .page-subscribe #subscribe-submit input[type="submit"]:focus {
	background-color: #000;
	color: #fff;
}

#footerContainer {
	background-color: #ededee;
}

#footerLeft, #footerRight {
	display: block;
	float: none;
	width: 100%;
	text-align: center;
}
#footerLeft .textwidget {
	text-align: center;
	margin-bottom: 1rem;
}
#footerRight img {
	display: block;
	width: calc(100% - 2rem);
	max-width: 600px;
	margin: 0 auto;
}


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

	#headerContainer {

		height: auto;

	}

	#topbar .header-wrapper {
		text-align: left;
	}

	.menu-top-navigation-container li {
		display: block;
	}

	.menu-top-navigation-container ul:after {

		content: '';

		display: block;

		clear: both;

	}

	.slidesearch {

		display: block;

	}

	#shopBanner {

		width: auto;

		height: auto;

		background-color: #b8e3e9;

		background-position: 0 center;

	}



	#slidemenu h2 {

		display: block;

	}

	img {

		max-width: 100%;

		height: auto;

	}

	#adbanner {

		display: none;

	}

	#pagebody {

		overflow: hidden;

	}

	.menu-toggle {

		display: block;

	}

	#slidemenu {

		width: 300px;

		top: 0;

		color: #43494c;

		height: 100%;

		background: #555;

		overflow: hidden;

		position: fixed;

		z-index: 99999;

		left: -300px;

		-webkit-transition: all 0.25s ease;

		-moz-transition: all 0.25s ease;

		-ms-transition: all 0.25s ease;

		-o-transition: all 0.25s ease;

		transition: all 0.25s ease;

	}

	#social {

		display: none;

	}

	#logo {

		width: 100%;

		float: none;

		position: static;

		text-align: center;

	}

	#logo img {

		display: inline-block;

	}

	#container, #headerContainer, .mid, #footer {

		width: 92%;

		padding: 0 4%;

	}

	.blog #col2, .archive #col2, .single #col2, .search #col2 {

		float: none;

		width: 100%;

		max-width: 610px;

		margin-right: auto;

		margin-left: auto;

	}

	#col3, #footerLeft {

		float: none !important;

		width: 100% !important;

		max-width: 300px;

		margin-left: auto;

		margin-right: auto;

	}

	#footerRight {

		width: 100%;

		float: none;

	}

	.rightfooterwidget {

		width: 100% !important;

		max-width: 300px !important;

		float: none !important;

		margin-right: auto !important;

		margin-left: auto !important;

	}



	#slidemenu.slidemenu {

		display: block;

		left: 0;

		-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.4);

		box-shadow: 0 0 30px 0 rgba(0,0,0,0.4);

	}



	.menu-top-navigation-container {

		width: 100%;

		position: static;

		border: 0 none;

	}

	.menu-top-navigation-container li {

		float: none;

		position: relative;

	}

	.menu-top-navigation-container ul li a {

		text-transform: none;

		color: #fff;

		display: block;

	}

	.menu-top-navigation-container ul {

		width: auto;

	}

	#slidemenu .menu-top-navigation-container ul li ul.sub-menu {

		position: static;

		width: 100%;

		display: none;

		padding: 8px 0;

	}

	.menu-top-navigation-container li ul li {

		width: 100%;

	}

	.menu-top-navigation-container li.menu-item-has-children .submenutoggle {

		position: absolute;

		top: 0;

		right: 0;

		width: 33px;

		height: 44px;

		background: url('i/submenu.png') scroll no-repeat 0 0;

		cursor: pointer;

		border-left: 1px solid #3c3c3c;

	}



	.menu-top-navigation-container a {

		line-height: 16px;

		padding: 14px 15px;

		font-family: Helvetica, Arial, sans-serif;

	}

	.menu-top-navigation-container li {

		border-left: 0 none;

	}

	.menu-top-navigation-container > ul > li, .menu-top-navigation-container > ul > li:first-child {

		border-bottom: 1px solid #3c3c3c;

	}

	.menu-top-navigation-container {

		height: auto;

	}

	.mfoshop #col3 {

		background-image: none;

		padding-top: 0;

	}

	#contentFull ul {

		margin-left: 0;

	}

	#shopp ul.products li.product {

		width: 46%;

		margin-left: 2%;

		margin-right: 2%;

	}

	.mfoshop #col2 {

		float: none;

		max-width: 660px;

		width: 100%;

	}

	#shopp ul.products li.product:nth-child(odd) {

		clear: both;

	}

#shopp .gallery, #shopp .gallery .previews {width:100%}

.cart .mfoshop {padding: 0 !important}

#shopp #continueshopping, #shopp #cart big a.right {float:none}

.cart th {font-size:12px}

.ship-estimates input {font-size:10px}

.category .post {

  width: 40%;

}



#shopp ul.products li.product {

  min-height: 260px;

}

p {font-size:15px}

}



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

	#shopp ul.products li.product {

		width: 100%;

		margin-left: auto;

		margin-right: auto;

		max-width: 300px;

		float: none;

	}

.category .clearfix div:nth-child(3n+3) {

  margin-right: 27px;

}

.category .clearfix div:nth-child(2n+2) {

  margin-right: 0;

}

}