/*   
Theme Name: Pie Five
Theme URI: 
Description: 
Author: Roger Johnston
Author URI: http://www.rogerjohnston.com
Version: 1.0

********************************************************************************************************************

	Table of Contents:

	 0.	Global
	 1. Grid
	 2.	Hyperlinks		
	 3.	Headings
	 4.	Header
	 5.	Navigation
	 6.	Page Templates
	 7. Homepage
	 8. Slider
	 9. Content
	10. Menu Page
	11. Location Page
	12. Individual Location Page
	13. Circle of Crust Page
	14. Footer
	15. Accordian
	16. Form Styles
	17. Buttons
	18. Gift Cards Page
	19. Franchising Page
	  
*******************************************************************************************************************/


body {
	color: #FFFFFF;
	color: rgb(255, 255, 255);
	background-image: url(images/red-bg.jpg);
	background-repeat:repeat;
	font-size: .85em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
	overflow-x:hidden;
	}


/************************************************
*	0.	Global									*
************************************************/

p {
	padding: 8px 0px;
	margin: 0px;
	}
p:empty {
	display: none;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}	
hr {
	border: 0;
	width: 100%;
	height: 3px;
	background:#000000;
	margin: 6px 0px 8px 0px;
	padding: 0px;
	}
ol, ul {
	list-style: none;
	margin: 6px 0px;
	padding: 0px 0px 0px 12px;
	}
ol li {
	list-style: inside;
	list-style-type: decimal;
	margin: 6px 0px;
	padding: 0px 0px 0px 12px;
	}
ul li {
    list-style: inside;
    list-style-type: square;
    margin: 6px 0px;
	padding: 0px 0px 0px 12px;
	}
ul ol li, ul ol ul ol li {
    list-style-type: decimal;
	}
ol ul li, ol ul ol ul li {
    list-style-type: square;
	}
blockquote {
	color: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.8em;
	font-weight:normal;
	line-height: 1.4;
	margin: 20px 0px;
	padding: 20px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	}
blockquote p {
	margin: 0px;
	padding: 0px;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
code, pre {
	color: #FFFFFF;
	background: #000000;
	font-family: Courier, Verdana, Tahoma, Verdana;
	font-size: 13px;
	line-height: 1.4;
	margin: 12px 0px;
	padding: 6px 8px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
code {
	display: inline;
	white-space: normal;
	}
pre {
	display: block;
	}
pre code {
	padding: 0px;
	border: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	}
img {
	-ms-interpolation-mode: bicubic;
	}
img, object, embed {
	height: auto;
	max-width: 100%;
	margin: 0px auto 0px;
	}
img.round {
	padding:2px;
	border: 2px dotted #000000;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
.clear {
	clear: both;
	}
.hidden {
	display: none;
	}
.text-left { 
	text-align: left; 
	}
.text-right { 
	text-align: right; 
	}
.text-center { 
	text-align: center; 
	}
.align-center {
	float: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}
.alignleft {
	float: left;
	padding:20px;
	}
.alignright {
	float: right;
	padding:20px;
	}
.small {
	font-size:.65em;
	}
.block { display:block;}	
.line-single {
	display:block;
	background-image:url(images/hr-line-bg.png);
	height:6px;
	}
.line-double-red {
	display:block;
	background-image:url(images/lines-double-horizontal-red.png);
	height:12px;
	}
.line-double-black {
	display:block;
	background-image:url(images/lines-double-horizontal-black.png);
	height:12px;
	}	
.red {
	color:#ed1c24;
	}	
.blk {
	color:#000000;
	}	
.white {
	color:#FFFFFF;
	}
.rotate-five {
	transform:rotate(5deg);
	-ms-transform:rotate(5deg); /* IE 9 */
	-webkit-transform:rotate(5deg); /* Opera, Chrome, and Safari */
	}	
.rotate-neg-five {
	transform:rotate(-5deg) !important;
	-ms-transform:rotate(-5deg) !important; /* IE 9 */
	-webkit-transform:rotate(-5deg) !important; /* Opera, Chrome, and Safari */
	}


/************************************************
*	1.	Grid								*
************************************************/


#wrapper {
	margin: 0px; 
	padding: 0px;
	}

.container {
	margin: 0px auto 0px; padding: 0px;
	overflow:hidden;
	/*border-top: solid 5px #d71921;*/
	}

.row { 
	width: auto; 
	max-width: 1100px;
	margin: 0 auto; 
	padding-left: 24px;
	padding-right: 24px;	
	}
	
.row .row { 
	min-width: 0;
	padding:0; 
	}
	
.column, .columns { 
	float: left; 
	min-height: 1px; 
	position: relative;
	z-index:99;
	}
	
[class*="column"] + [class*="column"]:last-child { 
	float: right; 
	}

.row .single 	{ width: 100%; }
.row .half 		{ width: 49.9%; }
.row .third 	{ width: 33.3%; }
.row .fourth 	{ width: 25%; }
.row .fith		{ width: 20%; }
.row .sixth 	{ width: 16.6%; }

.row .one 		{ width: 6.25%; }
.row .two 		{ width: 12.5%; }
.row .three 	{ width: 18.75%; }
.row .four 		{ width: 25%; }
.row .five 		{ width: 31.25%; }
.row .six 		{ width: 37.5%; }
.row .seven 	{ width: 43.75%; }
.row .eight 	{ width: 50%; }
.row .nine 		{ width: 56.25%; }
.row .ten 		{ width: 62.5%; }
.row .eleven 	{ width: 68.75%; }
.row .twelve 	{ width: 75%; }
.row .thirteen 	{ width: 81.25%; }
.row .fourteen 	{ width: 87.5%; }
.row .fifteen 	{ width: 93.75%; }
.row .sixteen 	{ width: 100%; }

.row .center {
	float: none; 
	margin: 0 auto; 
	}
	
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }


/************************************************
*	2.	Hyperlinks								*
************************************************/

a img {
	border: none;
	}
	
a, a:link {
	color: #FFF;
	text-decoration: none;
	}
	
a:focus, a:hover, a:active {
	color: #FFF;
	text-decoration: underline;
	}


/************************************************
*	3.	Headings  								*
************************************************/

h1 {
	font-size: 5.0em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform:lowercase;
	line-height: normal;
	letter-spacing: -0.8px;
	margin: 20px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	}
	
h2 {
	font-size: 4.5em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color:#000000;
	text-transform:lowercase;
	line-height: 1.4;
	letter-spacing: -0.6px;
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	}
	
h3 {
	font-size: 3.5em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color:#000000;
	text-transform:lowercase;
	line-height: 1.4;
	letter-spacing: -0.4px;
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	}
	
h4 {
	font-size: 3em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.2;
	text-transform:lowercase;
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	}
	
h5 {
	font-size: 2.5em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.4;
	text-transform:lowercase;
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	}
	
h6 {
	font-size: 2em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.2px;
	margin: 4px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	}
	
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
	border: none;
	}
	
h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: none;
	border: none;
	}
	
h1:after, h2:after {
	content:url(images/heading-arrow-left-lg-black.png);
	margin-left:15px;
	}

h2 span {
	font-size:.2em;
	text-transform:none;
	letter-spacing:normal;
	}

h3:before {
	content:url(images/heading-arrow-right-sm-black.png);
	margin-right:10px;
	}
	
