/*
Theme Name:     Canvas Child
Theme URI:      http://example.com/
Description:    Child theme for the Canvas theme 
Author:         Kirk Johnston
Author URI:     http://example.com/about/
Template:       canvas
Version:        0.1.0
*/

@import url("../canvas/style.css");

/* =============================================================================
   General
   ========================================================================== */

body {
	background:#ccc !important;
}

.entry img, img.thumbnail, #portfolio .group.portfolio-img img {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
}

.widget {
  margin:0 !important;
}

/* =============================================================================
   Header
   ========================================================================== */
	 
header.pinkmans {
	height:555px;
	position:relative;
	/*background:url(images/header/home.jpg) no-repeat center center;*/
	background-size:cover;
}

header.pinkmans.christmas {
	background:none #4c2d57;
}

body.page-id-18 header.pinkmans {
	background:url(images/header/about-us.jpg) no-repeat center center;
	background-size:cover;
}

body.page-id-20  header.pinkmans {
	background:url(images/header/special-orders.jpg) no-repeat top center;
	background-size:cover;
}


body.page-id-22 header.pinkmans {
	background:url(images/header/provenance.jpg) no-repeat top center;
	background-size:cover;
}

body.page-id-25 header.pinkmans {
	background:url(images/header/nutrition.jpg) no-repeat top center;
	background-size:cover;
}

body.page-id-27 header.pinkmans {
	background:url(images/header/jobs.jpg) no-repeat top center;
	background-size:cover;
}

body.page-id-29  header.pinkmans {
	background:url(images/header/press.jpg) no-repeat top center;
	background-size:cover;
}

header.pinkmans img.logo {
	position:absolute;
	top:55px; left:50%;
	z-index: 9999;
	margin-left:-132px;
}

body.home img.logo {
	display: none;
}

body.home header.pinkmans.christmas img.logo {
	display: none;
}

#christmasInfo {
	max-width:1150px;
	margin:auto;
	padding: 60px 25px 0;
	display: none;
}

body.home #christmasInfo {
	display: block;
}

img.christmasLogo {
	display: block;
	max-width: 1058px;
	width: 100%;
	height: auto;
	margin: 0 auto 50px;
}

img.christmasLogo.mobile {
	display: none;
}

#christmasInfo a.christmasMenu {
	display: block;
	max-width: 670px;
	margin: 0 auto 40px;
	font-family: "proxima-nova",sans-serif;
	font-size:32px;
	line-height:35px;
	font-weight:400;
	text-align: center;
	text-transform: uppercase;
	color:#eccd21;
}

#christmasInfo a.christmasMenu:hover {
	text-decoration: none;
	color:#fff;
}

#christmasInfo p {
	max-width: 670px;
	margin: 0 auto;
	padding: 0;
	font-family: "proxima-nova",sans-serif;
	font-size:28px;
	line-height:43px;
	font-weight:400;
	text-align: center;
	color:#fff;
}

img.theSundayTimes {
	display: none;
	position:absolute;
	top:-216px; right:15px;
}

body.home img.theSundayTimes, body.page-id-29 img.theSundayTimes {
	display: block;
}

#openingInfo {
	position:absolute;
	bottom:0px; left:50%;
	z-index: 9999;
	width:1100px;
	margin-left:-575px;
	padding:18px 25px;
	background-color:#979797;
}

#openingInfo p {
	float:right;
	margin:0;
	padding:0;
	font-family: "proxima-nova",sans-serif;
	font-size:21px;
	line-height:24px;
	font-weight:400;
	color:#fff;
}

#openingInfo p:first-child {
	float:left;
}

/* =============================================================================
   Navigation
   ========================================================================== */
	 
nav#navigation, h3.nav-toggle {
	display:none !important;
}

/* =============================================================================
   Content
   ========================================================================== */

#content {
	padding:0;
	background-color:#666;
}

article.page, body.woocommerce section#main {
	padding:45px 40px 40px 55px;
}

body.page-id-22 article.page {
	background:url(images/i-got-baked-in-bristol.png) no-repeat bottom 75px right 105px;
}

article.page h1.entry-title, body.woocommerce section#main h1.page-title {
	margin:0;
	padding:0 0 30px;
	font-family: "proxima-nova",sans-serif;
	font-size:40px;
	line-height:45px;
	font-weight:700;
	color:#fff;
}

