/** ----------------------------------------------------------
 *
 * Contains the generic theme typography styles
 *
 *    Include your notes or table of contents here
 *
 *    Include color hex's or values of your grid
 *      #333333             - body
 *      #B80000             - links, headings
 *      #D80000             - links on hover
 *      5px Vertical grid   - based on multiples of 5px, eg 10px, 15px, 20px, 25px...
 *
 *    @author Your Name <email@gmail.com>
 *
 * ------------------------------------------------------- */

/* TEMPLATE CUSTOM FONTS */
  /* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 20, 2012 06:04:25 AM America/New_York */

  /* add your own custom fonts here */

/* redundant styles from skeleton class to make editor render more closely to website display */  
html {
  font-size: 62.5%; 
}

body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222; 
}

/* redundant styles end */
  
.typography {
  font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;/* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
.typography img {
  max-width:100%;
  height:auto;
}
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
  margin-top: 0;
  font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;

  }
  
.typography h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
.typography h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
.typography h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
.typography h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
.typography h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
.typography h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

.typography p {
	margin-top: 0;
	font-size: 1.9rem;
	clear:both;
	
 }

.typography h1 {
	display: block;
	background-image: url(template/images/ribbon-headin.png);
	font-size: 2.9rem;
	font-weight: 700;
	color: #FFFFFF;
	min-width: 306px;
	line-height: 107px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	text-align: center;
}
.typography h3 {
	font-size: 2.4rem;
	line-height: 1.35;
	letter-spacing: -.08rem;
	margin:0px;
	clear:both;
}
.typography h1 {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	margin-top:26px;
	clear:both;
}
.typography .centerbox h1 {
	float:none;
	text-align:center;
	max-width: 306px;
	margin:auto;
	

}
.typography h3 {
	clear:both;
}

.typography .pizza-size td {
  padding: 5px 5px;
  text-align: center;
  border-bottom: 0px solid #E1E1E1;}

.typography .pizza-size td {  
   padding: 0px;
   
   }

.typography .pizza-size td img{  
   padding-right:5px;
   padding-left:5px;
  
  border-bottom:0px;  
 }
.typography table {  
   clear:both; 
     float:none;  
 }
.typography .pizza-size  {
  float:left;
  clear:right;
  text-align:center;
  } 
  
   
.typography .centerbox {
 text-align:center;
 display:block;
 clear:both;
 float:none;
 
  } 
  .typography .entrees h5 {
 margin:0px;
 padding:0px;
 font-size: 2.4rem;
 
  }  

.typography .centerbox p {
line-height:2rem;

  } 
.typography .centerbox h2 {
 text-align:center;
 display:block;
 padding:0px;
 margin:0px;
 color: #207730;
 
  } 
 .typography .green {

 color: #207730;
 
  } 
.typography .toppings td {
 text-align: center;
  border-bottom: 0px solid #E1E1E1;
}
/*

*/


/* Grid
末末末末末末末末末末末末末末末末末末末末末末末末末 */

.masthead {
	padding: 10px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #FFFFFF;
	background-color: #FFFFFF;
	margin-bottom: 15px;
}
.content-panel {
	padding: 10px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #FFFFFF;
	background-color: #FFFFFF;
	margin-top: 15px;
}
.shadow {
	-webkit-box-shadow: 10px 10px 14px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 14px -10px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 14px -10px rgba(0,0,0,0.75);
}
.redbox {
	background-color: #D2232A;
	padding: 45px;
	margin-bottom: 15px;
}
.logo img {
	max-width: 100%;
}
.branding img {
	max-width: 100%
}
.branding {
	padding-top: 15px;
	padding-bottom: 15px;
}
.greenbox {
	background-color: #207730;
	padding: 15px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 15px;
}
.greenbox h3 {
	font-size: 2.7rem;
	line-height: 2.2rem;
	display: block;
	font-weight: 700;
	text-align: center;
	color: #FFFFFF;
	margin: 0px;
	padding-bottom: 5px;
	font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
}
.greenbox h4 {
	font-size: 2.0rem;
	line-height: 2.6rem;
	display: block;
	font-weight: 500;
	text-align: center;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;

}
.name-banner h4 {
	font-size: 2.6rem;
	line-height: 1.95rem;
	display: block;
	font-weight: 700;
	text-align: center;
	color: #207730;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 5px;
	font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
}
.phone-number {
	text-align: center;
}





.content-panel.shadow.typography div .25box {
}


  
/* Media Queries
末末末末末末末末末末末末末末末末末末末末末末末末末 */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {
.typography h1 {

	font-size: 2.5rem;

	min-width: 306px;

}
}
/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
.typography h1 {
	
	font-size: 2.5rem;
	
	min-width: 406px;

	
}
}
/* Larger than tablet */
@media (min-width: 750px) {
.typography h1 {
	
	font-size: 2.5rem;
	
	min-width: 406px;
	
	
}
}
/* Larger than desktop */
@media (min-width: 1000px) {
.typography h1 {
	
	font-size: 2.5rem;
	
	min-width: 406px;
	
	
}
}
/* Larger than Desktop HD */
@media (min-width: 1200px) {
.typography h1 {
	
	font-size: 2.5rem;
	
	min-width: 406px;

	
}
}