.headline {
	font-size: 3em;
	font-weight: 200;
	text-transform: uppercase;
	line-height: 1.2;
	letter-spacing: -1.4px;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	}
	
.headline.small {
	font-size: 2.4em;
	letter-spacing: -0.4px;
	}
	
.headline.archive-headline {
	margin-bottom: 0px;
	}
	
.title {
	font-size: 1.2em;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 1.3;
	margin: 0px;
	padding: 0px;
	}

@media handheld, only screen and (max-width: 767px) {
	
	h1 { font-size:4em;}
	h2 { font-size:3.5em;}
	h3 { font-size:2.5em}
	h4 { font-size:2em}
	h5 { font-size:1.75em}
	h6 { font-size:1.5em;}
	
}

/************************************************
*	4.	Header								*
************************************************/

#header-wrapper {
	padding:25px 0 0;
	position:relative;
	text-align:left;
	width:100%;
	}

#site-header {
	margin:0 auto;
	max-width:1200px;
	border-color:#000;
	border-style:solid;
	-moz-border-image:url("images/bg-header.png") 25 30 10 30 stretch;
	-webkit-border-image:url("images/bg-header.png") 25 30 10 30 stretch;
	-ms-border-image: url("images/bg-header.png") 25 30 10 30 stretch; /* Internet Explorer */
	-o-border-image: url("images/bg-header.png") 25 30 10 30 stretch; /* Opera */
	border-image:url("images/bg-header.png") 25 30 10 30 stretch;
	border-width:10px 20px;
	z-index:99;
	position:relative;
	}

#site-header .row {
	background:#000;
	}

.header-container {
	background:#000;
	padding:10px 20px;
	}

.logo-container {
	line-height:normal;
	}

@media handheld, only screen and (max-width: 767px) {
	
	#header-wrapper {
		margin:0; 
		padding:0; 
		position:relative;
		}
	
	#site-header {
		width:100%;
		border-image:url("images/bg-header.png") 25 30 10 30 stretch;
		-moz-border-image:url("images/bg-header.png") 25 30 10 30 stretch;
		-webkit-border-image:url("images/bg-header.png") 25 30 10 30 stretch;
		-o-border-image:url("images/bg-header.png") 25 30 10 30 stretch;
		-ms-border-image:url("images/bg-header.png") 25 30 10 30 stretch;
		border-width:0 0 10px 0;
		}
		
	.header-container {
		padding:10px 0 5px;
		}
}


/************************************************
*	5.	Navigation								*
************************************************/

#main-nav {
	margin:12px 0 0;
	font-size:1.2em;
	text-align:right;
	text-transform:lowercase;
	}

#main-nav a {
	display:inline-block;
	zoom: 1; 
	*display: inline;
	margin:0 8px 0;
	}

.nav-control {
	display:none;
	z-index:99;
	}
	
@media handheld, only screen and (max-width: 767px) {	

	.navigation {
		width:auto; 
		position:relative;
		background:#000; 
		display:block; 
		padding:0 15px; 
		}
		
	.nav-control {
		position:absolute; 
		display:block; 
		top:17px; right:25px; 
		color:#fff;
		}
	
	.navigation #main-nav {
		margin:0; 
		padding:10px; 
		text-align:center;
		}
		
	.navigation #main-nav a {
		display:block; 
		font-size:120%; 
		line-height:225%;
		}
		
	.navigation {
		display:none;
		}	
}

/************************************************
*	6.	Page Templates							*
************************************************/

.page-template-one-column-black-php {
	background-color:#000;
	background-image:url(images/bg-black.png);
	background-repeat:repeat;
	}

.page-template-one-column-black-php h1:after, .page-template-one-column-black-php h2:after {
	content:url(images/heading-arrow-left-lg-red.png);
	margin-left:15px;
	}

.page-template-one-column-img-header-php .wrapper {
	background:url(images/bg-locations.jpg);
	background-size: 100%;
	background-repeat:no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-locations.jpg',sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-locations.jpg',sizingMethod='scale')";
	}

.page-template-one-column-img-header-php .content {
	background-image: url(images/red-bg.jpg);
	background-repeat:repeat;
	}

.page-template-one-column-img-header-php .entry-header {
	padding:15px 0;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	}

.page-template-one-column-img-header-php .content-wrapper {
	background-image: url(images/red-bg.jpg);
	background-repeat:repeat;
	}


/************************************************
*	7.	Homepage								*
************************************************/

.home {
	background-color:#000;
	background-image:url(images/bg-black.png);
	background-repeat:repeat;
	}

.home #header-wrapper {
	position:absolute;
	}
	
#homepage {
	position:relative;
	height:auto;
	}

.home .content {
	background-image: url(images/red-bg.jpg);
	padding-top:30px;
	padding-bottom:50px;
	}

.home h3, .hp-coc-block h3 {
	font-size:36px;
	margin:4px 0 0;
	line-height:1.2;
	}

.home .line-double-black {
	margin:20px 0;
	}

.hp-coc-block {
	background-image:url('images/circle-of-crust-home.png');
	background-repeat:no-repeat;
	background-position:0;
	padding-left:165px;
	padding-bottom:20px;
	}

.home .block-content {
	margin:0 0 0 35px;
	}

.home-bg-pizza {
	position: absolute;
    right: -250px;
    top: -100px;
    z-index: 1;
	}

.home .opening-soon-block {
	background-image: url("images/lines-double-vertical.png");
    background-position: 90% center;
    background-repeat: no-repeat;
	}

.home .opening-soon-content {
	height:150px;
	width:75%;
	overflow-x: hidden;
	}

@media handheld, only screen and (max-width: 1000px) {
	
	.home-bg-pizza {
		right: -10px;
		top: 70px;
		width:350px;
		}
	
}

@media handheld, only screen and (max-width: 767px) {
	
	.home #header-wrapper {
		margin:0; 
		position:relative;
		}
	
	.home .opening-soon-block {
		background-image:none;
		margin-bottom:25px;
		padding-bottom:40px;
		background-image:url(images/lines-double-horizontal-black.png);
		background-position:bottom;
		background-repeat:no-repeat;
		}
		
	.home .opening-soon-content {
		height:150px;
		width:auto;
		overflow-x: hidden;
		}
	
	.home-bg-pizza {
		display:none;
		}
	
	.hp-coc-block {
		background-image:none;
		padding-left:0;
		padding-bottom:20px;
		}
	
	.home .block-content {
		margin:0 0 0 0;
		}	
}


/************************************************
*	8.	Slider									*
************************************************/	

.slider {
	position:relative;
	width:100%;
	}
.slider .slide {
	text-align:left;
	}

@media handheld, only screen and (max-width: 767px) {
	
	.slider {
		margin:-10px 0 0;
		}
}