section.entry p {
	margin:0;
	padding:0 0 30px;
	font-family: "proxima-nova",sans-serif;
	font-size:25px;
	line-height:30px;
	font-weight:400;
	color:#fff;
}

section.entry p a {
	color:#fff;
}

section.entry p a:hover {
	color:#e66086;
	text-decoration:none;
}

body.page-id-29 section.entry p a {
	font-size:20px;
	line-height:25px;
	text-decoration:underline;
}

/* ========================================================
   Content - Home Intro
   ====================================================== */

#homeIntro {
	padding:55px 40px 0;
	background-color:#979797;
	overflow:hidden;
	position:relative;
}

/* =======================================
   Content - Home Intro - Contact Info
   ==================================== */

#contactInfo {
	float:left;
	width:535px;
	height:255px;
	margin:0 0 50px;
	padding:50px 0 0;
	background:url(images/home-intro/contact-info/background.png) 0 0;
	position:relative;
}

#contactInfo img {
	position:absolute;
	top:15px; right:10px;
	width: 50px;
	height: auto;
	cursor:pointer;
}

#contactInfo h4 {
	margin:0;
	padding:0 0 10px;
	font-family: "proxima-nova",sans-serif;
	font-size:41px;
	line-height:45px;
	font-weight:500;
	text-align:center;
	color:#fff;
}

#contactInfo p {
	margin:0;
	padding:0 0 5px;
	font-family: "proxima-nova",sans-serif;
	font-size:41px;
	line-height:45px;
	font-weight:400;
	text-align:center;
	color:#fff;
}

#contactInfo h4 a {
	font-family: "proxima-nova",sans-serif;
	font-size:41px;
	line-height:45px;
	font-weight:500;
	text-align:center;
	color:#fff;
	text-decoration:none;
}

/* =======================================
   Content - Home Intro - Contact (Map)
   ==================================== */

#mapContainer {
	position:absolute;
	top:55px; left:40px;
	z-index:-5;
	width:1120px;
	height:670px;
	visibility:hidden;
}

#mapContainer.active {
	display:block;
}

#mapEmbed {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
	z-index:25;
}

#mapContainer img.cross {
	position:absolute;
	top:0; right:0;
	z-index:30;
	cursor:pointer;
}

/* =======================================
   Content - Home Intro - Browse Menus
   ==================================== */

#browseMenus {
	float:right;
	width:481px;
	height:205px;
	margin:0 0 50px;
	padding:100px 27px 0;
	background-color:#fff;
}

#browseMenus h4 {
	margin:0;
	padding:0 0 50px;
	font-family: "proxima-nova",sans-serif;
	font-size:41px;
	line-height:45px;
	font-weight:500;
	text-align:center;
	color:#333;
}

#browseMenus .breakfast {
	float:left;
}

#browseMenus .pizza {
	float:right;
}

#browseMenus > div {
	width:225px;
	height:45px;
	padding:5px 0 10px;
	background-color:#666;
	cursor:pointer;
}

#browseMenus > div h5 {
	margin:0;
	padding:0;
	font-family: "proxima-nova",sans-serif;
	font-size:38px;
	line-height:45px;
	font-weight:500;
	text-align:center;
	color:#fff;
}

/* =======================================
   Content - Home Intro - Instagram Feed
   ==================================== */
	 
#instagramFeed {
	float:left;
	width:533px;
	height:303px;
	margin:0 0 50px;
	border:1px solid #fff;
	position:relative;
	cursor:pointer;
	overflow:hidden;
	background:url(http://pinkmans.co.uk/wp-content/uploads/2016/08/instagram-fix.jpg) no-repeat 0 0;
	background-size:cover; 
}

#followLinkFix {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
	z-index:20;
}

#instagramFeed iframe {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
	z-index:5;
	display:block !important;
}

#instagramFeed .followUs {
	position:absolute;
	top:50px; left:50%;
	z-index:10;
	width:244px;
	height:174px;
	margin-left:-142px;
	padding:20px;
	background:url(images/home-intro/follow-us-on-instagram.png) no-repeat 120px 20px rgba(102,102,102,0.0);	/* rgba(102,102,102,0.3) */
}

#instagramFeed .followUs h4 {
	margin:0;
	padding:72px 0 0;
	font-family: "proxima-nova",sans-serif;
	font-size:41px;
	line-height:45px;
	font-weight:500;
	text-align:center;
	color:#fff;
}

/* =======================================
   Content - Home Intro - Special Orders
   ==================================== */

