/*
 *   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: 90%;
}


 /***************************************************************************** 
=============================================================================
 *   Custom Styles -- Tablet Portrait 
=============================================================================
******************************************************************************/

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

 p { 
	font-size: 14px;
}

.region-secondary-content{ width:100%;}

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

#main-content #content {
    width: 100%;
}

h1, h2, h3 { 
	 font-size: 50px;
	 margin: 5px 0;
}

.sidebar-second .content-inner {
    margin-left: 0;
   /* margin-right: 30%;*/
}

.one-sidebar .sidebar {
    width: 35%;
}

#content-column, .content-column {
    float: left;
    width: 65% !important;
}

.page-recipes #content-column, .page-recipes .content-column{
	width:100% !important;
}

.page-node-16 #content-column, .page-node-16 .content-column{
	width:100% !important;
}

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

.region-sidebar-second h2{font-size: 30px !important; text-transform: uppercase; margin-bottom: 15px;}    


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

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

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

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

#footer .region-inner {
    margin: 0 auto;
    width: 100%;
}

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

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

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

	.home-banner_bg_img{
    bottom: 20px;
    left: 20px;
    padding: 10px;
	}
	
.field-type-text-with-summary{ padding: 0 10px;}	


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

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

 .views-field-created, .field-name-field-intro-image {
    margin-bottom: 20px;
}	

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

/* ===================================
 * Similar Recipe Block && Recipes Page *
 * =================================== */
 
 .page-recipes #main-content #content {
    width: 100%;
}
.similar-recipes a {
margin-right: 14px;

}
.view-similar-recipes .similar-recipes a{
width: 128px;
margin-right: 10px;
padding: 12px 5px;
}

.view-recipes .view-content{ margin-left: 15px;}

/* ===================================
 * Similar Recipe Block
 * =================================== */
 
 
.view-similar-recipes .similar-recipes:hover div span.cook-time{
    left: 30px;
    top: 40px;
}

 
.view-similar-recipes  .similar-recipes div img
{
    height: 120px;
    width: 120px;
    }

.similar-recipes div img
{
    height: 134px;
    width: 134px;
    }    
    
.view-similar-recipes  .similar-recipes a div {
 width: auto;
 }    
 
.view-similar-recipes .similar-recipes div span {
    height: 120px;
    }
    
/* ===================================
 * END - Similar Recipe Block
 * =================================== */    

/* ===================================
 * END - Similar Recipe Block && Recipes Page *
 * =================================== */
 
 /* ===================================
 * About Page Content *
 * =================================== */
 
 .node-type-about-pages .field-type-image {
 margin-bottom: 20px;
 }

/* ===================================
 * END - About Page Content *
 * =================================== */
 
 /* ===================================
 * Mexican Shop Page Content *
 * =================================== */
 
 .field-name-field-add-shop {
 width: 285px;
 margin-right: 20px;
 padding: 0 20px;
 }
 
 .node-type-shopping-mexican .field-name-body {
    margin-right: 20px;
    width: 325px;
    }
    
  .page-node-16 .node-content {
    padding-left: 25px;
}

   .recent-products div.image-out{
    height: 96px;
}
 
 .recent-products div.title {
    font-size: 21px;
    height: 96px;
    line-height: 96px;
    width: 75px;
}

 /* ===================================
 * Related Products *
 * =================================== */
 
  #block-views-recently-added-products-block .block-title{    
    margin-left: 25px;
     } 
   
   .recent-product-list{
	  margin-left: 20px; 
   }  
   
   .view-related-products .recent-product-list{
	  margin-left: 0; 
   } 
   
   .recent-products a {
   width:192px;
   }
   .recent-products span img
   {
    height: 90px;
    width: 90px;  
    }
    
    .recent-products span.image{    
    height: 90px;
    }
     
   /* ===================================
 * End - Related Products *
 * =================================== */ 
 
 /* ===================================
  * END - Mexican Shop Page Content *
  * =================================== */
 
 /* ===================================
 * Products Page *
 * =================================== */
 
  .field-name-field-where-to-buy-link {
 width:46%;
 }
 
 .node-type-related-products h3.field-label {
    font-size: 18px;
    }
 