@media only screen and (width : 320px) and (orientation : portrait) {
	
	#layerslider_1 {
		height:300px !important;
		}
		
	.welcome-slide-pizza {
		left:-175px !important;
		top:auto !important;
		}
		
	.welcome-slide-title {
		width:200px !important;
		height:auto !important;
		position:relative !important;
		margin:0 auto !important;
		left:75px !important;
		top:40px !important;
		}
		
	.welcome-slide-text {
		font-size: 11px!important;
		height: auto!important;
		left: 75px!important;
		line-height: 18px!important;
		top: 125px!important;
		width: 60%!important;
		}
		
	.fresh-slide-bg {
		width:200% !important;
		height:auto !important;
		}
		
	.fresh-slide-title {
		width:200px !important;
		height:auto !important;
		position:relative !important;
		margin:0 auto !important;
		left:50px !important;
		top:40px !important;]
		}
		
	.fresh-slide-text {
		font-size: 11px!important;
		height: auto!important;
		left: 50px!important;
		line-height: 15px!important;
		top: 75px!important;
		width: 70%!important;
		text-shadow:5px 5px 5px #000 !important;
		}
	.jerk-slide-pizza {
		left:-125px !important;
		top:auto !important;
		}
	.jerk-slide-ingredients {
		display:none !important;
		}
}

/************************************************
*	9.	Content									*
************************************************/	

.content {
	padding:20px 20px 20px;
}

.black {
	margin-left:-2px;
	color:#FFFFFF !important;
	background-color:#000 !important;
	background-image:url(images/bg-black.png) !important;
	background-repeat:repeat !important;
	/*transform:rotate(-0.5deg);*/
	/*-ms-transform:rotate(-0.5deg); /* IE 9 */
	/*-webkit-transform:rotate(-0.5deg); /* Opera, Chrome, and Safari */
	position:relative;
	z-index:99;
	overflow:hidden;
	}

.black .row {
	/*transform:rotate(0.5deg); */
	/*-ms-transform:rotate(0.5deg); /* IE 9 */
	/*-webkit-transform:rotate(0.5deg); /* Opera, Chrome, and Safari */
	}

.black .row .row {
	/*transform:rotate(0deg); */
	/*-ms-transform:rotate(0deg); /* IE 9 */
	/*-webkit-transform:rotate(0deg); /* Opera, Chrome, and Safari */
	padding:0;
	}

.black h2 {
	color:#ed1c24;
	}
	
.black h2:after {
	content:url(images/heading-arrow-left-lg-red.png) "";
	margin-left:15px;
	}
	
.black h3 {
	color:#ed1c24;
	}
	
.black h3:before {
	margin-right:0;
	content:'';
	}	

.light {
	margin-left:-2px;
	background-color:#faf3e4 !important;
	background-image:url(images/bg-white.jpg) !important;
	background-repeat:repeat !important;
	position:relative;
	z-index:99;
	}


@media handheld, only screen and (max-width: 767px) {
	
	.content {
	 	padding:10px 0; 
		overflow:hidden; 
		}
	
}


/************************************************
*	10.	Menu Page								*
************************************************/	

.section-heading {
	min-width:350px;
	}

.section-desc {
	margin:4px 0 0 50px;
	padding:20px 0 0;
	font-size:.95em;
	font-weight:bold;
	color:#000000;
	}

.black .section-desc {
	color:#d71921;
	}

.menu {
	padding-bottom:20px;
	}

.menu-item {
	padding-top:15px;
	padding-bottom:10px;
	font-weight:bold;
	line-height:1.7em;
	}

.menu .eight:nth-child(odd) .menu-item {
	padding-right:40px;
	}

.menu .eight:nth-child(even)  .menu-item {
	padding-left:40px;
	}

.menu-item-title {
	color:#000000;
	font-size:1.3em;
	}

.black .menu-item-title {
	color:#d71921;
	}
	
.menu-item-reco {
	font-size:.95em;
	font-weight:normal;
	text-transform:uppercase;
	}

.menu ul {
	padding :0 0 15px 25px;
	}
	
.menu ul li {
	margin:2px 0;
	list-style-type:none;
	}
	
.menu ul li .label {
	font-size:1.5em;
	font-weight:bold;
	color:#000000;
	}

.menu .your-pie-left {
	background-image:url(images/lines-double-vertical.png);
	background-position:90% center;
	background-repeat:no-repeat;
	}

.menu .line-single {
	width:80%;
	}

.menu-top-bg-pizza {
	position:absolute;
	top:-500px;
	right:-550px;
	z-index:1;
	}

.your-pie {
	position:relative;
	}

.menu-mid-bg-pizza {
	position:absolute;
	top:120px;
	left:-400px;
	z-index:1;
	transform:rotate(100deg);
	-ms-transform:rotate(100deg); /* IE 9 */
	-webkit-transform:rotate(100deg); /* Opera, Chrome, and Safari */
	width:60%;
	}

.menu-salad {
    position: absolute;
    right: -250px;
    top: 350px;
    z-index: 1;
	}

.dessert-content {
    padding-left: 250px;
	}

.dessert {
	position:relative;
	}
	
.dessert .section-desc {
	margin-left: 130px;
    padding-right: 0;
	}
	
.brownie-pie {
	z-index:1;
	position:absolute;
	left:-675px;
	top:-100px;
	}

.row.breadstix {
    position: relative;
}

.breadstix-content {
    padding-bottom: 20px;
    padding-left: 220px;
    padding-top: 20px;
    position: relative;
}

.cheesy-breadstix {
    height: 300px;
    left: -650px;
    position: absolute;
    top: 50px;
    width: auto;
}

.bacon-cheesy-breadstix {
    height: 300px;
    position: absolute;
    right: -350px;
    top: 50px;
    width: auto;
    z-index: 1;
}


.dessert-content-new {
    padding: 30px 0;
    position: relative;
}

.cookie-pie {
    bottom: -120px;
    height: 275px;
    position: absolute;
    right: -250px;
    width: auto;
    z-index: 1;
}

.kids-content {
    padding: 60px 0;
    position: relative;
}

.kids-bundle {
    height: 450px;
    left: -200px;
    position: absolute;
    top: -20px;
    width: auto;
    z-index: 0;
}

.kids-content {
    padding: 50px 0 50px 350px;
    position: relative;
}

.kids-content .menu {
    position: relative;
    z-index: 2;
}



@media handheld, only screen and (max-width: 767px) {
	
	.section-heading {
		min-width:1px;
		}
		
	.section-desc {
		padding:0;
		margin:0;
		}
		
	.menu {
		padding:10px 0 0;
		}
		
	.menu .eight:nth-child(odd) .menu-item {
		padding-right:0;
		}
	
	.menu .eight:nth-child(even)  .menu-item {
		padding-left:0;
		}
	
	.menu .your-pie-left {
		background:none;
		}
	
	.menu .line-single {
		display:none;
		}
		
	.menu-top-bg-pizza, 
	.menu-mid-bg-pizza,
	.menu-salad {
		display:none;
		}
	
	.dessert-content {
    	padding-left: 0;
		}

	.dessert .section-desc {
		margin-left: 0;
		padding-right:0;
		}	
}

	
/************************************************
*	11.	Location Page							*
************************************************/


.post-type-archive-locations .wrapper {
	background:url(images/bg-locations.jpg);
	background-size: 100%;
	background-repeat:no-repeat;
}

.post-type-archive-locations .content {
	background-image: url(images/red-bg.jpg);
	background-repeat:repeat;
}

.post-type-archive-locations .entry-header {
	padding:15px 0;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	}

.post-type-archive-locations .locations-wrapper {
	background-image: url(images/red-bg.jpg);
	background-repeat:repeat;
	}

.locations .accordian-name {
	color:#ed1c24;
	}