#specialOrder {
	float:right;
	width:535px;
	height:305px;
	margin:0 0 50px;
	background-color:#fff;
	cursor:pointer;
}

#specialOrder h4 {
	margin:0;
	padding:125px 0 0;
	font-family: "proxima-nova",sans-serif;
	font-size:41px;
	line-height:45px;
	font-weight:500;
	text-align:center;
	color:#333;
	background:url(images/home-intro/special-order/left.png) no-repeat top 138px left 30px, url(images/home-intro/special-order/right.png) no-repeat top 138px right 30px;
}

/* =======================================
   Content - Home Intro - Subscribe
   ==================================== */

#subscribeContainer {
	margin:25px 0 0;
	display:none;
}

#subscribeContainer h3 {
	display:none;
}

#subscribeContainer p {
	float:left;
	margin:0;
}

#subscribeContainer p label.sml_emaillabel {
	margin:0;
	padding:0 65px 0 0;
	font-family: "proxima-nova",sans-serif;
	font-size:32px;
	line-height:82px;
	font-weight:400;
	text-align:left;
	color:#fff;
}

#subscribeContainer p input.sml_emailinput {
	width:420px;
	height:54px;
	margin:0;
	padding:10px 30px;
	font-family: "proxima-nova",sans-serif;
	font-size:32px;
	line-height:54px;
	font-weight:400;
	text-align:left;
	color:#fff;
	background-color:#666;
	border:4px solid #fff;
	border-radius:0;
}

#subscribeContainer p input.sml_submitbtn {
	width:220px;
	height:82px;
	margin:0;
	padding:0;
	font-family: "proxima-nova",sans-serif;
	font-size:32px;
	line-height:82px;
	font-weight:700;
	text-align:center;
	text-transform:lowercase;
	color:#000 !important;
	background-color:#fff;
	border:0;
	border-radius:0;
}

/* ========================================================
   Content - Food Menu
   ====================================================== */
	 
body.home section.entry {
	padding:45px 150px 30px;
	background-color:#fff;
}

body.home section.entry h1 {
	margin:0;
	padding:0 0 5px;
	font-family: "proxima-nova",sans-serif;
	font-size:45px;
	line-height:50px;
	font-weight:700;
	text-align:left;
	color:#e66086;
}

body.home section.entry p.special {
  margin:0;
	padding:0 0 30px;
	font-family: "proxima-nova",sans-serif;
	font-size:30px;
	line-height:45px;
	font-weight:400;
	text-align:left;
	color:#818285;
}

body.home section.entry h2 {
	margin:0;
	padding:0 0 5px;
	font-family: "proxima-nova",sans-serif;
	font-size:42px;
	line-height:45px;
	font-weight:700;
	text-align:left;
	color:#e66086;
}

body.home section.entry h2.spaceFix {
	padding:45px 0 5px;
}

body.home section.entry h5 {
	margin:0;
	padding:0 0 25px;
	font-family: "proxima-nova",sans-serif;
	font-size:30px;
	line-height:32px;
	font-weight:400;
	text-align:left;
	color:#e66086;
}

body.home .entry table {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 !important;
  margin-bottom: 0 !important;
}

body.home .entry table tbody td {
  border-bottom: 0 !important;
}

body.home .entry table td, body.home .entry table th {
  border-right: 0 !important;
  padding: 0 0 45px !important;
	font-family: "proxima-nova",sans-serif;
	font-size:30px;
	line-height:45px;
	font-weight:400;
	text-align:left;
	color:#818285;
}

body.home .entry table td strong, body.home .entry table th strong {
	font-weight:400;
	color:#000;
}

body.home .entry table td:nth-child(even) {
	padding-left:20px !important;
	text-align:right;
}

body.home section.entry p {
  margin:0;
	padding:0 0 30px;
	font-family: "proxima-nova",sans-serif;
	font-size:30px;
	line-height:45px;
	font-weight:400;
	text-align:left;
	color:#818285;
}

body.home section.entry p strong {
	font-weight:400;
	color:#000;
}

body.home section.entry img {
	margin-top:40px;
}

body.home section.entry img.wp-image-9 {
	margin-top:130px;
}

/* ========================================================
   Content - Shop
   ====================================================== */

p.woocommerce-result-count, ul.products li.product h3, ul.products li.product .price, .product_meta, #tab-additional_information {
	color: #fff !important;
}

