/*

Theme Name: marianos

Theme URI: http://www.spanishgoods.co.nz

Description: Custom theme for Mariano's

Author: Wired

Author URI: http://www.wired.co.nz

version: 1.0

*/



@charset "UTF-8";

body {
	border-top: 63px solid #be0028;
	color: #000;
	margin: 0;
	padding: 0;
	font-family: 'Roboto Condensed', sans-serif;
}
img {
	border: none;
	height: auto;
	max-width: 100%;
}
#siteheader {
	border-bottom: 5px solid #ffd545;
	color: #fff;
	height: 56px;
	margin: -63px 0 0 0;
	padding: 0;
	overflow: visible;
}
#headlogo {
	float: left;
	height: 63px;
	width: 309px;
}
#spanishgoods {
	float: left;
	font-size: 36px;
	font-weight: 300;
	line-height: 56px;
	margin: 0 0 0 10px;
	text-transform: uppercase;
	width: 309px;
}
#searchwrap {
	float: right;
	margin: 11px 0 0 0;
}
#searchwrap input[type="search"] {
	background: #fff;
	border: none;
	border-radius: 5px;
	font-size: 14px;
	padding: 8px 12px;
}
#banner {
	margin: 0;
	padding: 0;
}
#nav {
	margin: -4px 0 0 0;
	padding: 0;
}
#nav ul {
	background: #be0028;
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav ul li {
	color: #fff;
	display: inline-block;
	margin: 0 -6px 0 0;
	padding: 0;
	position: relative;
}
#nav a:link, #nav a:visited {
	border: 1px solid #90001f;
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: 300;
	margin: 0;
	padding: 18px 15px;
	text-decoration: none;
	text-transform: uppercase;
	background: #de003c; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlMDAzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiODAwMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #de003c 0%, #b80024 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #de003c), color-stop(100%, #b80024)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #de003c 0%, #b80024 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #de003c 0%, #b80024 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #de003c 0%, #b80024 100%); /* IE10+ */
	background: linear-gradient(to bottom, #de003c 0%, #b80024 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de003c', endColorstr='#b80024', GradientType=0 ); /* IE6-8 */
}
#nav a:hover, #nav a:active {
	background: #b80024; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I4MDAyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZTAwM2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #b80024 0%, #de003c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b80024), color-stop(100%, #de003c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b80024 0%, #de003c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b80024 0%, #de003c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b80024 0%, #de003c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #b80024 0%, #de003c 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b80024', endColorstr='#de003c', GradientType=0 ); /* IE6-8 */
}
#nav li#hola {
	font-family: 'Devonshire', cursive;
	font-size: 36px;
	line-height: 40px;
	padding: 12px 20px;
	float: left;
}
#nav ul li ul.sub-menu {
	position: absolute;
	left: 0;
	top: 62px;
	display: none;
}
#nav ul li:hover ul.sub-menu {
	display: block;
}
#nav ul li ul.sub-menu {
	background: #fff;
	box-shadow: 2px 2px 5px #888888; /*display:inline-block;*/
	list-style: none;
	margin: 0;
	min-width: 240px;
	padding: 10px;
	z-index:100;
	
}
#foot-credit, #foot-credit a{
font-size:10px;
	text-align:center;
	padding-bottom:10px;
	color:#9a9a9a !important;
}

ul.sub-menu li {
	margin: 0;
	padding: 0;
	width: 100%;
	border-bottom: #ccc dotted 1px;
	
}
ul.sub-menu a, ul.sub-menu a:active {
	display: block!important;
	padding: 5px 8px!important;
	background: none!important;
	color: #be0027!important;
	border: none!important;
	text-transform: none!important;
	font-size: 16px!important;
	font-weight: 400!important;
}
ul.sub-menu li:hover {
	background: #ffd545;
}
ul.sub-menu ul {
	border-bottom: 1px solid #cacaca;
	list-style: none;
	margin: 0 10px 10px 10px;
	padding: 0 0 10px 0;
}
h1 {
	font-family: 'Devonshire', cursive;
	font-size: 42px;
	font-weight: normal;
	line-height: 46px;
	margin: 20px 0 10px 0;
}
h1 span {
	background: #EDE5E5;
	border-radius: 8px;
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: normal;
	float: right;
	line-height: 18px;
	padding: 4px 8px;
	text-transform: uppercase;
}
h2 {
	font-family: 'Devonshire', cursive;
	font-size: 36px;
	font-weight: normal;
	line-height: 34px;
	margin: 0;
}
p {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 20px 0;
	padding: 0;
}
.paddedblock40 {
	padding: 40px;
}