.locations .loc-state .state-desc {
	font-size:0.4em;
	font-weight:normal;
	font-style:italic;
	line-height:normal;
	vertical-align:middle;
	}
	
.locations .ui-accordion .ui-accordion-content {  
	background-color:rgba(0,0,0,0.6);	
	border-radius:15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
 	}

.post-type-archive-locations .location-list-container {
	overflow:hidden;
	position:relative;
	padding-top:30px;
	}

.location-list .address_1, .location-list .address_2,
.location-list .phone, .location-list .fax {
	display:block;
	}

.location-list {
	width:25%;
	height:215px;
	float:left;
	padding-left:10px;
	}

.location-list .location-name {
	font-size:1.6em;
	font-weight:bold;
	color:#ed1c24;
	}

.location-list .location-name a {
	color:#ed1c24;
	}

.location-list .address {
	font-size:1.1em;
	line-height:1.6;
	}

.location-list .status {
	display:block;
	font-style:italic;
	}

.location-list .location-info-link {
	display:block;
	}

.location-list .location-info-link a {
	color:#ed1c24;
	margin:10px 0 0;
	text-transform:lowercase;
 	}
	
.location-list-image {
	position:absolute;
	top:-300px;
	right:-400px;
	z-index:1;
	}

	

.loc-search-results-map {
	width:100%;
	max-width:1100px;
	height:200px;
	margin-bottom:15px;
	color: #000;
	}

.loc-search-results .row {
	padding-bottom: 10px;
	padding-top: 15px;
	}

.loc-search-results .col-loc-details {
	padding-bottom:20px;
	}

.loc-search-results .col-hours {
  padding-top: 2px;
}

.loc-search-results .col-phone {
	padding-top:5px;
	}	

.loc-search-results .loc-name {
	display:block;
	font-size:1.5em;
	font-weight:bold;
	color:#000;
	line-height: 1.2;
	}

.loc-search-results .loc-name a {
	color:#000;
	}	
.loc-search-results .loc-status {
	font-size:12px;
	font-weight:normal;
	color:#fff;
	font-style:italic;
	}
	
.loc-search-results .loc-address-1,
.loc-search-results .loc-address-3 {
	display:block;
	}

.loc-search-results .loc-address-2:before {
	}

.loc-search-results .loc-hours-title {
  color: #000;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  margin-top: 0;
  text-transform: lowercase;
}

.loc-search-results .loc-hours {
	display:block;
	}
		
.loc-search-results .loc-hours {
	display:block;
	}

.loc-search-results .loc-phone-title {
	display:block;
	font-weight:bold;
	}

.loc-search-results .loc-phone {
  display: inline-block;
  margin-right: 30px;
}

.loc-search-results .line-double-black {
	background-repeat: no-repeat;
	background-size: 100% auto;
	clear: both;
	display: block;
	height: 15px;
	margin-top: 85px;
	width: 100%;
	}

.locations .btn-group {
  padding-top: 4px;
  text-align: right;
}

.locations .btn-group a {
  margin-left: 5px;
}

.btn-directions {
	margin-top:20px;
	text-transform:lowercase;
	}

.btn-order {
    text-transform: lowercase;
	width: 83px;
	}

/* .loc-2734, .loc-2117, .loc-2124,
.loc-2116, .loc-2119, .loc-2120, .loc-2950,
.loc-2842, .loc-2121, .loc-2115, .loc-2114,
.loc-2125, .loc-3085, .loc-2635, .loc-2527 {
	display:none !important;
} */

/*.post-2734 .btn-order, .post-2117 .btn-order, .post-2124 .btn-order,
.post-2116 .btn-order, .post-2119 .btn-order, .post-2120 .btn-order, .post-2950 .btn-order,
.post-2842 .btn-order, .post-2121 .btn-order, .post-2115 .btn-order, .post-2114 .btn-order,
.post-2125 .btn-order, .post-3085 .btn-order, .post-2635 .btn-order, .post-2527 .btn-order {
	display:none !important;
} */


	
.loc-search-results .btn-order {
    margin-top: 10px;
	}

.loc-content-left {
	padding-right:20px;
	}
	
.loc-search-form {
	background-color: #000 !important;
	background-image: url("/wp-content/themes/piefivepizza/images/bg-black.png") !important;
	background-repeat: repeat !important;
	border-radius: 10px;
	padding: 40px;
	margin-top: -75px;
	}

.loc-search-form .form-group label {
	display:block;
	margin-top:10px;
	}
	
.loc-search-form .form-control {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555;
	display: block;
	font-size: 14px;
	height: 25px;
	line-height: 1.42857;
	padding: 5px 10px;
	width: 95%;
	}

.loc-search-form select.form-control {
	height: 37px;
	width:99.5%;
	}

.loc-search-form .btn-loc-search {
	margin-top:20px;
	text-transform:lowercase;
	background:#ed1c24;
	font-weight:bold;
	}

.loc-search-form .form-break {
	background-image: url("/wp-content/themes/piefivepizza/images/search-seperator.png");
	background-position: center 1px;
	background-repeat: no-repeat;
	margin: 15px 0 10px;
	text-align: center;
	}
	
.loc-search-form .form-break span {
	background:#000;
	padding:10px;
	}

.location-map-select {
	padding:15px 0 20px;
	text-align:center;
	}

.location-map-select img {
	width:100%;
	height:auto;
	max-width: 839px;
	}


@media handheld, only screen and (max-width: 767px) {
	
	.post-type-archive-locations .wrapper {
		background-size: 260%;
		}
	
	.locations h1 {
		font-size:3.5em;
		}
	
	.location-list {
		width:100%;
		margin:0 0 15px;
		float:none;
		}
		
	.location-list-image {
		right:-250px;
		top:50px;
		}
		
	.bg-top-right {
		right:-200px;
		top:100px;
		}
	
	.locations .loc-state .state-desc {
		display: block;
		padding-left: 40px;
		}
	
	.loc-search-form {
		padding: 20px 25px 20px 20px;
		}	
}
		

/************************************************
*	12.	Individual Location Page				*
************************************************/	

.single-locations .entry-header > h1 {
  font-size: 3em;
  margin-bottom: 0;
  margin-top: 10px;
}

.single-locations .btn-group {
  margin-top: 10px;
  text-align: right;
}

.single-locations .btn-group a {
  margin-left:10px;
}

.single-locations #header-wrapper {
	background-color:#000;
	background-image:url(images/bg-black.png);
	background-repeat:repeat;
}

.location-btn {
	background: #000000;
	border: medium none;
	border-radius: 4px;
	color: #ffffff !important;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.42857;
	margin-bottom: 0;
	padding: 9px 18px;
	text-align: center;
	text-transform:lowercase;
	vertical-align: middle;
	white-space: nowrap;
	transform: perspective(1px) translateZ(0px);
	transition-duration: 0.3s;
	transition-property: color, background-color;
	min-width: 127px;
}

.location-btn span {
  display: block;
  font-size: 9px;
  font-weight: normal;
  margin-top: -3px;
  text-transform: uppercase;
}

.location-btn:hover {
  background: #fff none repeat scroll 0 0;
  color: #000 !important;
  text-decoration: none;
}