a.button, a.comment-reply-link, #commentform #submit, .submit, input[type="submit"], input.button, button.button, #wrapper .woo-sc-button {
  background: #e66086 none repeat scroll 0 0;
}

a.button:hover, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover, input[type="submit"]:hover, input.button:hover, button.button:hover, #wrapper .woo-sc-button:hover {
  background: #fff none repeat scroll 0 0;
	color: #e66086 !important;
}

.summary h1, .summary span.amount, .summary p, #tab-description h2, #tab-description p, ul.wc_payment_methods li {
	color: #fff;
}

.woocommerce-shipping-calculator p {
	font-size: 15px !important;
	line-height: 20px !important;
	color: #555 !important;
}

.woocommerce-shipping-calculator a {
	color: #e66086 !important;
}

/* =============================================================================
   Footer
   ========================================================================== */
	 
footer.pinkmans {
	max-width:1200px;
	min-height:55px;
	margin:35px auto 95px;
	padding:0;
	position:relative;
	overflow:hidden;
}

footer.pinkmans img.upArrow {
	position:absolute;
	top:13px; left:0;
	cursor:pointer;
}

#footerMenu {
	padding:20px 63px 0;
	overflow:hidden;
}

#footerMenu ul {
	list-style-type:none;
}

#footerMenu ul li {
	float:left;
	margin:0;
	padding:0 20px;
	font-family: "proxima-nova",sans-serif;
	font-size:30px;
	line-height:30px;
	font-weight:700;
	text-align:center;
	color:#000;
	border-left:3px solid #000;
}

#footerMenu ul li a {
	font-family: "proxima-nova",sans-serif;
	font-size:30px;
	line-height:30px;
	font-weight:700;
	text-align:center;
	color:#000;
}

#footerMenu ul li.current-menu-item a, #footerMenu ul li a:hover {
	text-decoration:none;
	color:#e66086;
}

footer.pinkmans img.twitter {
	position:absolute;
	top:0; right:0;
}

/* =============================================================================
   Mobile Devices
   ========================================================================== */

@media screen and (max-width: 1200px) { /* START - Tablet (Landscape) */

/* =============================================================================
   Tablet (Landscape) - Header
   ========================================================================== */
	
	header.pinkmans {
		height:400px;
	}
	
	body.home header.pinkmans {
		height:auto;
		min-height: 220px;
	}
	
	header.pinkmans img.logo {
		width:200px;
		height:auto;
		top:40px;
		margin-left:-100px;
	}

	#christmasInfo {
		padding: 20px 25px 0;
	}

	img.christmasLogo {
		margin: 0 auto 25px;
	}

	#christmasInfo a.christmasMenu {
		margin: 0 auto 20px;
	}

	#christmasInfo p {
		max-width: 450px;
		font-size:25px;
		line-height:35px;
	}
	
	header.pinkmans img.theSundayTimes {
		height:162px;
		width:auto;
		top:-162px;
	}
	
	#openingInfo {
		left:0;
		margin-left:0;
		width: -moz-calc(100% - 50px);
		width: -webkit-calc(100% - 50px);
		width: -o-calc(100% - 50px);
		width: calc(100% - 50px);
	}
	
	#openingInfo p {
		font-size:18px;
	}

/* =============================================================================
   Tablet (Landscape) - Content
   ========================================================================== */

/* =======================================
   Tablet (Landscape) - Content - Home Intro - Contact Info
   ==================================== */

	#contactInfo {
		float:none;
		margin:0 auto 50px;
	}

/* =======================================
   Tablet (Landscape) - Content - Home Intro - Contact (Map)
   ==================================== */

	#mapContainer {
		top:55px; left:40px; right:40px;
		width:auto;
		height:670px;
	}
	
	#wpgmza_map {
		height:670px !important;
	}

/* =======================================
   Tablet (Landscape) - Content - Home Intro - Browse Menus
   ==================================== */

	#browseMenus {
		float:none;
		margin:0 auto 50px;
	}

/* =======================================
   Tablet (Landscape) - Content - Home Intro - Instagram Feed
   ==================================== */
	 
	#instagramFeed {
		float:none;
		margin:0 auto 50px;
	}

/* =======================================
   Tablet (Landscape) - Content - Home Intro - Special Orders
   ==================================== */

	#specialOrder {
		float:none;
		margin:0 auto 50px;
	
	}