.paddedblockrecipe {
	padding: 10px 40px 0 0;
}
.paddedblockcontact{
	padding: 10px 40px 0 100px;
}

.featurecontent {
	float: left;
	width: 60%;
	margin-left: -80px;
}
.recipe-image-container {
	float: left;
	width: 40%;
	margin-left:0px;
}
.recipe-method-container {
	float: left;
	margin: 10px 0 0 0;
	width: 40%;
}

.product-information-container {
	float: left;
	width: 60%;
	margin-left:0px;
}
.product-image-container {
	float: left;
	margin: 10px 0 0 0;
	width: 30%;
}
.contact-information-container {
	float: left;
	width: 30%;
	margin-left:0px;
}

.contact-image-container {
	float: left;
	margin: 10px 0 0 0;
	width: 40%;
	padding:75px 0 0 40px;
}

.featurebadge {
	float: left;
	margin: 80px 0 0 0;
	max-width: 190px;
	width: 20%;
}
.featuredish {
	border: 1px solid #d7d7d7;
	float: left;
	margin: 0 1% 30px 0;
	min-height: 400px;
	padding: 20px 3%;
	width: 26%;
}
.featuredish img:hover {
	opacity: 0.6;
}
.featuredish p {
	font-size: 12px;
	line-height: 18px;
	margin: 9px 0;
}
.recipelabel {
	font-size: 14px;
	margin: 0 0 9px 0;
	padding: 0;
	text-transform: uppercase;
}
.recipeswrap {
	padding: 30px 0 0 0;
	width: 100%;
}
.feturerecipes {
	float: left;
	margin: 0 2% 10px 0;
	min-height: 230px;
	width: 23%;
}
.feturerecipes:hover {
	opacity: 0.6;
}
a:link, a:visited {
	color: #be0027;
	text-decoration: none;
}
a:link, a:visited {
	color: #be0027;
}
#allrecipes {
	border-top: 1px dashed #be0027;
	margin: -10px 0 10px 0;
	padding: 10px 0 20px 0;
}
a.btnlink {
	background: url(../images/btn-bg.png) 0 0 #be0027;
	border-radius: 8px;
	color: #fff;
	display: inline-block;
	font-family: 'Devonshire', cursive;
	font-size: 26px;
	height: 40px;
	line-height: 32px;
	padding: 6px 30px 0 30px;
}
a.btnlink:hover {
	background: url(../images/btn-bg.png) 0 -50px #920401;
}
.recipeheropic {
	float: left;
	margin: 0 3% 0 0;
	width: 47%;
}
.Ingredients {
	float: left;
	padding: 0;
	width: 50%;
}
.method {
	border-top: 1px dashed #be0027;
	clear: both;
	margin: 20px 0 0 0;
	padding: 20px 0;
	width: 100%;
}
#sitefooter {
	background: #6b6966; /* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;
base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNjk2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YzRhNDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #6b6966 0%, #4c4a47 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6b6966), color-stop(100%, #4c4a47)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6b6966 0%, #4c4a47 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6b6966 0%, #4c4a47 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6b6966 0%, #4c4a47 100%); /* IE10+ */
	background: linear-gradient(to bottom, #6b6966 0%, #4c4a47 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6966', endColorstr='#4c4a47', GradientType=0 ); /* IE6-8 */
	text-align: center;
	margin: 90px 0 -20px 0;
}
#sitefooter ul {
	list-style: none;
}
#sitefooter ul li {
	display: inline-block;
	font-size: 12px;
	margin: 0 0 20px 0;
	padding: 3px 15px;
}
#sitefooter a:link, #sitefooter a:visited {
	color: #fff;
	text-decoration: none;
}
#sitefooter a:hover, #sitefooter a:active {
	color: #f7f400;
}
#footerlogo {
	margin: -26px 0 0 0;
	max-width: 200px;
}
.maincol {
	margin: auto;
	width: 1142px;

}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.clearfix {
	clear: both;
}

#searchform {
	float:left;
}

#searchsubmit {
float:right;
	background:url(/wp-content/themes/marianos/images/search-button.png);
	height:32px;
	width:32px;
	border:none;
	cursor:pointer;
	margin-right:15px;
	margin-left: 2px;
}

.wp-post-image {
	border:solid #FFFFFF 10px;
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	max-width:100%;
	margin:10px;
}