@media(min-width:1143px) {

.location-btn.catering-btn {
  height: auto;
  margin-top: 8px;
  padding: 3px 18px 4px;
  width: 299px;
}

.location-btn.catering-btn > span {
  display: inline-block;
  margin-left: 10px;
  margin-top: 8px;
  vertical-align: top;
}
}
@media(max-width:1191px) and (min-width:768px) {

	.location-btn {
	  font-size: 15px;
	  margin-bottom: 10px;
	  min-width: 130px;
	  padding: 9px 14px;
	}

}


.single-locations #map_container {
  position: relative;
}

.single-locations #map {
	height: 0;
	overflow: hidden;
	padding-bottom: 22.25%;
	position: relative;
	pointer-events: none;
}

.single-locations .left-content-block,
.single-locations .right-content-block {
	text-align:center;
	padding:20px 0;
}

.single-locations .left-content-block {
  background-image: url("images/lines-double-vertical.png");
  background-position: right center;
  background-repeat: no-repeat;
}

.single-locations .left-content-block > h2,
.single-locations .right-content-block > h2 {
  font-size: 3.5em;
  margin-left: -15px;
}

.single-locations .left-content-block > h2:before,
.single-locations .right-content-block > h2:before {
  content: url("images/heading-arrow-right-sm-black.png");
  margin-right: 10px;
}

.single-locations .left-content-block > h2:after,
.single-locations .right-content-block > h2:after {
  content:"";
  margin-right: 0;
}


.single-locations .left-content-block .address,
.single-locations .right-content-block .hours {
  font-size: 1.5em;
  line-height: 1.65em;
}
	
.single-locations .right-content-block .hours b {
	color:#000;
	display:block;
	margin-top:25px;
}

.single-locations .coke {
  background: #fff;
  border-radius: 50%;
  display: block;
  height: 170px;
  margin: 0 auto -93px;
  padding-top: 30px;
  position: relative;
  width: 200px;
  z-index: 999;
}

.single-locations .serving {
  color: #cf141d;
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin-top: 20px;
  text-align: center;
}

.single-locations .coke-freestyle {
  display: block;
  padding: 8px 0;
  width: 130px;
}

.single-locations .left-content-block .comments {
  display: block;
  font-size: 0.8em;
  font-style: oblique;
  margin: 0 0 10px;
}

.location-info {
	padding: 0;
	}

.location-info .address_1, .location-info .address_2,
.location-info .phone, .location-info .fax {
	display:block;
	}

.location-info .address, .location-info .hours {
	font-size:1.3em;
	}

.location-info .city:after, .location-list .city:after {
	content:', ';
	}
	
.location-info .phone:before, .location-list .phone:before {
	content:'p. ';
	}
	
.location-info .fax:before, .location-list .fax:before {
	content:'f. ';
	}	
	
.location-info .location-hours {
	display:block;
	}
	
.location-info .location-map {
	padding:30px 20px 0;
	}

/*.location-info .coke-freestyle {
    float: right;
    position: relative;
    top: 0;
	}*/

.location-info .right-block {
    float: right;
    position: relative;
    top: 0;
	}

.location-info .right-block .btn-order {
	margin-bottom:35px;
	}
	
.location-info .right-block .coke-freestyle {
    display:block;
	}

.location-info .comments {
    display: block;
    margin: 20px 0 0;
	}

@media handheld, only screen and (max-width: 767px) {
	.location-info .coke-freestyle {
		width:75px;
		}	
}

@media (max-width:767px) {

	.single-locations .entry-header > h1 {
	  text-align: center;
	}
	
	.single-locations .left-content-block > h2, 
	.single-locations .right-content-block > h2 {
	  font-size: 2.5em;
	  
	}

	.single-locations .btn-group a {
	  margin-left:0;
	}

	.location-btn {
	  margin-bottom: 10px;
	  width: 88%;
	}
	
	.single-locations #map {
  		display: none;
	}
	
	.single-locations .left-content-block {
	  background-image: none;
	}
	
	.single-locations .left-content-block, 
	.single-locations .right-content-block {
	  padding: 0 0 20px;
	}
	
	.single-locations .coke {
	  margin: 0 auto -40px;
	}
	
	.single-locations .left-content-block .address, 
	.single-locations .right-content-block .hours {
	  font-size: 1.2em;
	}

}


/************************************************
*	13.	Circle of Crust Page					*
************************************************/

.coc {
	z-index:99;
	position:relative;
	}
	
.coc h4 {
	color:#ed1c24;
	}
	
.coc-nav {
	padding:10px 0;
	font-size:2em;
	font-weight:bold;
	line-height:1.4;
	text-transform:lowercase;
	}
	
.coc-nav a {
	color:#fff;
	}
	
.coc-nav a:before {
	content:url(images/heading-arrow-right-sm-red.png);
	margin-right:10px;
	}
	
.coc-nav a.join {
	font-size:40px;
	color:#ed1c24;
	}

.bg-top-right {
	position:absolute;
	top:-150px;
	right:-400px;
	z-index:1;
	}
	
	
/************************************************
*	14.	Footer									*
************************************************/


#site-footer {
	margin-top:-6px;
	background:#000;
	position:relative;
	z-index:99;
	}

.social {
	padding:10px 20px;
	margin:0 auto;
	position:relative;
	}

.social .fa {
	margin:0 8px 0 0;
	vertical-align:top;
	}

.social .fa:hover {
	color:#ed1c24;
	}

.social .coc-footer-icon {
	background-image:url(images/coc-footer-icon.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:126px;
	height:35px;
	margin-top:2px;
	}

.social .coc-footer-icon:hover {
	background-position:left -35px;
	}

#footer-nav-wrapper {
	border-style:solid;
	border-color:transparent;
	-moz-border-image:url("images/bg-footer.png") 25 30 10 30 stretch;
	-webkit-border-image:url("images/bg-footer.png") 25 30 10 30 stretch;
	-o-border-image:url("images/bg-footer.png") 25 30 10 30 stretch;
	-ms-border-image:url("images/bg-footer.png") 25 30 10 30 stretch;
	border-image:url("images/bg-footer.png") 25 30 10 30 stretch;
	border-width:10px 0 0 0;
	}

#footer-nav {
	padding:10px 20px;
	background:#2f2f2f;
	font-size:.85em;
	text-transform:lowercase;
	}
	
#footer-nav a { 
	display:block;
	}

#footer-nav .row {
	width:90%;
	}

#footer-nav .sixth {
	float:left;
	}

#site-footer .copyright {
	padding:5px 0;
	background-color:#2f2f2f;
	font-size:.75em;
	text-align:center;
	}


@media handheld, only screen and (max-width: 767px) {
	
	#footer-nav {
		font-size:1.2em;
		text-align:center;
		}
		
	#footer-nav a {
		margin:5px 0 0;
		}
		
	#footer-nav .sixth {
		float:none;
		}
	
	.social {
		padding: 10px 0;
		text-align:center;
		}
		
	.social .fa {
		margin: 0 2px 0 0;
		}
		
	.social .coc-footer-icon {
		display:block;
		margin: 0 auto 5px;
		}
}

/************************************************
*	15.	Accorfian								*
************************************************/

.piefive-accordion {
	display: block;
	margin: 0;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .08);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .08);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .08);
	position:relative;
	z-index:99;
	}
	
