/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
/* Increase the default font size on small devices */
/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
/* Increase the body font size on small devices */
html {
  font-size: 112.5%;
}

h2 {
    font-size: 30px;
    margin: 0;
}

p{
	   font-size: 14px;
}


#primary-menu-bar nav{ display: none;}

#header{ position: fixed; top:0; left:0; width:75%;
	background-color: #fff;
	z-index: 99;
	background:#fff url('images/mexican-cook-logo-mob.jpg') 50% 50% no-repeat;
	height: 52px;
	width:85%;
}

#header img{
		display: none;
}

	#block-block-12 { top: 52px; width: 50%;}

#block-responsive-navigation-1{
	position: fixed; top:0; right:0; width:25%;
	background-color: #fff;
	z-index: 99;
	height: 52px;
	display: block;
}

#nav.opened {
    background-color: #FFFFFF;
    border-radius: 0 0 0 65px;
    float: right;
    margin-right: -10px;
        top: 12px;
    padding: 0 15px 15px;
    text-align: right;
    width: 145px;
}


#block-views-home-page-block-block .views-row{ background-size:100%;} 






#nav.opened li{ margin-bottom: 5px;}

#nav.opened li a{color: #E11D18; text-decoration: none;}


.view-events-block .view-footer{ height: 24px;}


#nav.closed {
    background-color: #FFFFFF;
    border-radius: 0 0 0 65px;
    float: right;
    margin-right: -10px;
    text-align: right;
    width: 145px;
    padding: 0 15px;    top: 12px;
}

#nav.closed li{ margin-bottom: 5px;}

#nav.closed li a{color: #E11D18; text-decoration: none;}



#block-responsive-navigation-1 h2{
	display: none;
}


	#nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
    background: url("images/hamburger.gif") no-repeat scroll 50% 40% #E11D18;
    float: right;
    height: 40px;
    overflow: hidden;
    text-indent: -9999px;
    width: 30px;

}

#page {
    margin-top: 32px;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  #nav-toggle {
    background-image: url("images/hamburger-retina.gif");
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}


/* ===================================
 * Footer Content *
 * =================================== */

#block-menu-menu-footer-menu{
	width: 100%;
	background-size: contain;
	   height: 220px;
}

#block-block-1 p, #block-block-2 p {
	font-size:10px;
}


#block-block-1 {
width:100%;
}

#block-block-1 p {
    text-align: center;
    margin-top: 15px;
}

#block-block-2 {
    text-align: center;
    width: 100%;
}

#block-block-2 p {
    text-align: center;
    margin-top: 15px;
}


#footer ul.menu {
    display: none;
}

#footer ul.menu li {
    font-size: 10px;
        margin-right: 10px;

}



/* ===================================
 * END - Footer Content *
 * =================================== */

#main-content #content {
	margin-right: 0;
}


 /* =========================================================================
 ********************************** PAGES ***********************************
 * ========================================================================== */

.views-field-created, .field-name-field-intro-image {
    margin-bottom: 15px;
     font-size: 13px;
}


.region-secondary-content .block-inner{ margin: 0; width:100%;}

.region-secondary-content .block-inner p{ margin: 0;}

.page-recipes #main-content #content {
    margin-right: 0;
}

 /* ===================================
 * Similar Recipe Block && Recipes Page *
 * =================================== */


.views-exposed-widget .form-submit {
    padding: 2px 10px 1px;
    margin-top: 0px !important;
}

#views-exposed-form-recipes-page label{
	width:110px;
}

#views-exposed-form-recipes-page select {
    width: 110px;
}

.views-exposed-form .views-exposed-widget {
    float: left;
    padding: 0.5em 11px 0 0;
}

.view-recipes .view-content{ float: left; width:100%; margin: 0 auto;}

.similar-recipes {
    margin-bottom: 14px;
    margin-right: 4%;
    width: 46%;
}

.similar-recipes a {
	width: 100%;
	padding:12px 0;
	height: 250px;
}
.similar-recipes div span {
height: 115px;
}

.similar-recipes a div {
    display: block;
    float: none;
    height: 121px;
    margin: 0 auto 20px;
    width: 121px;
}
 /* ===================================
 * END - Similar Recipe Block && Recipes Page *
 * =================================== */

/* ===================================
 * Home Page *
 * =================================== */
 
 .view-home-page-banner{ height:180px;}
 
 .home-banner_bg_img a { font-size: 26px;}
 
  .home-banner_bg_img .views-field-field-food-categories .field-content{ margin-top: 11px;}
 
 .home-banner_bg_img .views-field-field-food-categories .field-content a { display: none;}

 .home-banner_bg_img{ bottom: 15px; height: auto;left: 20px; padding: 5px 20px 5px 10px;}
 
 .home-banner_bg_img .views-field-field-food-categories .field-content a:first-child { 
 margin-left: 10px;}
 
 #block-views-home-page-block-block .views-row {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 25px;
    }
    