.product-thumb {
	list-style:none;
	float:left;
	margin-left:20px;
	margin-bottom:20px;
}

.product-thumb img:hover {
	opacity:0.8
}

.product-links {
	font-size:24px;
	padding-left:20px;
}

.recipe-links {
	padding-left:20px;
}

.product-loop {
	margin:20px 0 0 -30px;
	padding:0;
}

hr {border-top: 1px dashed #be0027;
margin-bottom:10px;
border-bottom:none;

}

.wpcf7-text, .wpcf7-textarea {
border: 1px solid #eee;
padding: 10px;
font-size: 14px;
color: #666;
background: #F7F7F7;
border-radius: 5px;
width:300px;
}

.wpcf7-submit {
background: #BE0028;
border: 1px solid #eee;
color: #FFF;
font-size: 16px;
padding: 10px;
border-radius: 10px;
cursor: pointer;
}

.wpcf7-submit:hover {
	background:#C8284A;
}

.bottom-nav {
	padding:0;
	margin:0;
}
.noshadow img {
	box-shadow:none!important;
	border:none!important;
}
.wpcf7-submit {
	-webkit-appearance:none;
}

@media screen and (max-width: 1160px) {
.maincol {
	margin: auto;
	width: 940px;
}

}

@media screen and (max-width: 956px) {
.maincol {
	width: 800px;
}
#spanishgoods {
	font-size: 26px;
	width: 200px;
}
h2 {
	font-size: 24px;
}
.wpcf7-text, .wpcf7-textarea {
	width:250px;
}
}

@media screen and (max-width: 818px) {
	
#nav ul li ul.sub-menu {
	margin-top:-13px!important;
}
.maincol {
	width: 600px;
}
#spanishgoods {
	clear: left;
	color: #be0028;
}
#searchwrap input[type="search"] {
	background: #fff;
	border: 1px solid #be0028;
	border-radius: 5px;
	font-size: 14px;
	padding: 8px 12px;
}

#nav li#hola {
	font-size: 30px;
	line-height: 32px;
	padding: 0 16px;
}
#nav a:link, #nav a:visited {
	font-size: 14px;
	padding: 14px 13px;
	text-decoration: none;
	text-transform: uppercase;
}
.featuredish {
	float: none;
	margin: auto;
	margin-bottom: 30px;
	width: 80%;
}
.recipeswrap {
	margin: auto;
	width: 86%;
}
.feturerecipes {
	float: left;
	margin: 0 2% 10px 0;
	width: 48%;
}
.featurecontent {
	float: none;
	width: 80%;
	margin-left: 0;
}
.featurebadge {
	display:none;
}
.product-information-container {
	width: 100%;
}
.product-image-container {
	width: 100%;
	float:none;
}
.wp-post-image {
	max-width:70%;
}
.recipe-image-container img {
	max-width:90%!important;
}

.attachment-recipe-thumb {
	max-width:100%!important;
}
.wpcf7-text, .wpcf7-textarea {
	margin-left:-90px;
}
.wpcf7-submit {
	margin-left:-90px;
}
.contact-information-container h1 {
	margin-left:-90px;
}
}

@media screen and (max-width: 618px) {
	
			body {
		overflow-x:hidden!important;
	}

.maincol {
	margin: auto;
	padding: 0;
	width: 90%;
}
#spanishgoods {
	font-size: 18px;
	width: 130px;
}
#searchwrap input[type="search"] {
	border: 1px solid #be0028;
	margin: 0 5px 7px 0;
	padding: 8px 12px;
}
#siteheader {
	border-bottom: 5px solid #ffd545;
	color: #fff;
	height: 56px;
	margin: -63px 0 65px 0;
	padding: 0;
	overflow: visible;
}
#banner {
	clear: both;
	display: none;
}
#nav li#hola {
	display: none;
}
#nav ul {
	background: #be0028;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.featurecontent {
	margin-left: -20px;
}
.product-information-container {
	width: 100%;
}
.product-image-container {
	width: 100%;
	float:none;
}
.wp-post-image {
	max-width:80%;
}
.attachment-recipe-thumb {
	max-width:90%!important;
}

.contact-image-container {
	width:100%;
	padding: 20px 0 0 10px;
}
.recipe-image-container {
	float: none;
	width: 100%;
}
.recipe-method-container {
		float: none;
	width: 100%;
}

h1 span {
	float:none;
}

h1 { font-size:30px; }

}