.ui-accordion .ui-accordion-header { 
	display: block;
	position: relative; 
	font-size: 2em;
	font-weight: bold;
	margin-top: -1px; 
	padding: 10px 0;
	cursor: pointer;
	zoom: 1; 
	line-height:36px;
	text-transform:lowercase;
	outline:none;
	}

.post-type-archive-locations .ui-accordion .ui-accordion-header { 
	font-size: 3em;
}

.ui-accordion .ui-accordion-header.ui-accordion-header-active {
	}
	
.ui-accordion .ui-accordion-header a {
	text-decoration: none;
	}
	
/*.ui-accordion .ui-accordion-header a:before {
	content:url(images/heading-arrow-right-sm-red.png);
	margin-right:10px;
	width:30px;
	}*/

/*.ui-accordion .ui-accordion-header.ui-accordion-header-active a:before {
	content:url(images/heading-arrow-down-sm-red.png);
	}*/
	
.ui-accordion .ui-accordion-header {	
	background-image: url("images/heading-arrow-right-sm-red.png");
    background-repeat: no-repeat;
	background-position: 0 18px;
    margin-right: 10px;
    padding-left: 30px;	
}

.ui-accordion .ui-accordion-header.ui-accordion-header-active {
	background-image: url("images/heading-arrow-down-sm-red.png");
	}

/*.ui-accordion .ui-accordion-header a:after { 
	font-family: 'FontAwesome';
	font-weight: normal;
	font-size:0.8em;
	content: "\f138";
	margin-left: 8px;
	}
.ui-accordion .ui-accordion-header.ui-accordion-header-active a:after {
	content: "\f13a"; 
	}*/
	
.ui-accordion .ui-accordion-content { 
	/*height: auto !important;*/
	margin-top: -1px;
	padding: 18px 24px; 
	border: 1px solid rgba(0,0,0, .08); 
	overflow: auto; 
	zoom: 1; 
	background-color:rgba(0,0,0,0.6);
	}
	

/************************************************
*	16.	Form Styles									*
************************************************/

.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], 
.gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], 
.gform_wrapper input[type="number"], .gform_wrapper input[type="password"] {
		font-size:16px !important;
		border:1px solid #333 !important;
		line-height:24px !important;
		border-radius: 5px !important;
		-moz-border-radius: 5px !important;
		-khtml-border-radius: 5px !important;
		-webkit-border-radius: 5px !important;
		height:21px !important;
		padding:7px 2px 7px 10px !important;
		box-shadow: 0 2px 6px #BBBBBB inset !important;
	}

.gform_wrapper select {
	font-size:1em !important;
	box-shadow:0 1px 0 rgba(55, 62, 68, 0.04) !important;
	height:2.5em !important;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-khtml-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	/*padding: 6px 0 !important;*/
	border:0 !important;
	-webkit-appearance: none !important;
    -moz-appearance: none !important;
	vertical-align:middle !important;
    margin-bottom: 10px !important;
    margin-top: 0.35em !important;
    padding: 0.71429em 0.85714em 0.57143em !important;
	background: url("images/drop-arrow.png") no-repeat right center, #FFF !important;
	}

.gform_wrapper textarea {
	font-size:16px !important;
	border:1px solid #333 !important;
	line-height:24px !important;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-khtml-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	padding:7px 2px 7px 10px !important;
	box-shadow: 0 2px 6px #BBBBBB inset !important;
	}

.gform_wrapper .gform_footer {
	padding:16px 0 10px 12px !important;
	}

.gform_wrapper .gf_progressbar_wrapper {
	border-bottom: 1px solid rgba(0,0,0,0.5) !important;
	}
.gform_wrapper .gform_page_footer {
	border-top: 1px solid rgba(0,0,0,0.5) !important;
	}

.gform_wrapper .gsection {
	border-bottom:none !important;
	}
.gform_wrapper h1:before, .gform_wrapper h1:after,
.gform_wrapper h2:before, .gform_wrapper h2:after,
.gform_wrapper h3:before, .gform_wrapper h3:after,
.gform_wrapper h4:before, .gform_wrapper h4:after,
.gform_wrapper h5:before, .gform_wrapper h5:after,
.gform_wrapper h6:before, .gform_wrapper h6:after {
	content:'';
	margin-left:0;
	margin-right:0;
	}
.gform_wrapper .gsection .gfield_label, 
.gform_wrapper h2.gsection_title, 
.gform_wrapper h3.gform_title {
	font-size:1.8em !important;
	}

#gform_confirmation_wrapper_3 {
	clear:both;
	}
	
	
/************************************************
*	17.	Buttons									*
************************************************/

.button {
	-moz-user-select: none;
	background-image: none;
	background:#000000;
	border:none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	color:#ffffff !important;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	margin-bottom: 0;
	padding: 8px 12px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	}

.button:hover {
	text-decoration:none;
	}

.black .button {
	background:#ed1c24;
	}

.btn-info {
	padding-left:40px;
	background-image:url(images/btn-info.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	}

.btn-faq {
	padding-left:40px;
	background-image:url(images/btn-faq.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	}

.btn-dld {
	padding-left:40px;
	background-image:url(images/btn-download.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	}

.btn-go {
	padding-left:40px;
	background-image:url(images/btn-go.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	}

.btn-go-red {
	padding-left:40px;
	background-image:url(images/btn-go-blk.png) !important;
	background-position: 10px center !important;
	background-repeat: no-repeat !important;
	}

@media handheld, only screen and (max-width: 767px) {

	.button {
		display:block;
		margin-bottom:8px;
		text-align:left;
	}
}

/************************************************
*	18.	Gift Cards Page							*
************************************************/


.gift-cards-left {
	padding-right:20px;
}

.gift-cards {
	background-color:#000 !important;
	background-image:url(images/bg-black.png) !important;
	background-repeat:repeat !important;
    border-radius: 20px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
    margin-top: -75px;
    padding: 50px 40px;
	}

.gift-cards input {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 rgba(125, 125, 125, 0.45);
	border-color: -moz-use-text-color rgba(0, 0, 0, 0.15);
	border-image: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-style: none none solid;
	border-width: medium medium 1px;
	padding: 7px 0 7px 10px;
	color:#fff;
	}


.gift-cards .btn-group > .btn:hover, .gift-cards .btn-group > .btn:focus, 
.gift-cards .btn-group > .btn:active, .gift-cards .btn-group > .btn.active {
	z-index:2;
	}

.gift-cards .btn-default:hover, .gift-cards .btn-default:focus, 
.gift-cards .btn-default:active, .gift-cards .btn-default.active {
	background-color:##575657;
	color:#FFFFFF;
	}

.gift-cards [data-toggle="buttons"] > .btn > input[type="radio"], 
.gift-cards [data-toggle="buttons"] > .btn > input[type="checkbox"] {
	display:none;
	}

.gift-cards .btn {
	cursor:pointer;
	display:inline-block;
	zoom: 1; 
	*display: inline;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	box-shadow:0 -1px 0 rgba(0, 0, 0, 0.15) inset;
	transition:all 0.1s ease-in 0s;
	border-radius:4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-transform:lowercase;
	padding:8px 12px;
	}

.gift-cards .btn-default {
	background-color:#EC2327;
}

.gift-cards .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius:0;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
}

.gift-cards .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-bottom-right-radius:0;
	border-top-right-radius:0;
}

.gift-cards .btn-group > .btn:last-child:not(:first-child), 
.gift-cards .btn-group > .dropdown-toggle:not(:first-child) {
	border-bottom-left-radius:0;
	border-top-left-radius:0;
}
.gift-cards .btn-group > .btn {
	float:left;
}

.gift-cards .btn-group > .btn:first-child {
	border-left: medium none;
	}

.gift-cards .btn-group > .btn:first-child {
	margin-left:0;
	}

.gift-cards .btn-group .btn + .btn {
	margin-left:-1px;
	}	

.gift-cards .btn-group > .btn {
	border-left:1px solid rgba(0, 0, 0, 0.1);
	}
	
.gift-cards .btn-default:hover, .gift-cards .btn-default:focus, 
.gift-cards .btn-default:active, .gift-cards .btn-default.active {
	background:#575657;
	}

.gift-cards .btn-group {
	position:relative;
	vertical-align:middle;
	}
	
.gift-cards .checkout {
	margin-top:15px;
	}
	
.gift-cards .checkout tr:last-child {
	font-size:120%;
	font-weight:bold;
	
	}
	
.gift-cards .checkout td:last-child {
	text-align:right;
	}
	
.gift-cards .table {
	margin-bottom:20px;
	width: 100%;
	}
	
.gift-cards table {
	max-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	}
	 
.gift-cards .table > tbody > tr > td {
	border-top:1px solid #555555;
	line-height:1.5;
	padding:9px;
	vertical-align:top;
	}

.gift-cards .quantity-row {
	margin-top:15px;
	}

.gift-cards .quantity-row label {
	line-height:2em;
	font-size:1.2em;
	}

.gift-cards #amount {
	display:block;
	}
	
.gift-cards #amount .btn {
	padding:10px 0;
	width:25%;
	}

	