/* ========================================================
   Tablet (Landscape) - Content - Food Menu
   ====================================================== */
	 
	body.home section.entry {
		padding:45px 50px 30px;
	}

/* =============================================================================
   Tablet (Landscape) - Footer
   ========================================================================== */
	
	footer.pinkmans {
		margin:35px 20px 95px;
	}
	
	#footerMenu ul li {
		padding:0 10px;
		font-size:20px;
		line-height:20px;
	}
	
	#footerMenu ul li a {
		font-size:20px;
		line-height:20px;
	}
		
} /* END - Tablet (Landscape) */

@media screen and (max-width: 850px) { /* START - Tablet (Portrait) */

/* =============================================================================
   Tablet (Portrait) - Header
   ========================================================================== */
	
	header.pinkmans {
		height:320px;
	}
	
	body.home header.pinkmans {
		height:auto;
		min-height: 220px;
	}
	
	header.pinkmans img.logo {
		width:150px;
		top:20px;
		margin-left:-75px;
	}

	#christmasInfo a.christmasMenu {
		font-size: 30px;
	}
	
	#christmasInfo p {
		max-width: 350px;
		font-size: 20px;
		line-height: 30px;
	}
	
	header.pinkmans img.theSundayTimes {
		height:122px;
		width:auto;
		top:-122px;
	}
	
	#openingInfo {
		padding:18px 25px 9px;
	}
	
	#openingInfo p {
		float:none;
		text-align:center;
	}
	
	#openingInfo p:first-child {
		float:none;
	}

/* =============================================================================
   Tablet (Portrait) - Content
   ========================================================================== */

	article.page, body.woocommerce section#main {
		padding:45px 40px 40px;
	}
	
	body.page-id-22 article.page {
		background:url(images/i-got-baked-in-bristol.png) no-repeat bottom 50px right 50px;
	}
	
	article.page h1.entry-title, body.woocommerce section#main h1.page-title {
		padding:0 0 20px;
		font-size:30px;
		line-height:35px;
	}
	
	section.entry p {
		padding:0 0 20px;
		font-size:15px;
		line-height:20px;
	}
	
	body.page-id-29 section.entry p a {
		font-size:12px;
		line-height:15px;
		text-decoration:underline;
	}

/* ========================================================
   Tablet (Portrait) - Content - Food Menu
   ====================================================== */
	 
	body.home section.entry h2 {
		font-size:32px;
		line-height:35px;
	}
	
	body.home section.entry h2.spaceFix {
		padding:35px 0 5px;
	}
	
	body.home section.entry h5 {
		padding:0 0 15px;
		font-size:20px;
		line-height:22px;
	}
	
	body.home .entry table td, body.home .entry table th {
		padding: 0 0 35px !important;
		font-size:20px;
		line-height:35px;
	}
			
	body.home section.entry p {
		padding:0 0 20px;
		font-size:20px;
		line-height:35px;
	}
	
	body.home section.entry img {
		margin-top:30px;
	}
			
	body.home section.entry img.wp-image-9 {
		width:80%;
		max-width:313px;
		height:auto;
		margin-top:110px;
	}

/* =============================================================================
   Tablet (Portrait) - Footer
   ========================================================================== */
	
	footer.pinkmans {
		margin:35px 20px;
	}
		
	#footerMenu ul li {
		float:none;
		line-height:35px;
		border-left:0;
	}
	
	#footerMenu ul li a {
		line-height:35px;
	}

} /* END - Tablet (Portrait) */

@media screen and (max-width: 640px) { /* START - Large Phone (Landscape) */

/* =============================================================================
   Large Phone (Landscape) - Header
   ========================================================================== */
	
	header.pinkmans {
		height:270px;
	}
	
	body.home header.pinkmans {
		height:auto;
		min-height: 220px;
	}
	
	body.home header.pinkmans.christmas {
		height:400px;
	}
	
	header.pinkmans img.logo {
		width:100px;
		margin-left:-50px;
	}

	img.christmasLogo {
		display: none;
	}
	
	img.christmasLogo.mobile {
		display: block;
		width: 257px;
	}	
	
	#christmasInfo a.christmasMenu {
		font-size: 15px;
		line-height: 20px;
	}
		
	#christmasInfo p {
		max-width: 330px;
		font-size: 14px;
		line-height: 20px;
	}	
	
	header.pinkmans img.theSundayTimes {
		height:95px;
		width:auto;
		top:-95px;
	}	
	
	#openingInfo p {
		font-size:15px;
		line-height:20px;
	}