/* ===================================
 * End - Products Page *
 * =================================== */
 
 /* =========================================================================
 ******************************** END PAGES *********************************
 * ========================================================================== */

 /* =========================================================================
 ********************************* SIDEBAR **********************************
 * ========================================================================== */
 
  /* ===================================
 * Related Products *
 * =================================== */
  
.side-related-recipes a{
	width: 212px;
	}

.side-related-recipes div.image {
    width: 96px;
    height: 96px;
}

.side-related-recipes div.title-head {
    height: auto;
    line-height: 95px;
     font-size: 24px;
     height:98px;
}

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

.side-related-recipes span img
{
    height: 90px;
    width: 90px;
    
    }
.side-related-recipes div.image span{    
	height: 90px;
	}

 /* ===================================
 * End - Related Products *
 * =================================== */
 
   /* ===================================
 * Category Block *
 * =================================== */
 
 #block-views-sidebar-category-block-block span.field-content a {
 font-size: 14px;
 }
 
/* ===================================
 * End - Category Block *
 * =================================== */
 
  /* ===================================
 * Ingredients Block Content *
 * =================================== */

#block-views-ingredients-block-block{ width:196px;}

.field-name-field-perp-cook-time, .field-name-field-amount-it-feeds {
 	padding: 0 10px 30px 20px;
    width: 80px;

    }
    
 .field-name-field-notes {
width: 100%;
 }

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


 
  /* =========================================================================
 ******************************* END SIDEBAR *********************************
 * ========================================================================== */
 
 
 
 
 /* ===================================
 * Twitter Followers Block *
 * =================================== */

.twitter-followers div{ 
	margin-left: auto;
    margin-right: auto;
    width: 160px;
    display: inline-block;
    float: none;
 }
 
.twitter-followers p{ margin: 0 0 0 10px;  text-align: center; font-size: 18px; float: left;}
.twitter-followers h2{ margin: 0; font-size: 38px !important; float: left;}

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

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

 /* ===================================
 * END - Twitter Followers Block *
 * =================================== */

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

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

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

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

#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{ 
	margin-bottom: 0;
    margin-top: 30px;
    text-transform: uppercase;}

#block-views-tweets-block{     
background: url("images/twitter-bottom.png") no-repeat scroll left bottom transparent;
background-size: contain;
    padding: 0 0 30px;
    width: 96%;
    margin: 20px 0}

#block-views-tweets-block li{ list-style: none; font-family: 'noto sans'; font-size: 13px; 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;}

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

.events-header{width:92%;}

.view-id-events_block .events-header p{	text-align: left;
    width: 146px;} 
/* ===================================
 * Home Page Content *
 * =================================== */    
    
   .view-home-page-block h2 {
    margin-top: 30px;
} 

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

#block-views-home-page-block-block .views-row{
	display: inline-block;
	width:455px;
}


 

 
 
 /* ===================================
 * Recipe Steps *
 * =================================== */
.node-type-recipe .field-type-text-with-summary {
	width:95%;
	padding: 0;
	}

.pullquote-quote {
margin: 0.3em 0.1em 0.1em 0.7em;
width: 200px;
}

.field-name-field-steps {
    font-size: 14px;
   width: 95%;
}


.view-ingredients-block h3{
 font-size: 21px;
    margin-bottom: 26px;}
    
    #recipe-tabs{ display: none;}
    
   .events-header h3 { font-size: 38px;} 
   
.view-home-page-banner .FeaturedBadge { display: block; width: 100%; height: 100%; position: absolute; text-indent: -1000px; }
.view-home-page-banner .FeaturedBadge.Badge-Recipe-Of-The-Month { background:url('/sites/all/themes/at_mexican/css/images/badge-recipeofthemonth.png') no-repeat 98% 0 transparent; background-size: 25%; }
.view-home-page-banner .FeaturedBadge.Badge-By-Popular-Request {  background:url('/sites/all/themes/at_mexican/css/images/badge-bypopularrequest.png') no-repeat  98% 0 transparent; background-size: 25%; }
.view-home-page-banner .FeaturedBadge.Badge-Speciality {  background:url('/sites/all/themes/at_mexican/css/images/badge-speciality.png') no-repeat 98% 0 transparent; background-size: 25%; }