.field-name-field-food-categories {
    display: none;
}    



/* ===================================
 * END - Home Page *
 * =================================== */
 

 /* =========================================================================
 ********************************* SIDEBAR **********************************
 * ========================================================================== */

 /* ===================================
 * Social Media Icons *
 * =================================== */ 
 
 
 #block-block-4 {
    margin: 0 auto;
    width: 254px;
}


 #block-block-4 .block-inner{ margin-left: 0; margin-right: 0;}

/* ===================================
 * END Social Media Icons *
 * =================================== */ 

/* ===================================
 * Twitter Block *
 * =================================== */


#block-views-tweets-block h2{font-size: 30px !important; text-transform: uppercase; margin-bottom: 15px;}

#block-views-tweets-block{     
background: url("images/twitter-bottom.png") no-repeat scroll center bottom transparent;
    padding: 0 0 50px;
    background-size:95%;
    width: 100%; margin: 0 auto;}

#block-views-tweets-block li{ list-style: none; font-family: 'noto sans'; font-size: 15px; margin-left: 0 !important; margin-bottom: 15px; width: 100%; float:left;
}

#block-views-tweets-block li a{color: #E11D18; text-decoration: none;}

.views-field-created-time{ width:100%; float:left; font-size: 12px;}

#block-views-tweets-block li a:hover{ text-decoration: underline;}

#block-views-tweets-block ul{ padding: 0 !important;}


/* ===================================
 * Twitter Followers Block *
 * =================================== */

.view-display-id-block_1 {
    margin: 0 auto;
    width: 100%;}

.twitter-followers div{ float:left !important; margin-left: 25px;
    margin-right: 20px; }
.twitter-followers p{ margin: 5px 0;  text-align: center;}
.twitter-followers h2{ margin: 0;}

.twitter-followers a {
    display: inline-block;
    float: left;
    font-size: 18px;
    line-height: 30px;
    margin-top: -5px !important;
    text-align: center;
    width: 135px;
}

.twitter-followers{    
	background: url("images/twitter-followers-bottom.png") no-repeat scroll center bottom transparent;
    background-size:100% !important;
	height: 70px;
	margin: 0 auto;
	margin-top: 20px;
	float: none !important;
	width: 90%;
    line-height: 30px;
    text-align: center;}
   
    
 .views-field-nothing div {
    float: right;
    font-family: 'Pompiere' !important;
    font-size: 20px;
}  
    /* ===================================
 * Instagrams Block *
 * =================================== */

#block-views-instagrams-block{
	width:100%; margin: 20px auto 0 auto;
}

.view-id-instagrams img{ width:60px; height:60px; border:none !important;}

.view-id-instagrams ul{ margin: 0 !important; padding: 0 !important;}

.view-id-instagrams li{  float: left;
    height: 60px;
    list-style: none outside none;
    margin-bottom: 10px !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
    width: 60px;}

#block-views-instagrams-block h2{ background: url(images/instragram-camera.png) 132px 2px no-repeat; font-size: 30px !important; text-transform: uppercase; margin-bottom: 15px;}

/* ===================================
 * Events Page Content *
 * =================================== */

#block-views-events-block-block {margin-top: 20px;}

#block-system-main, #block-system-main article{ margin-bottom: 0;}

.events-header{width:auto;}

#block-block-8{ display: none;}

#block-views-sidebar-category-block-block{ display: none;}

#block-block-4 p{ margin: 0 auto; width:108%}

.region-sidebar-second{ margin-top: 0;}

.events-header p {
    text-align: left;
    width: 180px;
}

/* ===================================
 * Mexican shop *
 * =================================== */

.node-type-shopping-mexican #main-content {
    margin: 0;
    width: 100% !important;
}

.node-type-shopping-mexican .field-name-body {
    display: block;
    margin: 0 auto 30px;
    padding: 0 !important;
    vertical-align: top;
    width: 96%;
}

.field-name-field-add-shop {
    background: url("images/top-panels-mex-shop.png") repeat-x scroll left top #ECE9E0;
    display: block;
    margin: 0 auto 30px;
    padding: 15px 3%;
    vertical-align: top;
    width: 90%;
}


.recent-products div.title {
    float: none;
    height: 95px;
    line-height: 95px;
    vertical-align: middle;
    }
.recent-products a {
	padding:12px 6px;
}    

.recent-products span.image {
    height: 115px;
}
.recent-products a div.title span {
    float: none;
    height: 95px;
    line-height: 1.5em;
    margin: 0 0 0 15px;
    vertical-align: middle;
    width: 138px;
}

 .side-related-recipes a{
	 width:96%;
	 margin-right: 6px;
 }
 .side-related-recipes a div span.title {
     float: none;
    height: 80px;
    margin: 20px 0;
    text-align: center;
    width: 90px;
 }
