/*
 *   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.
 */
 
 /***************************************************************************** 
=============================================================================
 *   Custom Styles -- Desktop 
=============================================================================
******************************************************************************/

/* ===================================
 * Over all *
 * =================================== */
 
 #page {
    width: 100%;
}

#main-content #content{ width:520px;}

#header, #primary-menu-bar, .region-footer, .region-secondary-content{ 
	width:1100px; margin-left: auto; margin-right: auto;
}

#footer{
	width:100%;
}

#columns{
	width:880px; margin-left: auto; margin-right: auto;
}	



h1, h2, h3 { 
	font-size: 48px;
}

 p { 
	font-size: 16px;
}

.form-item label { 
  font-size: 32px; 
}

.form-item label.option{
	font-size: 16px;
}

.item-list ul li, .item-list ol li, {
	margin-bottom: 5px;
}

/* These will be one of the most important things that change */

#main-content {
    width: 555px !important;
}

.region-sidebar-second {
    margin-left: -305px;
    width: 305px;
}

/* ===================================
 * END 1 *
 * =================================== */

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

/* ===================================
 * Navigation *
 * =================================== */

#primary-menu-bar { margin-top:40px; }

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

#footer .region-inner {
    margin: 0 auto;
    width: 1100px;
}

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


/* ===================================
 * Home Page Banner *
 * =================================== */

.view-home-page-banner{ 
	height:470px; 
}

.home-banner_bg_img{
	padding:25px;  bottom: 25px; left:85px; 
	}


.home-banner_bg_img .views-field-title{ 
	font-size: 56px;
	}

.home-banner_bg_img .views-field-field-food-categories{ 
	font-size: 30px;   margin: 28px 0 0 20px;
	}

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

/* ==========================================================================
 * Home Page *
 * ========================================================================== */

/* ===================================
 * Home Page Content *
 * =================================== */
#block-views-home-page-block-block .views-row{
	display: inline-block;}
	
.view-home-page-block h2 {
    margin-bottom: 0;
}

.field-type-text-with-summary{ padding: 0 35px; margin-bottom: 35px;}

.field-name-field-food-categories li a{
	padding: 6px 2px 7px;
	}	

.safari	.field-name-field-food-categories li a{
	padding: 7px 2px 7px;
	}	

	
#block-views-home-page-block-block .views-row{
	padding-bottom: 35px;
}	
/* ===================================
 * END - Home Page Content *
 * =================================== */		

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

.page-recipes #main-content #content {
    margin-right: 0 !important;
    width: 940px !important;
}

 .similar-recipes a {
margin-right: 10px;
}



/* ===================================
 * Similar Recipe Block
 * =================================== */
.similar-recipes div img
{
    height: 134px;
    width: 134px;
    }
    
.similar-recipes a div{
	width:100%; 
	}    

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



    
/* ===================================
 * END - Similar Recipe Block
 * =================================== */    

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

/* ===================================
 * Mexican Shop Page Content *
 * =================================== */
 
  .field-name-field-add-shop {
 width: 315px;
 margin-right: 40px;
 padding: 0 30px;
 }
 
 .node-type-shopping-mexican .field-name-body {
    margin-right: 40px;
    width: 375px;
    }
 

	}
 /* ===================================
 * Related Products *
 * =================================== */
 
  #block-views-recently-added-products-block .block-title{    
    margin-left: 15px;
     } 
     
.recent-products span img
{
    height: 134px;
    width: 134px;
    
    }
      .page-node-16 .node-content {
    padding-left: 40px;
}   
.recent-products a{
	width: 248px;
}
.recent-products span.image{    
    height: 134px;
    }
    
    .recent-products div.image-out{
    height: 140px;
}

.recent-products div.title{
	line-height: 134px;
	height:134px;
    width: 90px;
}
     
   /* ===================================
 * End - Related Products *
 * =================================== */ 
 
 
 
 /* ===================================
  * END - Mexican Shop Page Content *
  * =================================== */

/* ===================================
 * Products Page *
 * =================================== */
 .field-name-field-where-to-buy-link {
 width:50%;
 }
 
  .node-type-related-products h3.field-label {
   font-size:22px;
    }
/* ===================================
 * End - Products Page *
 * =================================== */

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

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

 /* ===================================
 * Related Products *
 * =================================== */
  
.side-related-recipes a{
	width:100%; 
	}
	

.side-related-recipes a div span.title
{    width: 120px;
line-height: 43px;}	

.side-related-recipes span img
{
    height: 134px;
    width: 134px;
    }
    
.side-related-recipes div.image span{    
    height: 134px;    
   }
 .side-related-recipes div.image {  
   height: 140px;
   }
  
 .side-related-recipes div.title-head{
	line-height: 134px;
	height:134px;
	} 

 /* ===================================
 * End - Related Products *
 * =================================== */

 /* ===================================
 * Ingredients Block Content *
 * =================================== */


.field-name-field-amount-it-feeds {
 	    padding: 0 5px 30px 50px;
 	    width: auto;}

