@charset "utf-8";
/* CSS Document */

body {	background-color: #000;  color:#FFF; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; }

/************************************
	Main Layout Elements
************************************/	
a.RetLogo img { width: 251px; height: auto; resize: both;}
a { color: #FFF; }

/************************************
	Navigation & Ordering Buttons
************************************/
.CTA-prime { margin: 0px; transition: background-color 0.5s ease; background-color: rgba(0,0,0,0.5); color: #FFF; font-size: 0.9em; font-family: 'Roboto Slab', serif; text-transform: uppercase; }
.CTA-prime:hover { background-color: #70B446; box-shadow: -3px 3px 0px rgba(0,0,0,0.3); }
.CTA-second { background-color: transparent; min-width: 120px; margin: 5px; font-weight: normal; font-size: 1.4em; color: #FFF; }
.CTA-second:hover { color: #FDC909; }
.CTA-form { background-color: #DA001B; padding: 7px 25px; font-family: 'Roboto Condensed'; font-weight: bold; text-transform: uppercase; font-size: 1.6em;}
.CTA-form:hover { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background-color: #70B446;  }

/************************************
	Individual Row Styling
************************************/
#Header { background-color: #000; height: 620px; background: url(../images/img_pedros-slide-1.jpg) no-repeat center bottom fixed; 
	-webkit-background-size: cover ; -moz-background-size: cover; -o-background-size: cover; background-size: cover ; }
.taste-img img { position: absolute; top: 500px; display: block; }

#Locations{ background-color: #000;}
#AboutUs{ background-color: #70B446; background-image: url(../images/img_border-black-repeat.png); background-position: top; background-repeat: repeat-x; }
#ContactUs-Multiple{ background-color: #000;}
#Employment{ background-color: #70B446;}
#Franchise { background-color: #000; background-image: url(../images/img_border-green-repeat.png); background-position: top; background-repeat: repeat-x;   }
.FranchiseSection { background-color: #000; background: url(../images/img_pedros-pizza-store-front.jpg) no-repeat ; 
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.border-bottom-black { border-style: solid; border-width: 0px 0px 7px;
	-moz-border-image: url(../images/img_border-black.png) 0 0 7 repeat;
	-webkit-border-image: url(../images/img_border-black.png) 0 0 7 repeat;
	-o-border-image: url(../images/img_border-black.png) 0 0 7 repeat;
	border-image: url(../images/img_border-black.png) 0 0 7 fill repeat; }

.border-bottom-green { border-style: solid; border-width: 0px 0px 7px;
	-moz-border-image: url(../images/img_border-green.png) 0 0 7 repeat;
	-webkit-border-image: url(../images/img_border-green.png) 0 0 7 repeat;
	-o-border-image: url(../images/img_border-green.png) 0 0 7 repeat;
	border-image: url(../images/img_border-green.png) 0 0 7 fill repeat; }

.border-top-black { border-style: solid; border-width: 7px 0px 0px;
	-moz-border-image: url(img_border-black-transparent.png) 7 0 0 repeat;
	-webkit-border-image: url(img_border-black-transparent.png) 7 0 0 repeat;
	-o-border-image: url(img_border-black-transparent.png) 7 0 0 repeat;
	border-image: url(img_border-black-transparent.png) 7 0 0 fill repeat; }



/************************************
	Font Styling
************************************/
h1 { font-size: 3em; margin-bottom: 20px; font-family: 'Roboto Slab', serif; text-transform: uppercase; font-weight: normal; line-height: 1.1em; }
h2 { font-size: 2em; font-family: 'Roboto Slab', serif; text-transform: uppercase; color: #000; font-weight: 700; line-height: 1.1em; }
h2 span { font-weight: 300; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.3em; }
h6 { font-size: 1.2em; }
.yellow-link { color: #FDC909; text-decoration: underline; }
.white-link { text-decoration: underline; }

/************************************
	Location items
************************************/
.StoreContainer { background: #000; }
.StoreContainer iframe{ height: 160px; }
.rounded { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/************************************
	About Us items
************************************/
.delivery-car-top img { position: absolute; display: block; bottom: 0px; z-index: 400; right: 10%;}
.delivery-car-bottom img { position: absolute; display: block; top: 0px; z-index: 400; right: 10%;}
.delivery-car-bottom { margin-bottom: 60px; }