@media handheld, only screen and (max-width: 767px) {
	
	.gift-cards	{
		padding:20px;
		margin:0;
		}
	
	.page-template-one-column-img-header-php .wrapper {
		background-size: 260%;
		}
}

/************************************************
*	19.	Franchising Page						*
************************************************/

.franchise-info-form {
	width:80%;
	padding:20px 0px;
	}
	
/************************************************
*	20.	Blog									*
************************************************/

h2.blog-title {
	font-size:2.5em;
	margin:0;
	padding:0;
	line-height:1.2;
	}

h2.blog-title:after {
	content:"";
	margin-left:0;
	}

h2.blog-title a {
	color:#000;
	}
	
h2.blog-title a:hover {
	text-decoration:underline;
	}

.blog-post {
	margin:0 0 20px;
	padding: 20px 0 30px;
	border-bottom:2px solid #000;
	}

.blog-post:last-child {
	border-bottom:none;
	}

.blog-post .entry-meta {
	padding:5px 0 10px;
	color:#000;
	font-weight:bold;
	}

.blog-post .entry-meta a {
	color:#000;
	}


/************************************************
*	21.	Survey Page								*
************************************************/

.survey-locations {}

.survey-state {
	min-height:100px;
	padding-bottom:15px;
	}
	
.survey-state-name {
	color:red;
	font-weight:bold; 
	font-size:20px; 
	padding-bottom:0;
	}
	
.survey-location-list {
	padding:0;
	}
	
.survey-location-list li {
	padding:0;
	}
	
	
/* Brand Summit	*/

.page-id-3149 .entry-header {
	display:none;
	}
	
.summit-rsvp-left {
	padding-right:50px;
	padding-top:40px;
}

.summit-rsvp {
	background-color:red !important;
	background-image:url("images/red-bg.jpg") !important;
	background-repeat:repeat !important;
    border-radius: 20px;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
    padding: 40px 40px;
	}

.page-id-3149 #input_12_2_3,
.page-id-3149 #input_12_2_6 {
	width:93% !important;
}

.page-id-3149 #input_12_3 {
	width:97% !important;
	}

@media handheld, only screen and (max-width: 767px) {
	.survey-state {
		min-height:1px;
		padding-bottom:25px;
	}

}

/************************************************
*	22.	President of Pizza Page					*
************************************************/

.pres-of-pizza {
	margin-left:-2px;
	height:400px;
	color:#FFFFFF !important;
	background-color:#000 !important;
	background-image:url(images/bg-pres-of-pizza.png) !important;
	background-repeat:no-repeat !important;
	background-size:cover;
	background-position:center;
	/*transform:rotate(-0.5deg);*/
	/*-ms-transform:rotate(-0.5deg); /* IE 9 */
	/*-webkit-transform:rotate(-0.5deg); /* Opera, Chrome, and Safari */
	position:relative;
	z-index:99;
	}


/************************************************
*	23.	Ingredients Contest Page				*
************************************************/

.page-id-3468 #field_13_9,
.page-id-3468 #field_13_15,
.page-id-3468 #field_13_11, 	 	
.page-id-3468 #field_13_5,
.page-id-3468 #field_13_6,
.page-id-3468 #field_13_7 {	 	
	clear: none !important;	 	
	display: block;	 	 
	float: left !important;	
	width: 30% !important;	 	
	padding-bottom: 15px;
}	 	

.page-id-3468 .gfield_label {	 	
	color: #000000 !important;	 	 
	font-size: 1.5em !important;	 	 
	font-weight: bold !important;	 	 
	text-transform:lowercase;	 	
	margin:0 !important;	 	
}	
 	
.page-id-3468 #field_13_8,	 	
.page-id-3468 #field_13_14,	 	
.page-id-3468 #field_13_16, 	 	
.page-id-3468 #field_13_17, 	 	
.page-id-3468 #field_13_18 {	 	
	color: #000000;	 	
	font-family: Helvetica,Arial,sans-serif;	 	
	font-size: 1.6em;	 	
	font-weight: bold;	 	 
	letter-spacing: -0.4px;	 	 
	line-height: 1.4;	 	 
	margin: 10px 0 0;	 	
	padding: 4px 0;	 	
	text-transform: lowercase;	 
}	

.page-id-3468 #field_13_8 h2:before,	 	
.page-id-3468 #field_13_14 h2:before,	 	
.page-id-3468 #field_13_16 h2:before, 	 	
.page-id-3468 #field_13_17 h2:before, 	 	
.page-id-3468 #field_13_18 h2:before {	 	
	content: url("/wp-content/themes/piefivepizza/images/heading-arrow-right-sm-black.png");	 	
	margin-right: 10px;	
}	

/************************************************
*	24.	Crust-U Page							*
************************************************/

.page-id-3552 .entry-header {
	display:none;
}

.page-id-3552 .crustu-1 {
    padding-bottom: 10px;
    padding-top: 20px;
}

.page-id-3552 .crustu-1 .welcome-crustu {
    margin-top: 15px;
}

.page-id-3552 .crustu-1 .crustu-seal {
    display: block;
    margin: 0 auto;
    width: 80%;
}

.page-id-3552 .crustu-2 {
    font-size: 20px;
    font-weight: bold;
    padding: 30px 40px 20px;
    position: relative;
    text-align: center;
    z-index: 2;
}

.page-id-3552 .crustu-3 {
    padding: 25px 0 15px;
}

.page-id-3552 .crustu-3 h5 {
    padding-bottom: 15px;
}

.page-id-3552 .crustu-3 h5::before {
    content: url("images/heading-arrow-right-sm-red.png");
    margin-right: 10px;
}