.side-related-recipes div.title-head {
    margin-left: 15px;
    width: 130px;
}

.side-related-recipes a div span.title {
    float: none;
    font-size: 30px;
    height: 60px;
    line-height: 1.3em;
    margin: 0;
    text-align: left;
    width: 140px;
}

.side-related-recipes span img {
    height: 90px !important;
    width: 90px !important;
}

.side-related-recipes div.image span {
    height: 90px;
 }
 
#block-views-recent-recipes-block h2{ 
font-size: 30px !important; text-transform: uppercase; margin-bottom: 15px;}

#block-views-ingredients-block-block {
    background: url("images/ingredient-top-bg.png") repeat-x scroll left top #ECE9E0;
    margin: 0 auto 20px auto;
    padding: 35px 0;
    width: 96%;
}

#block-views-ingredients-block-block h2 { margin-left: 25px;}

.view-ingredients-block { margin-left: 25px;}

.field-name-field-perp-cook-time, .field-name-field-amount-it-feeds {
    height: 47px;
    padding-right: 20px;
    width: 81px;
}

.node-type-recipe .field-type-text-with-summary{
	padding: 0;
}

.pullquote-quote {
  width:170px;
  margin-left: 20px;
  }
  
.field-name-field-description .field-item{ font-size: 14px;}  

.print_html {
    width: 155px;
}

.similar-recipes:hover div span.cook-time{
   left: 30px;
    top: 40px;
}

.node-type-about-pages .field-type-image {
    margin: 0 auto;
    width: 70%;
}

.recent-products {
    width: 92%;
}

.recent-products span img {
    height: 90px !important;
    width: 90px !important;
}

.recent-products span.image {
    height: 90px;
}
.recent-products a{
	width: 100%;
}

.node-type-related-products #page-title {
    font-size: 25px;
}

.node-type-related-products h3.field-label {
    margin-left: 0;
    margin-top: 5px;
    width: 100%;
    font-size: 15px;
    }

.field-name-field-where-to-buy-link {
    float: left;
    margin-bottom: 5px;
    margin-left: 0;
    width: 100%;
}

.field-name-field-product-image {
    margin: 0 auto;
    width: 70%;
    float: none;
}

.node-type-related-products span.field-label {
font-size: 15px;
}


.field-item .field-name-field-recipe-month {
    float: left;
    margin-right: 0;
    width: auto;
    margin-bottom: 10px;
}

.pullquote-container{display: inline-block;}

.field-item .field-name-field-recipe-month {
    color: #451C19;
    font-family: 'Pompiere' !important;
    font-size: 26px;
    padding: 3px 19px;
    text-align: center;
    text-transform: uppercase;
}

#block-recipe-tabs-my-block-id #recipe-tabs div {
    float: left;
    font-family: 'Pompiere' !important;
    font-size: 16px;
    height: 25px;
    margin-bottom: 15px;
    margin-right: 0px;
    padding: 34px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 29%;
}
.steps {
    background: url("images/steps.png") no-repeat scroll 68% top transparent;
    padding: 34px 0 0 !important;
    width: 29% !important;
}

.ingredients {
    background: url("images/ingredients.png") no-repeat scroll center top transparent;
}

#recipe-tabs {
	color: #E11D18;
    float: left;
    margin: 0 10%;
     width: 93%;
}




.mail a{color: #E11D18; text-decoration: none; padding: 34px 3px 0 !important; background: url("images/mail-icon.png") no-repeat scroll center top transparent;}

.mail a:hover{ text-decoration: underline; }

.closesteps, .closein{ 
	
	background: url("images/close-on.png") no-repeat scroll center top transparent;
}

.closesteps:hover, .closein:hover{ 
	background: url("images/close-off.png") no-repeat scroll center top transparent;
}

.view-home-page-block .views-field-nothing div a{ background: url(images/arrow-readmore-small-off.jpg) 100% 50% no-repeat; padding-right: 20px;}
.view-home-page-block .views-field-nothing div a:hover{ background: url(images/arrow-readmore-small-on.jpg) 100% 50% no-repeat;}

.view-events-page- .views-field-nothing a{ background: url(images/arrow-readmore-small-off.jpg) 100% 50% no-repeat; padding-right: 20px;}

.view-events-page- .views-field-nothing div a:hover{ background: url(images/arrow-readmore-small-on.jpg) 100% 50% no-repeat;}



.notes-holder {
	padding: 17px 7px 15px;
	width: 100%;
	}
	
.events-header h3 {
    font-size: 30px;
    }