/*
 *   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: 35px;
    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;
}


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

.twitter-followers { background-size:100%;}

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

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

#footer ul.menu li {
    font-size: 12px;
    margin-right: 13px;
    right:52%;
}

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

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

#block-block-2{
	width: 140px;
}
/* ===================================
 * END - Footer Content *
 * =================================== */

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


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




.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: 41px !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: 280px;
}
.similar-recipes div span, .similar-recipes div img  {
height: 117px;
}


.similar-recipes a div {
    display: block;
    float: none;
    height: 121px;
    margin: 0 auto 20px;
    width: 121px;
}

.notes-holder {
	width: 103%;
}
 /* ===================================
 * END - Similar Recipe Block && Recipes Page *
 * =================================== */

/* ===================================
 * Home Page *
 * =================================== */
 
 .view-home-page-banner{ height:180px;}
 
 .home-banner_bg_img a { font-size: 30px;}
 
  .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 { font-size: 21px !important;}

 .home-banner_bg_img{ bottom: 15px; height: auto;left: 20px; padding: 5px;}
 
 .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 20px auto;
    width: 284px;
}

/* ===================================
 * 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:100%;
    padding-bottom: 65px;
    width: 440px; 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{width: 310px; margin: 0 auto;}

.twitter-followers div{ float:left; margin-left: 30px;
    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: 23px;
    line-height: 30px;
    margin-top: -5px !important;
    text-align: center;
    width: 170px;}

.twitter-followers{    
	background: url("images/twitter-followers-bottom.png") no-repeat scroll center bottom transparent;
    float: left !important;
    margin-left: -8px;
    padding: 0;
    width: 100%;
    line-height: 30px;
    text-align: center;}
    
    
    /* ===================================
 * Instagrams Block *
 * =================================== */

#block-views-instagrams-block{
	width:440px; 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;}

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

/* ===================================
 * 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;
    }
.recent-products a {
	padding:12px 6px;
}    

.recent-products span.image {
    height: 115px;
}

.recent-products a div.title span {
    float: none;
    height: 80px;
    margin: 20px 0;
    text-align: center;
    width: 90px;
}

 .side-related-recipes a{
	 width:120px;
	 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: 0;
    width: 120px;
}

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

.side-related-recipes div.image span {
    height: 115px;
 }
 
#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;
}

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

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

.field-name-field-recipe-month{
    font-size: 23px;
    }


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

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

.print_html {
    width: 155px;
}

#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;
}
.similar-recipes a span.title-recipe {
 padding: 0 5%; 
 width: 90%;

}