/* =============================================================================
   Large Phone (Landscape) - Content
   ========================================================================== */

	article.page, body.woocommerce section#main {
		padding:45px 40px 150px;
	}
	
	body.page-id-22 article.page {
		background:url(images/i-got-baked-in-bristol.png) no-repeat bottom 50px right 50px;
	}
	
	article.page h1.entry-title, body.woocommerce section#main h1.page-title {
		padding:0 0 20px;
		font-size:30px;
		line-height:35px;
	}
	
	section.entry p {
		padding:0 0 20px;
		font-size:15px;
		line-height:20px;
	}

/* ========================================================
   Large Phone (Landscape) - Content - Home Intro
   ====================================================== */

	#homeIntro {
		padding:20px 20px 0;
	}

/* =======================================
   Large Phone (Landscape) - Content - Home Intro - Contact Info
   ==================================== */

	#contactInfo {
		width:100%;
		height:auto;
		margin:0 auto 20px;
		padding:20px 0 0;
	}
	
	#contactInfo img {
		width:50px;
		height:auto;
		top:10px;
	}
	
	#contactInfo h4 {
		margin:0;
		padding:0 0 10px;
		font-size:36px;
		line-height:40px;
	}
	
	#contactInfo p {
		font-size:36px;
		line-height:40px;
	}
	
	#contactInfo h4 a {
		font-size:36px;
		line-height:40px;
	}

/* =======================================
   Large Phone (Landscape) - Content - Home Intro - Contact (Map)
   ==================================== */

	#mapContainer {
		top:20px; left:20px; right:20px;
		height:380px;
	}
	
	#wpgmza_map {
		height:380px !important;
	}
	
/* =======================================
   Large Phone (Landscape) - Content - Home Intro - Browse Menus
   ==================================== */

	#browseMenus {
		width: -moz-calc(100% - 54px);
		width: -webkit-calc(100% - 54px);
		width: -o-calc(100% - 54px);
		width: calc(100% - 54px);
		height:auto;
		margin:0 auto 20px;
		padding:20px 27px 0;
		overflow:auto;
	}
	
	#browseMenus h4 {
		padding:0 0 20px;
		font-size:36px;
		line-height:40px;
	}
	
	#browseMenus .breakfast {
		float:left;
	}
	
	#browseMenus .pizza {
		float:right;
	}
	
	#browseMenus > div {
		width: -moz-calc(50% - 25px);
		width: -webkit-calc(50% - 25px);
		width: -o-calc(50% - 25px);
		width: calc(50% - 25px);
		height:auto;
		margin-bottom:20px;
		padding:0 10px 5px;
	}
	
	#browseMenus > div h5 {
		font-size:30px;
		line-height:35px;
	}

/* =======================================
   Large Phone (Landscape) - Content - Home Intro - Instagram Feed
   ==================================== */
	 
	#instagramFeed {
		width:100%;
		height:300px;
		margin:0 auto 20px;
	}
	
	#followLinkFix {
		top:50px; bottom:auto; left:50%; right:auto;
		width:284px;
		height:214px;
		margin-left:-142px;
	}
	
	#instagramFeed .followUs h4 {
		font-size: 36px;
		line-height: 40px;
	}
			
/* =======================================
   Large Phone (Landscape) - Content - Home Intro - Special Orders
   ==================================== */

	#specialOrder {
		width:100%;
		height:auto;
		margin:0 auto 20px;
	}
	
	#specialOrder h4 {
		margin:0;
		padding:20px 0;
		font-size:36px;
		line-height:40px;
		background:url(images/home-intro/special-order/left.png) no-repeat top 28px left 30px, url(images/home-intro/special-order/right.png) no-repeat top 28px right 30px;
	}
	
} /* END - Large Phone (Landscape) */

@media screen and (max-width: 480px) { /* START - Small Phone (Landscape) */

/* =============================================================================
   Small Phone (Landscape) - Header
   ========================================================================== */

	#openingInfo p {
		font-size:12px;
		line-height:15px;
	}

/* =============================================================================
   Small Phone (Landscape) - Content
   ========================================================================== */

	article.page, body.woocommerce section#main {
		padding:45px 40px 70px;
	}
	
	body.page-id-22 article.page {
		background:url(images/i-got-baked-in-bristol.png) no-repeat bottom 20px right 20px;
		background-size:50% auto;
	}