.page-id-3552 .crustu-3 .course {
    cursor: pointer;
    display: block;
    margin: 0 auto;
    max-width: 90%;
    padding-bottom: 25px;
    position: relative;
}

.page-id-3552 .pizza-top {
    position: absolute;
    right: 0;
    top: -200px;
    z-index: 1;
}

.page-id-3552 .pizza-middle {
	left: -450px;
    position: absolute;
    top: 400px;
    transform: rotate(100deg);
    width: 50%;
    z-index: 1;
}

.page-id-3552 .modal ul li {
	background: rgba(0, 0, 0, 0) url("images/heading-arrow-right-sm-red.png") no-repeat scroll 0 7px;
    list-style-type: none;
    margin: 0;
    padding: 6px 0 6px 35px;
}


/* FAQ Accordion */

.panel-group {
	margin-bottom: 20px;
}


.panel-default {
  border-color: #ed1c24;
}

.panel {
  background-color: #000;
  border: 1px solid #ed1c24;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}

.panel-default > .panel-heading {
	background-color:#ed1c24;
	border-color: #ed1c24;
	color: #fff;
}

.panel-group .panel-heading {
	border-bottom: 0 none;
}

.panel-heading {
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 10px 15px;
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  height: 0;
  overflow: hidden;
  position: relative;
  transition-duration: 0.35s;
  transition-property: height, visibility;
  transition-timing-function: ease;
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
	border-top: 1px solid #000;
}

.panel-body {
  padding: 15px;
}

.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
  color: inherit;
}

.coc .panel-title {
  font-size: 18px;
  margin-bottom: 0;
  margin-top: 0;
	color: #fff !important;
}

.panel-body::after, .panel-body::before {
  content: " ";
  display: table;
}

.panel-body::after {
  clear: both;
}


/* NEW COC Page */

#post-4082 .content:first-child .entry-title {
  display: none;
}

.coc-heading {
  background-color: #fff;
  color: #000;
  margin-bottom: -50px;
  padding-bottom: 40px;
  padding-top: 40px;
}

.coc-heading p {
	font-size: 16px;
}

.coc-heading h1 {
  font-size: 80px;
}

.coc-heading h1:after {
  content:"" !important;
}

.coc-heading .coc-features {
  font-size: 16px;
  letter-spacing: 1px;
  margin-bottom: 10px;
  margin-top: 15px;
  text-transform: uppercase;
}

.coc-app-icon {
	height: 50px;
  vertical-align: middle;
	margin: 0 10px;
}

.coc-heading .coc-app-store-icons {
  height: 50px;
  vertical-align: middle;
	margin: 0 10px;
}

.coc-phone {
  background-color: #000;
  background-image: url("images/coc-phone.png") !important;
  background-position: right 80px bottom -180px !important;
  background-repeat: no-repeat !important;
  background-size: 400px auto !important;
  padding-bottom: 80px;
  padding-top: 80px;
}

.coc-phone hr {
  background: #fff none repeat scroll 0 0;
  height: 1px;
  margin: 30px 0;
}

.coc-phone p {
	font-size: 16px;
}

.coc-wood {
  background-image: url("images/coc-wood-texture.jpg") !important;
  background-position: center bottom !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin-top: -61px;
  padding-bottom: 100px;
  padding-top: 100px;
}

.coc-wood p {
  font-size: 16px;
}

.coc-wood .coc-wood-pizza {
  bottom: -220px;
  left: -80px;
  position: absolute;
}

.coc-page-footer {
  padding-bottom: 50px;
  padding-top: 50px;
}

.coc-page-footer p {
	font-size: 16px;
}

.coc-page-footer > hr.dotted {
  background: transparent;
  border-top: 4px dotted #000;
  height: 0;
  margin: 40px 0;
}

.coc-page-footer .coc-refer-icon {
  margin-top: 15px;
}

.coc-questions {
  border-bottom: 2px solid #000;
  border-top: 2px solid #000;
  color: #000;
  margin-top: 40px;
  padding: 20px 0;
  text-align: center;
  text-transform: uppercase;
}

.coc-questions span.title {
  font-size: 30px;
  font-weight: bold;
  margin-right: 15px;
  text-transform: none;
}

.app-avail {
  margin-top: 20px;
  text-align: center;
	color: #000;
}

.app-avail .coc-app-store-icons {
  height: 50px;
  width: auto;
}

table {
  border: 1px solid #fff;
}

table td, table th {
  border: 1px solid #fff;
  padding: 5px 10px;
}

@media(max-width:991px) and (min-width:768px) {
	
	.wp-image-621 {
	  width: 200px;
	}
	
	.coc-phone {
	  background-position: right -30px bottom -140px;
	  background-size: 300px auto;
	}
	
	.coc-wood .coc-wood-pizza {
	  bottom: -120px;
	  left: -200px;
	  position: absolute;
	  width: 500px;
	}
	
}

@media(max-width:767px) {
	
	.wp-image-621 {
	  width: 150px;
	}
	
	.coc-heading h1 {
	  font-size: 50px;
	}
	
	.coc-heading .coc-features {
	  font-size: 14px;
	}
	
	.coc-heading .coc-app-store-icons {
		display: block;
		height: 40px;
		margin: 15px 0 0;
	}
	
	.coc-phone {
		background-image: none !important;
		padding-top: 50px;
	}
	
	.coc-wood {
		padding-top: 50px;
	}
	
	.coc-page-footer {
		text-align: center;
	}
	
	.coc-questions span.title {
  		display: block;
		margin-right: 0;
	}
}



@media (max-width:767px) {
	
	.page-id-3552 .crustu-1 {
	    padding-top: 0;
	}
	
	.page-id-3552 .pizza-top {
		right: 0;
		top: 50px;
		width: 70%;
	}
	
	.page-id-3552 .crustu-2 {
		padding: 30px 10px 20px;
	}

}
	
@media handheld, only screen and (max-width: 767px) {
	.pres-of-pizza {
		height:110px;
	}

}
	
@media handheld, only screen and (max-width: 1439px) {
	
	.row {
		width: auto;
		padding-left: 24px;
		padding-right: 24px;
		}
		
}
	
@media handheld, only screen and (max-width: 767px) {
	
	body { 
		-webkit-text-size-adjust: none; 
		-ms-text-size-adjust: none; 
		width: 100%; 
		min-width: 0; 
		margin-left: 0; 
		margin-right: 0; 
		padding-left: 0; 
		padding-right: 0;
		background-size:50%;
		}
	.row {  
		min-width: 0; 
		margin-left: 0; 
		margin-right: 0;
		overflow: visible !important;
		}
	.row .single, 
	.row .half, 
	.row .third, 
	.row .fourth,
	.row .sixth { 
		width: 100%; 
		}
	.row .row .column, .row .row .columns { 
		padding: 0; 
		}
	.column, .columns { 
		width: auto !important; 
		float: none; 
		margin-left: 0; 
		margin-right: 0; 
		}
	.column:last-child, .columns:last-child { 
		margin-right: 0; 
		float: none; 
		}
	[class*="column"] + [class*="column"]:last-child { 
		float: none; 
		}
	[class*="column"]:before, [class*="column"]:after { 
		content:""; 
		display:table; 
		}
	[class*="column"]:after { 
		clear: both; 
		}

		
}