.field-name-field-perp-cook-time{
 	width:auto; 
 	padding: 0 15px 30px 45px;
}


.field-name-field-notes{
    width: 220px;}

 /* ===================================
 * END - Ingredients Block Content *
 * =================================== */
 


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

/* ==========================================================================
 * Recipe List Page *
 * ========================================================================== */

/* ===================================
 * Recipe List Page Content *
 * =================================== */
 



/* ===================================
 * END 5 *
 * =================================== */

/* ==========================================================================
 * End Recipe List Page *
 * ========================================================================== */


/* ==============================================================================
 * Recipe Page
 * ============================================================================== */ 

.node-type-recipe #columns {
    margin-left: auto;
    margin-right: auto;
    padding: 0 140px 0 70px;
    width: 890px;
}

/* ===================================
 * Recipe Page Banner *
 * =================================== */

.banner_bg_img{ margin-top: 25px;}

/* ===================================
 * END 7 *
 * =================================== */

/* ===================================
 * Recipe Steps *
 * =================================== */
.node-type-recipe .field-type-text-with-summary {
	width:490px;
	}
.pullquote-quote {
margin: 0.3em -1em 0.1em 1em;
  width: 232px;
  }

.field-name-field-steps {   width: 490px; font-size: 16px;}

/* ===================================
 * END 8 *
 * =================================== */
 
/* ===================================
 * Ingredients Block Content *
 * =================================== */



/* ===================================
 * END 9 *
 * =================================== */


 
 /* ==============================================================================
 * Events Page & Block
 * ============================================================================== */ 

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

.events-header{width:100%; } 
 
/* ==============================================================================
 * About Page 
 * ============================================================================== */ 






/* ===================================
 * Recently added products block *
 * =================================== */


/*.view-recently-added-products .views-row a img{border-radius: 100px; float: left;}
.view-recently-added-products .views-row a div{    
	float: left;
    font-size: 28px;
    margin-left: 10px;
    width: 120px;}
   
  
*/
/* ===================================
 * END 14 *
 * =================================== */
 
 /* ===================================
 * Recently added product Page *
 * =================================== */




 /* ===================================
 * Recently added Recipe Block *
 * =================================== */
 
/* .recent-recipe .field-content a{
	padding: 12px;
	border:2px solid #f0eee8;
	border-radius: 10px; 
	float: left; 
	margin: 5px 0;
	width: 100%;
	  position:relative;
	  display:inline-block;
}

.recent-recipe .field-content a img{border-radius: 100px; float: left;}
.recent-recipe .field-content a div {
    float: left;
    font-size: 18px;
    margin-bottom: 0;
    margin-left: 15px;
    margin-right: 0;
    width: 147px;
    font-family: 'nato' !important;
    height:115px;
    line-height: 115px;
    }
.recent-recipe .field-content a div span
{display: inline-block;
  vertical-align: middle;
  line-height: 21px;
  float:none;
  margin: 0;}
*/
#block-views-recent-recipes-block .block-title{
	font-family: 'Pompiere';
    font-size: 30px;
    text-transform:uppercase;
}


 /* ===================================
 * END 16 *
 * =================================== */




 /* ===================================
 * END 18 *
 * =================================== */
 
  /* ===================================
 * Taxonomy Page *
 * =================================== */
 .view-taxonomy-term .view-header p{ display: none;}
 
 .category-tag h1 a{color: #E11D18; text-decoration: none;}
 
 .category-tag h1 a:hover{ text-decoration: underline;}
 
 .category-tag .node-readmore{
 float: right;
 
 	color: #451C18;
    font-family: 'Pompiere' !important;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 24px;
    vertical-align: middle;
    }
    .category-tag .node-readmore a:hover {color: #E11D18 !important; }
 .category-tag .node-readmore a{
	 text-decoration: none;
	 display: block;
	 float: left;
 }  

    .category-tag .node-readmore:hover{color: #E11D18 !important; }

 
/* .category-tag .node-readmore a:after
{
content:" >";
} */ 

.category-tag{ margin-bottom: 60px;}
 
  .category-tag .node-readmore a:hover{}
  
 /* ===================================
 * END 19 *
 * =================================== */
 


/* ===================================
 * Recipe of the month *
 * =================================== */

.field-name-field-recipe-month .field-item
{ 
text-transform: uppercase; color: #451c19; font-size: 28px;
font-family: 'Pompiere' !important;
padding: 3px 19px;
text-align: center;
}
.field-name-field-recipe-month .field-items{
	background: url(images/recipe-of-the-month.png) center center no-repeat;
	 width: 245px;
}

/* ===================================
 * End 22 *
 * =================================== */


/* ===================================
 * Instagrams Block *
 * =================================== */

.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;}



/* ===================================
 * 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 left bottom transparent;
    padding: 0 0 50px;
    width: 102%;}

#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 *
 * =================================== */

.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: 310px;
    line-height: 30px;
    text-align: center;}
    
#recipe-tabs{ display: none;}    