/* =======================================
   Small Phone (Landscape) - Content - Home Intro - Contact Info
   ==================================== */

	#contactInfo h4 {
		font-size:26px;
		line-height:30px;
	}
	
	#contactInfo p {
		font-size:26px;
		line-height:30px;
	}
	
	#contactInfo h4 a {
		font-size:26px;
		line-height:30px;
	}

/* =======================================
   Small Phone (Landscape) - Content - Home Intro - Browse Menus
   ==================================== */
	
	#browseMenus h4 {
		font-size:26px;
		line-height:30px;
	}

	#browseMenus > div h5 {
		font-size:22px;
		line-height:25px;
	}

/* =======================================
   Small Phone (Landscape) - Content - Home Intro - Instagram Feed
   ==================================== */
	 
	#instagramFeed {
		height:190px;
	}
	
	#followLinkFix {
		top:20px;
		width:170px;
		height:150px;
		margin-left:-85px;
	}
				
	#instagramFeed .followUs {
		top:20px; 
		width:150px;
		height:130px;
		margin-left:-85px;
		padding:10px;
		background:url(images/home-intro/follow-us-on-instagram.png) no-repeat 60px 20px rgba(102,102,102,0.0); /* rgba(102,102,102,0.3) */	
	}
	
	#instagramFeed .followUs h4 {
		padding:70px 0 0;
		font-size:26px;
		line-height:30px;
	}

/* =======================================
   Small Phone (Landscape) - Content - Home Intro - Special Orders
   ==================================== */
	
	#specialOrder h4 {
		margin:0;
		padding:20px 0;
		font-size:26px;
		line-height:30px;
		background:none;
	}

} /* END - Small Phone (Landscape) */

@media screen and (max-width: 360px) { /* START - Phone (Portrait) */

/* =============================================================================
   Phone (Portrait) - Header
   ========================================================================== */
	
	body.home header.pinkmans {
		min-height: 200px;
	}	
	
	#openingInfo p {
		font-size:11px;
		line-height:13px;
	}

/* =============================================================================
   Phone (Portrait) - Content
   ========================================================================== */

	article.page, body.woocommerce section#main {
		padding:45px 20px 70px;
	}
		
	article.page h1.entry-title, body.woocommerce section#main h1.page-title {
		padding:0 0 20px;
		font-size:25px;
		line-height:30px;
	}

/* =======================================
   Phone (Portrait) - Content - Home Intro - Contact Info
   ==================================== */

	#contactInfo h4 {
		font-size:22px;
		line-height:26px;
	}
	
	#contactInfo p {
		font-size:22px;
		line-height:26px;
	}
	
	#contactInfo h4 a {
		font-size:22px;
		line-height:26px;
	}

	
/* =======================================
   Phone (Portrait) - Content - Home Intro - Browse Menus
   ==================================== */
	
	#browseMenus h4 {
		font-size:22px;
		line-height:26px;
	}
	
	#browseMenus > div h5 {
		font-size:20px;
		line-height:25px;
	}

/* =======================================
   Phone (Portrait) - Content - Home Intro - Instagram Feed
   ==================================== */
	 
	#instagramFeed .followUs h4 {
		font-size:22px;
		line-height:26px;
	}

/* =======================================
   Phone (Portrait) - Content - Home Intro - Special Orders
   ==================================== */
	
	#specialOrder h4 {
		font-size:22px;
		line-height:26px;
	}

/* ========================================================
   Phone (Portrait) - Content - Food Menu
   ====================================================== */
	
	body.home section.entry {
		padding:25px 20px 30px;
	}
	 
	body.home section.entry h2 {
		font-size:22px;
		line-height:25px;
	}
	
	body.home section.entry h2.spaceFix {
		padding:25px 0 5px;
	}
	
	body.home section.entry h5 {
		padding:0 0 10px;
		font-size:15px;
		line-height:17px;
	}
	
	body.home .entry table td, body.home .entry table th {
		padding: 0 0 25px !important;
		font-size:15px;
		line-height:25px;
	}
			
	body.home section.entry p {
		padding:0 0 15px;
		font-size:15px;
		line-height:25px;
	}
	
	body.home section.entry img {
		margin-top:20px;
	}
			
	body.home section.entry img.wp-image-9 {
		width:80%;
		height:auto;
		margin-top:90px;
	}

} /* END - Phone (Portrait) */