/* ***** */
/* FONTS */
/* ***** */

@font-face {
    font-family: 'appo_paintregular';
    src: url('../fonts/appo_paint-new-webfont.woff2') format('woff2'),
         url('../fonts/appo_paint-new-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'PaintyPaint';
	src: url('../fonts/PaintyPaint1.eot');
	src: url('../fonts/PaintyPaint1.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PaintyPaint1.woff') format('woff'),
		url('../fonts/PaintyPaint1.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* ****** */
/* STYLES */
/* ****** */

/** {
	border:1px solid yellow;
}
div {
	border:1px solid red;
}
*/
body * {
    font-family: 'Courier', serif;

}
html {
	-webkit-font-smoothing:antialiased !important;
}

body {
	background: url(../images/zio-texture-bg.jpg);
}

/* Hides bxslider images until JS has fully loaded */
#siteslides{
	visibility: hidden;
	max-width: 2000px;
	margin: 0 auto;
}
.txtcenter{
	text-align: center;
}
.txtright{
	text-align: right;
}
img{
	max-width: 100%;
}
.site-title{
	margin: 0;
}
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}


/* CONTACT PAGE */


/* FooBox Forms */
.fbx-item-html {
	width:100% !important;
}

/************************************************************************************
BX Slider Height
*************************************************************************************/

.bx-wrapper img {
	/**
	 * We DO NOT want the main slide image to resize as the screen width is reduced so set max-width to 0px.
	 * Alternatively you can set a fixed width to get the image to ift better on smaller screen
	*/
	/*max-width: 1024px;*/
}


/************************************************************************************
SECTION DIVIDER
*************************************************************************************/

.section-divider {
	margin-bottom: 2em;
	background-image: url(../images/frontpage-divider.png);
    background-size: 100%;
    background-position: center;
    height: 6px;
    background-repeat: no-repeat;
    clear: both;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

/************************************************************************************
GENERIC ITEMS
*************************************************************************************/

.section-title h2 {
	font-family: "appo_paintregular";
	color: white;
	text-transform: uppercase;
	font-weight: normal;
	text-align: center;
	margin: 0 0 1em 0;
}





/************************************************************************************
MOBILE NAVIGATION
*************************************************************************************/

.slideout-menu {
	width: 250px;
	position: fixed;
	top: 0;
	left:-250px;
	height: 100%;
	background: #333;
	z-index: 100;
	overflow-y: scroll;
}

.slideout-menu i {
	font-family: "FontAwesome";
	font-size: 1.5rem;
}
.screen-reader-text{
	right: 0;
}
.slideout-menu h3 {
	margin: 0;
	position: relative;
	padding: 12px 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
	border-bottom: 4px solid #222;
}

/* Style up the toggle menu "x" */
.slideout-menu .slideout-menu-toggle {
	position: absolute;
	top: 12px;
	right: 10px;
	display: inline-block;
	padding: 6px 9px 5px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	line-height: 1;
	background: #222;
	color: #999;
	text-decoration: none;
	vertical-align: top;
}

.slideout-menu .slideout-menu-toggle:hover {
	color: #fff;
}

/* Give the menu container some love */
.slideout-menu ul {
	list-style: none;
	font-weight: 300;
	border-top: 1px solid #151515;
	border-bottom: 1px solid #454545;
	margin: 0;
	padding: 0;
}

/* And now the list items */
.slideout-menu ul li {
	border-top: 1px solid #454545;
	border-bottom: 1px solid #151515;
}

/* The anchor elements within the list items */
.slideout-menu ul li a {
	position: relative;
	display: block;
	padding: 10px;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
}

.slideout-menu ul li a button  {
	position: absolute;
	right: 10px;
}

.slideout-menu ul li a:hover {
	/*background: #000;
	color: #fff;*/
}

.slideout-menu ul li a i {
	position: absolute;
	top: 15px;
	right: 10px;
	opacity: .5;
}

.dropdown-toggle {
    background-color: transparent;
    border: 0;
    content: "";
    height: 42px;
    padding: 0;
    position: absolute;
    text-transform: lowercase;
    top: 3px;
    right: 0;
    width: 42px;
}

.dropdown-toggle:after {
	font-family: "FontAwesome";
    color: white;
    content: "\f078";
    line-height: 42px;
    position: relative;
    top: 0;
    left: 1px;
    width: 42px;
}

.dropdown-toggle.sub-menu-on:after {
	content: "\f077";
}

/* Submenu */
.slideout-menu ul .sub-menu {
	display: none;
}

.slideout-menu ul .sub-menu li {
	border: 0;
	background: #706f6f;
}



/************************************************************************************
Search
*************************************************************************************/

.searchback{
	position: fixed;
	top: 0;
	z-index: 99999;
	background: rgba(0,0,0,0.80);
	width:100%;
	height:100%;
	display: none;
}
.searchformholder{
	position: fixed;
	top:45%;
	left:0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: none;
	z-index: 999999;
	width: 100%;
	max-width: 700px;
}
.searchformholder input.search-field::-webkit-input-placeholder {
   color: #fff;
}
.searchformholder input.search-field:-moz-placeholder { /* Firefox 18- */
   color: #fff;
}
.searchformholder input.search-field::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
}
.searchformholder input.search-field:-ms-input-placeholder {
   color: #fff;
}
.searchformholder input.search-field {
  height: 70px;
  font-size: 55px;
  display: inline-block;
  font-weight: 300;
  border: none;
  outline: none;
  color: #fff;
  background: none;
  cursor: pointer;
  border-bottom: 1px solid #fff;
  width: 83%;
  cursor: text;
}
.searchformholder .search-form input[type="submit"] {
  height: 67px;
  width: 63px;
  display: inline-block;
  color:red;
  float: right;
  background: url(../images/search-icon.png) center center no-repeat;
  text-indent: -10000px;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity .4s ease;
}
.searchformholder .search-form input[type="submit"]:hover {
  opacity: 0.8;
}


/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/

.main-nav-large-devices {
	display: none;
	float: left;
	background: #231f20;
	text-align: center;
	margin-left: 5%;
	padding: 1em 1em 0.5em 1em;
	position: relative;
}

.main-nav-large-devices ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.main-nav-large-devices ul li {
	display: inline-block;
}

.main-nav-large-devices ul li a {
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.875rem;
	transition: all 0.5s ease;
}

.main-nav-large-devices ul li a:hover {
	color: #fdfbd9;
}

.main-nav-edges {
	position: absolute;
	background: #231f20;
	width: 105%;
	top: -9px;
	left: -10px;
	right: -10px;
	bottom: -10px;
	z-index: -1;
	-ms-transform: rotate(0.5deg); /* IE 9 */
    -webkit-transform: rotate(0.5deg); /* Safari */
    transform: rotate(0.5deg);
}

.main-nav-edges::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
	height: 10px;
	background: url(../images/menu-jagged-edge.png) repeat-x;
}

/************************************************************************************
Header
*************************************************************************************/

.site-header {
	text-align: center;
}

.site-header .home-link {
	display: inline-block;
	margin-bottom: 1.5em;
}

.site-header h1 {
	padding: 0;
	margin: 0;
	line-height: 1;
}


.header-nav-social {

}

.slideout-menu-toggle {
	display: inline-block;
}

.slideout-menu-toggle a {
	color: #fdfbd9;
	font-size: 2em;
}

/* ************ */
/* SOCIAL ICONS */
/* ************ */

.social-media-icons {
	display: inline-block;
	margin-right: 0.5em;
	position: relative;
	top: 3px;
}

.zio-social-icon {
	display: inline-block;
	height: 31px;
	width: 31px;
	background-image: url(../images/social-icons.png);
}

.zio-facebook {
	background-position: 127px 0;
}

.zio-instagram {
	background-position: 93px 0;
}

.zio-twitter {
	background-position: 61px 0;
}

.zio-youtube {
	background-position: 31px 0;
}


/************************************************************************************
SLIDER CONTAINER - BOOK EFFECT
*************************************************************************************/

.book-slider-container {
	position: relative;
	border: 1px solid red;
}

.book-slider-frame {
	position: relative;
	z-index: 2;
}

.book-slider-image {
	position: absolute;
    top: 22px;
    left: 23px;
    z-index: 1;
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    width: 95%;
}

/************************************************************************************
SECTION: FRONT PAGE SLIDER;
*************************************************************************************/

.section-frontpage-slider {
	margin-top: 1em;
}

.col-slider-main {
	padding: 1em;
}

.col-slider-main-inner {
	position: relative;
}

.col-slider-main .bxslider li,
.col-slider-main .bx-wrapper,
.col-slider-main .bx-viewport {
	/**
	 * Set your desired Fixed Height
	*/
	height: 300px;
	width: 100%;
}

.col-slider-main .bxslider li {
	background-size: cover;
}

.col-slider-main .bx-viewport {
	border: 9px solid white;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.8);
}

.photo-layers {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: white;
	z-index: -1;
	transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	box-shadow: 1px 1px 6px rgba(0,0,0,0.8);
}

.photo-layer-2 {
	transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	z-index: -2;
	box-shadow: 8px 8px 10px rgba(0,0,0,0.8);
}

.slide-label {
	background: #fdfbd9;
	padding: 1em;
	text-transform: uppercase;
	position: absolute;
	bottom: -25px;
	width: 80%;
	text-align: center;
	left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    box-shadow: 8px 8px 10px rgba(0,0,0,0.8);
}

.slide-label::before {
	content: "";
	width: 5px;
	height: 100%;
	position: absolute;
	left: -4px;
	top: 0;
	background: url("../images/yellow-edges-left.png");
	background-repeat: no-repeat;
}

.slide-label::after {
	content: "";
	width: 5px;
	height: 100%;
	position: absolute;
	right: -4px;
	top: 0;
	background: url("../images/yellow-edges-right.png");
	background-repeat: repeat-y;
}

.slide-label span {
	display: block;
}

.slide-label .slide-label-food {
	color: #454545;
	font-weight: bold;
	line-height: 1;
}

.slide-label .slide-label-menu {
	font-size: 0.75rem;
	color: #9a9a9a;
}

.slide-label a {
	color: #9a9a9a;
}

.slide-label-hack {
	display: none;
}


.col-slider-social {
	display: none;
	position: relative;
}

.col-slider-social h2 {
	font-family: 'appo_paintregular';
	color: white;
	margin: 0 0 0.3em 0;
	text-align: center;
}

.social-widget-holder {
	padding: 1em;
	background-image: url("../images/social-torn-edges.png");
	background-size: cover;
	position: relative;
}

.social-widget-holder::after {
	content: "";
	position: absolute;
	width: 61px;
	height: 71px;
	left: 35px;
	bottom: -57px;
	background-image: url("../images/speech-ballon-tongue.png");
	background-repeat: no-repeat;
}

.slide-label-goto-link {
    color: white;
    position: absolute;
    right: 0;
    margin-right: 5%;
    line-height: 0.8;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: -1px;
    bottom: -72px;
}

.slide-label-goto-link:hover {
	color: white;
}


/************************************************************************************
AFTER SLIDER SECTION
*************************************************************************************/

.section-after-slider {
	margin-top: 3em;
	position: relative;
}

.after-slider-text-area {
	padding: 1em;
}

.after-slider-text {
	line-height: 1;
}

.after-slider-text p {
	font-family: 'appo_paintregular';
	color: white;
	font-size: 1.6rem;
	padding: 0 1em;
	margin: 0;
}

.after-slider-promo-image {
	position: relative;
	padding: 1em 0 2em 1em;
}


/************************************************************************************
FRONTPAGE PIZZA SECTION
*************************************************************************************/

.section-frontpage-pizza {
	text-align: center;
	height: 570px;
	padding: 0 1em 1em 1em;
	background-image: url("../images/section-pizza-items-mobile.png");
	background-size: 100%;
	background-position: bottom center;
	background-repeat: no-repeat;
	overflow: hidden;
	margin-bottom: 2em;
}

.section-pizza-content {
	padding: 0 2em;
	position: relative;
}

.section-pizza-content h2 {
	font-family: 'PaintyPaint';
	color: white;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	font-size: 2.5rem;
}

.section-pizza-content .line-1,
.section-pizza-content .line-2 {
	font-family: 'appo_paintregular';
	text-transform: uppercase;
	color: white;
	display: block;
}

.section-pizza-content .line-1 {
	font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 0.5em;
}

.section-pizza-content .line-2 {
    line-height: 1;
    margin-bottom: 0.5em;
}

.section-pizza-content .line-3 {
	color: white;
	line-height: 1;
	display: inline-block;
	text-transform: uppercase;
}

/*
.section-pizza-content::after {
	content: "";
	background: url("../images/flour-arrow.png");
	background-size: cover;
	width: 140px;
	height: 147px;
	position: absolute;
	bottom: -147px;
	left: 50%;
	transform:translateX(-67%);
}
*/

/************************************************************************************
SECTION: CHEF SAYS;
*************************************************************************************/

.frontpage-chefsays {
	position: relative;
	padding: 0 1em;
}

.chef-says-col-1 {
	margin-bottom: 1em;
	overflow: auto;
	text-align: center;
}

.chef-says-col-1 h2 .line-1 {
	font-family: 'appo_paintregular';
	color: white;
	display: block;
	font-weight: normal;
	text-align: center;
	line-height: 1;
	margin-bottom: 0.5em;
	font-size: 2.5rem;
	transform: rotate(-4deg);
	letter-spacing: -1px;
}

.chef-says-col-1 h2 .line-2,
.chef-says-col-1 h2 .line-3 {
	font-family: 'PaintyPaint';
	color: white;
	text-transform: uppercase;
	display: block;
	font-weight: normal;
	font-size: 6rem;
	line-height: 0.8;
	text-align: center;
}

.chef-says-col-1 h2 .line-2 {

}

.chef-says-subheading {
	font-family: 'appo_paintregular';
	color: white;
	display: block;
	line-height: 1.1;
	margin-bottom: 0.5em;
}

.chef-says-col-1 p {
	text-transform: uppercase;
	color: white;
	line-height: 1;
}


/* ******************** */
/* CHEF SAYS BLACKBOARD */
/* ******************** */

.blackboard-image {
	display: none;
}

.blackboard-holder {
	background: url("../images/blackboard-mobile-bg.jpg");
	background-size: cover;
	color: white;
	padding: 1em;
	-webkit-box-shadow: 8px 8px 9px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 8px 8px 9px 0px rgba(0,0,0,0.6);
	box-shadow: 8px 8px 9px 0px rgba(0,0,0,0.6);
	margin-bottom: 2em;
	transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

.blackboard-text {
	border:1px solid white;
	padding: 1em;
}

.chef-says-group {
	margin-bottom: 2em;
}

.chef-says-group:last-child {
	margin-bottom: 0;
}

.chef-says-group .dish-label {
 	display: block;
 	letter-spacing: -1px;
 	text-transform: uppercase;
 	font-family: "appo_paintregular";
 	font-size: 0.75rem;
 	margin-bottom: 1em;
}

.chef-says-group .dish-name {
	display: block;
	font-family: "appo_paintregular";
	font-size: 1.125rem;
	letter-spacing: -1px;
	line-height: 1;
	margin-bottom: 0.3em;
}

.chef-says-group .dish-desc {
	display: block;
	font-family: 'Shadows Into Light', cursive;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1;
}


/************************************************************************************
LOCATION
*************************************************************************************/

.location-google-map,
.location-ireland-outline {
	margin-bottom: 2em;
}

.location-ireland-outline {
	display: none;
}

/************************************************************************************
SITE FOOTER
*************************************************************************************/

.site-footer {
	background: #0099b0;
	color: white;
	position: relative;
}

.footer-divider {
	position: absolute;
    top: -1px;
    right: 0;
    left: 0;
    height: 35px;
    /* background: red; */
    z-index: 13;
    -webkit-box-shadow: inset 0px 20px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 20px 15px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px 20px 15px 0px rgba(0,0,0,0.75);
}

.footer-main {
	padding: 4em 5% 3em 5%;
}

.footer-other p {
	line-height: 1;
	margin-bottom: 1em;
	text-transform: uppercase;
	letter-spacing: -1px;
}

.footer-other-logos a {
	display: inline-block;
	margin: 0 2px 1em 2px;
}

.footer-other-logos a:first-child {
	margin-left: 0;
}

.footer-other-logos a:last-child {
	margin-right: 0;
}

.footer-tagline {
	text-transform: uppercase;
	font-family: "appo_paintregular";
	font-weight: normal;
	position: relative;
	line-height: 1;
	font-size: 1.5rem;
	padding: 1em 0;
}

.footer-tagline::before {
	content: "";
	background-color: #85ced9;
	max-width: 438px;
	height: 3px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.footer-tagline::after {
	content: "";
	background-color: #85ced9;
	max-width: 438px;
	height: 3px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.footer-contact {
	font-family: "appo_paintregular";
	font-size: 2rem;
	font-weight: normal;
	margin-top: 0.5em;
	letter-spacing: -1px;
}

.footer-contact span {
	font-size: 1.2rem;
	font-family: "appo_paintregular";
}

.site-info p {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.65rem;
	margin: 0;
}

p.design-by {
	position: relative;
    bottom: -1em;
}

p.design-by a {
	font-weight: bold;
	color: white;
	/*border-bottom: 2px solid white;*/
	font-family: "Open sans", sans-serif;
}

p.design-by a:hover {
	text-decoration: none;
}


/************************************************************************************
FRONT PAGE GALLERY
*************************************************************************************/

.frontpage-gallery-wrap .fp-gallery-image {
	display: inline-block;
	position: relative;
	margin-bottom: 2em;
	width: 50%;
	display: none;
}

.frontpage-gallery-wrap .fp-gallery-image:nth-child(-n+8) {
	display: inline-block;
}

.foogallery-default.border-style-square-white .fp-gallery-image a {
	border-top:10px solid white !important;
	border-left:10px solid white !important;
	border-right:10px solid white !important;
	border-bottom:50px solid white !important;
	position: relative;
	-webkit-box-shadow: -8px 10px 12px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -8px 10px 12px 0px rgba(0,0,0,0.75);
	box-shadow: -8px 10px 12px 0px rgba(0,0,0,0.75);
	margin: 5px;
}

.gallery-string {
	position: relative;
}

.gallery-string::after {
	display: none;
	content: "";
	position: absolute;
	top: 10px;
	height: 2px;
	width: 100%;
	max-width: 1024px;
	height: 96px;
	background: url("../images/gallery-string.png") no-repeat;
	background-size: contain;
}


/************************************************************************************
TEMPLATE: PAGE.PHP
*************************************************************************************/

.entry-header h1 {
	margin: 1rem 0;
	color: white;
	font-family: "appo_paintregular";
	text-transform: uppercase;
	font-weight: normal;
	text-align: center;
	font-size: 2rem;
}

.entry-content-inner {
	padding: 1em 0.2em;
	/*background-color: white;*/
	background-image: url("../images/torn-edges.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 2rem;
}

.entry-content-area {
	margin-bottom: 3rem;
}

.entry-content h2 {
	margin: 0 0 32px 0;
	font-family: "appo_paintregular";
	text-transform: uppercase;
	font-size: 1.185rem;
}

.entry-content p {
	line-height: 1.2;
	font-size: 0.9375rem;
}

.entry-image {
	margin-top: -2rem;
	text-align: center;
}

/* *********** */
/* PAGE FOOTER */
/* *********** */

.content-footer {
	background-size: cover;
	height: 250px;
	position: relative;
}

.content-footer-tag {
	background: black;
    color: white;
    text-align: center;
    line-height: 1.1;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto;
    padding: 1rem 2rem;
    text-transform: uppercase;
    font-size: 1.185rem;
    /*width: 455px;*/
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}


/************************************************************************************
TEMPLATE: ZIO MENU;
*************************************************************************************/

.section-zio-menu {
	padding: 2em 1em 1em 1em;
}

/* *********** */
/* MOBILE MENU */
/* *********** */

.zio-mobile-full-headers {
	display: none;
}

.zio-mobile-menu-headers,
.zio-mobile-full-headers,
.zio-menu-main-container {
	background: url("../images/texture-bg-menu-large.jpg");
	border-radius: 8px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5)
}

.zio-mobile-menu-headers,
.zio-mobile-full-headers {
	margin-bottom: 1.5rem;
}

.toggle-zio-menu,
.zio-mobile-full-headers {
	font-family: "appo_paintregular";
	color: white;
	font-size: 1.3rem;
	padding: 0.5rem 1rem;
	display: block;
	position: relative;
	cursor: pointer;
}

.zio-mobile-full-headers {
	display: none;
}

.zio-mobile-full-headers h3 {
	font-family: "appo_paintregular";
	color: white;
	font-size: 2.5rem;
	font-weight: normal;
}

.toggle-zio-menu::after {
	position: absolute;
	font-family: "FontAwesome";
	content: "\f0d7";
	right: 1em;
	color: white;
}

.toggle-zio-menu.zio-menu-on::after  {
	content: "\f0d8";
}

.zio-mobile-menu-headers ul,
.zio-mobile-full-headers ul {
	display: none;
	margin: 0;
	padding: 0.5rem 0.5rem 0.5rem 2rem;
}

.zio-mobile-menu-headers ul li,
.zio-mobile-full-headers ul li {
	color: white;
}

.zio-mobile-menu-headers ul li a,
.zio-mobile-full-headers ul li a {
	color: white;
	font-family: "appo_paintregular";
	display: block;
}

/* ******************* */
/* MAIN MENU CONTAINER */
/* ******************* */

.zio-menu-main-container {
	padding: 1rem;
}

.zio-menu-main-container-inner {
	background: white;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

.zio-menu-main-container-inner-sketch {
	background-size: 0;
}

.menu-page-inner {
	display: none;
	padding: 0.5em;
}

.menu-page-inner.toggle-on {
	display: block;
}

.zio-menu-main-container-inner ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.zio-menu-main-container-inner ul li {
	line-height: 1.1;
	margin-bottom: 0.5em;
}

.menu-page-inner h3 {
	margin: 1em 0 0.5em 0;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 1em;
	line-height: 1;
}

.menu-page-inner h3.xmas-header {
	margin-top: 0;
}


.menu-page-inner h4 {
	background: black;
	color: white;
	display: inline-block;
	padding: 0.5em 1em;
	font-weight: normal;
	font-size: 1rem;
	position: relative;
	left: -0.5em;
	text-transform: uppercase;
}

.menu-page-kids h4,
.menu-page-xmas h4 {
	display: block;
	color: black;
	padding:0;
	left: 0;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 1em;
	line-height: 1;
	background: transparent;
	margin-bottom: 0.5em;
    margin-top: 1.5em;
}

.menu-page-kids span.kids-price {
	font-weight: bold;
	font-size: 1.5rem;
	margin-top: 1em;
	margin-bottom: 1em;
	display: block;
}

.dish-name,
.dish-desc {
	font-size: 0.8125rem;
	text-transform: uppercase;
	display: inline-block;
}

.dish-name {
	display: inline-block;
	line-height: 1.1;
}

.dish-desc {
	color: #aaaaaa;
	display: inline-block;
	line-height: 1.1;
}

.dish-price {
	font-size: 0.9375rem;
}

.zio-menu-main-container-inner ul li {
	font-size: 0.8125rem;
	text-transform: uppercase;
}

.menu-extras .extra-price {
	display: block;
}

.menu-page-kids,
.menu-page-xmas {
	line-height: 1;
}

.menu-page-kids span,
.menu-page-xmas span {
	font-size: 0.8125rem;
	text-transform: uppercase;
	line-height: 1;
}

.menu-footer-text {
	font-size: 0.8125rem;
	margin-top: 2em;
}

.menu-page-xmas .menu-footer-text {
	font-weight: bold;
}

.menu-notes {
	line-height: 1;
	margin: 1em 1em 2.5em 1em;
}

.menu-notes span {
	color: white;
	font-size: 0.8125rem;
	text-transform: uppercase;
	display: block;
	margin-bottom: 0.5em;
}

/* ********* */
/* XMAS MENU */
/* ********* */

.xmas-header {
	text-align: center;
}

.xmas-pricing {
	background: #e10f21;
	color: white;
	padding: 1em 0 1em 3em;
	text-align: right;
	position: relative;
}

.xmas-cut {
	position: absolute;
	border: 1px solid green;
	top:0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 35px;
	background-image: url("../images/xmas-sidebar-cut.svg");
	background-size: cover;
}

.xmas-cut-2 {
    width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;

  border-left: 60px solid white;
}

img.sidebar-cut {
	position: absolute;
	top: -1px;
    left: -1px;
    height: 102%;
    width: auto;
}

.xmas-pricing-section {
	border-bottom: 2px solid white;
	margin-bottom: 1em;
}

.xmas-pricing-section h4 {
	color: white;
	margin: 0 0 0.6em 0;
	padding-right: 2em;
}

.xmas-pricing-section h4 span {
	display: block;
}

.xmas-pricing-section h4 .line-1 {
	font-weight: bold;
    font-size: 2rem;
    line-height: 0.8;
    text-transform: none;
}

.xmas-pricing-section h4 .line-2 {
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1;
}

.xmas-pricing-course {
	margin-bottom: 1em;
	padding-right: 2em;
}

.xmas-pricing-course .course-name {
	text-transform: none;
    font-weight: bold;
    font-size: 1.1rem;
}

.xmas-pricing-course .course-price {
	font-size: 1.7rem;
	display: block;
	font-weight: normal;
}

.xmas-pricing-message {
	padding-right: 2em;
	border: 0;
	font-weight: bold;
}

.xmas-pricing-message p {
	margin: 0 0 0.5em 0;
}

.menu-download-section a {
	display: block;
	color: #e10f21;
	margin-bottom: 0.2em;
}

/* **************** */
/* MOTHERS DAY MENU */
/* **************** */
.md-pricing {
	background: url('../images/md-sidebar.png') no-repeat;
	background-color: #9f085b;
	background-size: 0;
	color: white;
	padding: 1em 0 1em 3em;
	text-align: right;
	position: relative;
}



.md-pricing-section {
	border-bottom: 2px solid white;
	margin-bottom: 1em;
}

.md-pricing-section h4 {
	color: white;
	margin: 0 0 0.6em 0;
	padding-right: 2em;
}

.md-pricing-section h4 span {
	display: block;
}

.md-pricing-section h4 .line-1 {
	font-weight: bold;
    font-size: 2rem;
    line-height: 0.8;
    text-transform: none;
}

.md-pricing-section h4 .line-2 {
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1;
}
.md-happy {
	padding-top: 150px;
}

.mothersday-title {
	padding-bottom: 30px;
}

.wrap-menu-page-mothersday {background-color: #9fd5c2}
/************************************************************************************
PAGE TEMPLATE: CONTACT PAGE;
*************************************************************************************/

.contact-map-wrapper {
	padding: 6% 7% 9% 5%;
	background: url("../images/torn-edges-background.png");
	background-size: 100% 100%;
	margin-bottom: 2em;
}

.contact-map-wrapper-inner {
	height: 350px;
}

#contact-map {
	width: 100%;
    height: 100%;
}

.contact-details-wrapper {
	position: relative;
}

.contact-details-wrapper::before,
.contact-details-wrapper::after {
	content: "";
    background-image: url(../images/frontpage-divider.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 6px;
    width: 100%;
    position: absolute;
    top: -1rem;
}

.contact-details-inner {
	text-align: center;
}

.contact-details-wrapper::after {
	top: auto;
	/*bottom: 0rem;*/
}

.contact-details-wrapper h3 {
	font-family: "appo_paintregular";
	color: white;
	font-weight: normal;
	margin-bottom: 0;
}

.contact-details-wrapper h3.title-find-us {
	margin-bottom: 0.5em;
}

.contact-page-contact-details {
	color: white;
	font-family: "appo_paintregular";
	margin-bottom: 1rem;
}

.contact-page-contact-details a {
	font-family: "appo_paintregular";
	color: white;
}

.contact-details-address span {
	display: block;
	font-family: "appo_paintregular";
}

/************************************************************************************
PAGE TEMPLATE: PAGE-PIZZA.PHP
*************************************************************************************/

.pizza-page-content-area h2 * {
    font-family: "appo_paintregular";
    color: #4b4848;
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.1;
}

.pizza-page-content-area h2 .line-1 {
	margin-bottom: 0.5em;
}

.pizza-listings {
	padding: 0 1em;
	margin-top: 2em;
	position: relative;
}

.pizza-image-lg {
	display:none;
	position: absolute;
	right:-250px;
	top:30px;

}

.pizza-image-lg-left {
	display:none;
	position: absolute;
	left:-260px;
	top:30px;

}



.pizza-listings-hdr h2 {
	background-image: url("../images/pizza-heading-torn-edges.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom left;
	font-family: "appo_paintregular";
	color: #4b4848;
	font-weight: normal;
	font-size: 1.275rem;
	padding: 0.75em 1em 0.5em 0.5em;
	margin-bottom: 0;
	width: 389px;
    float: left;
}

.pizza-page-content-area .col-2 p {
	margin-bottom: 0;
}



.pizza-listings-hdr .section-divider {
	position: relative;
	top: -3px;
}

.pizza-listing-single {
	text-align: center;
	color: white;
}

.pizza-listing-single .pizza-image {
	position: relative;
	margin-bottom: 2.5em;
}

.pizza-listing-single .pizza-image::before {
	content: "";
    background-image: url(../images/pizza-shadow.png);
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    bottom: -30px;
    left: 0;
    position: absolute;
    z-index: -1;
    opacity: 0.6;
}

.pizza-details {
	margin-bottom: 1.5em;
}

.pizza-details h3 {
	font-family: "appo_paintregular";
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 0.1em 0;
	padding: 0;
}

.pizza-details .pizza-summary {
	font-weight: bold;
	margin: 0 0 1em 0;
	line-height: 1.3;
	font-size: 0.9375em;
}

.pizza-details .pizza-price {
	line-height: 1.3;
	font-size: 0.9375em;
	background: #fff;
	color: #393737;
	padding: 5px 2px;
	display: inline-block;
}

.pizza-video-box {
	margin:100px auto 40px;
	background: #231f20;
	color:#fff;
	padding:40px;
  transform: skewY(1deg);
  position: relative;
  width:80%;
  min-height: 225px;
}
.pizza-video-box:before  {
	content: '';
	position: absolute;
	left: -47px;
	top:0;
	width:47px;
	height:225px;
	background: url('../images/video-box-left.png') no-repeat;

}
.pizza-video-box:after  {
	content: '';
	position: absolute;
	right: -47px;
	top:0;
	width:47px;
	height:225px;
	background: url('../images/video-box-right.png') no-repeat;

}
.pizza-video-box h3 {
    font-family: "appo_paintregular";
    font-weight: normal;
    text-transform: uppercase;
    margin: 0 0 0.1em 0;
    padding: 0;
    font-size: 2.2rem;
}

.pizza-video-box p {
    font-weight: bold;
    margin: 0 0 1em 0;
    line-height: 1.3;
    font-size: 0.9375em;
}


/************************************************************************************
404 Page
*************************************************************************************/

body.error404 {
	background: url("../images/zio-wp-login.jpg");
	background-size: cover;
	height: 100%;
}

body.error404 .site-footer {
	display: none;
}

.site-content-404 {
	text-align: center;
}

.wrapper-404 {
	padding-top: 55px;
	padding-bottom: 55px;
}

.wrapper-404 * {
	color: white; /* <-- change to desired colour */
}

.wrapper-404 a {
	text-decoration: underline;
}

.icon-404-icon {
	background: white; /* <-- change to desired colour */
	width: 179px;
	height: 149px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 15px;
}

.header-404 {
	color: white;
	margin-bottom: 3rem;
}

.header-404 span {
	position: relative;
	display: inline-block;
	font-size: 4rem;
	font-family: "appo_paintregular";
}

.header-404 span:before {
	content: "";
	border-bottom: 5px solid white; /* <-- change to desired colour */
	position: absolute;
	width: 40px;
	top:50%;
	left:-55px;
}

.header-404 span:after {
	content: "";
	border-bottom: 5px solid white; /* <-- change to desired colour */
	position: absolute;
	width: 40px;
	top:50%;
	right:-55px;
}

.header-404 .title-404 {
	margin: 0;
	font-weight: normal;
	color: white;
	background: #00963f; /* <-- change to desired colour */
	width: 50%;
	max-width: 350px;
	margin: 15px auto;
	position: relative;
}

.header-404 .title-404:before {
	content: '';
    border: 62px solid #00963f;
    border-left-color: transparent;
    border-left-width: 30px;
    position: absolute;
    top: 0;
    left: -60px;
}

.header-404 .title-404:after {
	content: '';
    border: 62px solid #00963f;
    border-right-color: transparent;
    border-right-width: 30px;
    position: absolute;
    top: 0;
    right: -60px;
}

.header-404 .title-404 h1 {
	color: white;
	font-size: 6rem;
	font-weight: normal;
	z-index: 1001;
	position: relative;
	margin: 0;
}

.header-404 h2 {
	font-size: 4rem;
	text-transform: uppercase;
	font-weight: normal;
	margin: 15px 0 48px 0;
}

.content-404 {
	width: 90%;
	max-width: 620px;
	margin-left: auto;
	margin-right: auto;
}

.content-404 p:first-child {
	margin-bottom: 25px;
}

/************************************************************************************
Larger than 200
*************************************************************************************/
@media screen and (min-width: 200px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

}

@media screen and (min-width: 375px) {

	.section-frontpage-pizza {
		height: 630px;
	}

}
/************************************************************************************
Larger than 410
*************************************************************************************/
@media screen and (min-width: 410px) {

	.section-frontpage-pizza {
		height: 670px;
	}

	.section-pizza-content {
		padding: 0 5em;
	}

	.foogallery-default.border-style-square-white .fp-gallery-image a {
		margin: 12px;
	}


}

/************************************************************************************
Larger than 600 - nexus friendly
*************************************************************************************/
@media screen and (min-width: 600px) {

	/* *********** */
	/* SITE HEADER */
	/* *********** */

	.header-nav-social {
		position: absolute;
		top: 10px;
		width: 100%;
	}

	.admin-bar .header-nav-social {
		top: 46px;
	}

	.social-media-icons {
		float: left;
		margin-left: 5%;
		margin-top: 5px;
	}

	.slideout-menu-toggle {
		float: right;
		margin-right: 5%;
	}

	/* ************* */
	/* PIZZA SECTION */
	/* ************* */

	.section-after-slider .section-divider {
	    margin-bottom: 0;
	}

	.section-frontpage-pizza {
		height: 940px;
	}

	.section-frontpage-pizza .grid-container {
		position: relative;
	}

	.section-pizza-content {
		transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		position: absolute;
    	padding: 0;
    	left: 22%;
    	top: 50px;
	}

	.section-pizza-content h2 {
		text-align: left;
		font-size: 4.375rem;
	}

	.section-pizza-content::after {
		width: 167px;
		height: 177px;
		left: 0;
		bottom: -200px;
		transform: translateX(0);
		-webkit-transform: translateX(0);
	}

	.section-pizza-content .line-1 {
		margin-bottom: 0.2em;
	}

	/* ************* */
	/* OUR CHEF SAYS */
	/* ************* */

	.chef-says-col-1-inner h2 {
		float: left;
		width: 40%;
	}

	.chef-says-subheading-wrap {
		float: left;
		width: 60%;
		margin-top: 25px;
		padding: 0 2em;
		text-align: left;
	}

	.chef-says-subheading {
		font-size: 2rem;
	}

	/* ****************** */
	/* FRONT PAGE GALLERY */
	/* ****************** */

	.frontpage-gallery {
		position: relative;
    	z-index: 15;
	}

	.frontpage-gallery-wrap {
		margin-bottom: -120px;
		margin-top: 75px;
	}

	.frontpage-gallery-wrap .foogallery-container {
		padding: 0 1em;
	}

	.frontpage-gallery-wrap .fp-gallery-image {
		width: 33.3333%;
		margin-bottom: 126px;
		height: 205px;
	}

	.frontpage-gallery-wrap .fp-gallery-image::before {
		content: "";
	    width: 35px;
	    height: 109px;
	    background-image: url(../images/image-peg-shadow.png);
	    position: absolute;
	    top: -61px;
	    left: 0;
	    right: 0;
	    margin-left: auto;
	    margin-right: auto;
	    z-index: 2;
	}

	.foogallery-default.border-style-square-white .fp-gallery-image a {
		/*width: 190px;*/
	}

	.gallery-string::after {
		display: block;
	}

	.gallery-string-1::after {
		top: 0;
	}

	.gallery-string-2::after {
		top: 330px;
	}

	.gallery-string-3::after {
		top: 656px;
	}


	/* *************** */
	/* IMAGE ROTATIONS */
	/* *************** */

	.frontpage-gallery-wrap .fp-gallery-image:nth-child(1){
		transform: rotate(2deg);
		-webkit-transform: rotate(2deg);
	}
	.frontpage-gallery-wrap .fp-gallery-image:nth-child(2){
		transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
	}
	.frontpage-gallery-wrap .fp-gallery-image:nth-child(3){
		transform: rotate(-2deg);
		-webkit-transform: rotate(-2deg);
	}
	.frontpage-gallery-wrap .fp-gallery-image:nth-child(4){
		transform: rotate(2deg);
		-webkit-transform: rotate(2deg);
	}
	.frontpage-gallery-wrap .fp-gallery-image:nth-child(5){
		transform: rotate(4deg);
		-webkit-transform: rotate(4deg);
	}
	.frontpage-gallery-wrap .fp-gallery-image:nth-child(6){
		transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
	}
	.frontpage-gallery-wrap .fp-gallery-image:nth-child(7){
		transform: rotate(-4deg);
		-webkit-transform: rotate(-4deg);
	}
	.frontpage-gallery-wrap .fp-gallery-image:nth-child(8){
		transform: rotate(-2deg);
		-webkit-transform: rotate(-2deg);
	}

	/* ******************** */
	/* TEMPLATE: MENU PAGE; */
	/* ******************** */

	.zio-menu-container {
		position: relative;
	}

	.zio-mobile-menu-headers {
		display: none;
	}

	.zio-mobile-full-headers {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 40%;
	}

	.zio-mobile-full-headers ul {
		display: block;
		padding: 0.5rem 0.5rem 0.5rem 1rem;
	}

	.zio-menu-main-container {
		float: right;
		width: 68%;
		position: relative;
		z-index: 2;
		box-shadow: -5px 5px 10px rgba(0,0,0,0.5);
	}

	.zio-menu-main-container-inner-sketch {
		min-height: 515px;
	}

	/* Background images on menu */
	.zio-menu-main-container-inner-sketch {
		background-size: auto;
		background-repeat: no-repeat;
		background-position: right bottom;
	}

	.wrap-menu-page-drinks {
		background-size: 75%;
	}

	.wrap-menu-page-kids {
		background-size: 75%;
	}

	.wrap-menu-page-salad {
		background-size: contain;
	}

	.wrap-menu-page-side-dishes {
		background-size: 60%;
	}

	.zio-mobile-full-headers ul li a[data-menu="menu-page-xmas"] {
		margin-bottom: 1em;
	}


	/* *********************** */
	/* PAGE TEMPLATE: CONTACT; */
	/* *********************** */

	.contact-map-wrapper {
		float: left;
		width: 65%;
		padding: 4% 4% 6% 3%;
	}

	.contact-details-wrapper {
		float: left;
    	width: 32%;
    	padding-left: 0;
    	top: 2em;
    	margin-left: 3%;
    	margin-bottom: 50px;
	}

	.contact-details-inner {
		padding: 0 5%;
		text-align: left;
		/*height: 380px;*/
	}

	.pizza-gallery .frontpage-gallery-wrap .fp-gallery-image {
		width: 25%;
	}

	.pizza-listing-single .pizza-image::before {
		bottom: -20px;
	}

	.pizza-image img {
		width: 180px;
	}

	.pizza-details {
		/*width: 80%;*/
		/*margin-left: auto;
		margin-right: auto;*/
		margin-bottom: 2em;
	}

	.pizza-listings {
		min-height: 590px;
	}

	.divider-pizza-page {
		margin-top: -80px;
	}



} /* 600px nexus - friendly */


/************************************************************************************
Larger than 660
*************************************************************************************/
@media screen and (min-width: 660px) {

	.twocols{width:49%; margin-right: 2%;float: left;margin-bottom: 20px;}
	.twocols:nth-child(2n+2){margin-right: 0%;}
	.twocols:last-child{margin-right: 0%;}
	.threecols{width:32%; margin-right: 2%;float: left;margin-bottom: 20px;}
	.threecols:nth-child(3n+3){margin-right: 0%;}
	.threecols:last-child{margin-right: 0%;}
	.threecolstwo{width: 65%;margin-right: 0%;float: left;margin-bottom: 20px;}
	.fourcols{width:23.5%; margin-right: 2%;float: left;}
	.fourcols:nth-child(4n+4){margin-right: 0%;}
	.fourcols:last-child{margin-right: 0%;}

	/* 404 */
	.wrapper-404 {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.header-404 span:before {
		width: 65px;
		left: -85px;
	}

	.header-404 span:after {
		width: 65px;
		right: -85px;
	}

	/* ****************** */
	/* FRONTPAGE SECTIONS */
	/* ****************** */

	.section-title h2 {
		text-align: left;
		padding-left: 1em;
	}

	.location-ireland-outline {
		display: block;
	}

	.section-frontpage-pizza {
	    height: 1010px;
	}

}


/************************************************************************************
Larger than 768: iPad friendly;
*************************************************************************************/
@media screen and (min-width: 768px) {

	/* *********** */
	/* SITE HEADER */
	/* *********** */

	.site-header .home-link {
		float: right;
		margin-right: 5%;
	}

	.admin-bar .header-nav-social,
	.header-nav-social {
		float: right;
		width: auto;
		position: relative;
		margin-right: 5%;
		top: 0.5em;
	}

	.slideout-menu-toggle {
		display: none;
	}

	/* *************** */
	/* MAIN NAVIGATION */
	/* *************** */

	.main-nav-large-devices {
		display: block;
	}

	/* *********** */
	/* MAIN SLIDER */
	/* *********** */

	.col-slider-main {
		float: left;
		width:60%;
		margin-top: -80px;
	}

	.slide-label span {
	    display: block;
	    text-align: left;
	    padding-left: 85px;
	}

	.section-frontpage-slider {
		margin-top: 0;
	}

	.col-slider-social {
		display: block;
		float: right;
		width: 30%;
		max-width: 240px;
		margin-right: 5%;
	}

	.col-slider-main .bxslider li,
	.col-slider-main .bx-wrapper,
	.col-slider-main .bx-viewport {
		height: 591px;
	}

	/* ********************** */
	/* FRONTPAGE AFTER SLIDER */
	/* ********************** */

	.section-after-slider {
		margin-top: 2em;
		margin-bottom: 0;
	}

	.after-slider-text-area,
	.after-slider-promo-image {
		/*border: 1px solid yellow;*/
		float: left;
		margin-bottom: 3em;
	}

	.after-slider-text-area {
		width: 38%;
	}

	.after-slider-text-area-inner {
		max-width: 305px;
    	float: right;
	}

	.after-slider-text p {
		font-size: 1.875rem;
		margin-bottom: 0;
	}

	.after-slider-promo-image {
		width: 62%;
		padding-left: 0;
	}

	.after-slider-promo-image img {
		position: absolute;
    	top: 50%;
    	transform: translateY(-50%);
    	-webkit-transform: translateY(-50%);
	}

	.section-divider {
		/*border: 1px solid yellow;		*/
	}

	/* ************* */
	/* PIZZA SECTION */
	/* ************* */

	.section-frontpage-pizza {
		height: 1169px;
		padding-top: 0;
	}

	.section-pizza-content {
		top: 30px;
	}

	.section-pizza-content::after {
		content: "";
		background: url("../images/flour-arrow.png");
		background-size: cover;
		width: 140px;
		height: 147px;
		position: absolute;
		bottom: -147px;
		left: 50%;
		transform:translateX(-67%);
	}

	/* ************* */
	/* OUR CHEF SAYS */
	/* ************* */

	.blackboard-holder {
		background: none;
		/*border:1px solid red;*/
		position: relative;
		-webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding: 0;
        /**
         * The height here matches the dimensions of
         * the blackboard image so that top and left
         * positions become fixed
         */
        width: 622px;
        height: 418px;
	}

	.blackboard-text {
		border: 0;
		padding: 0;
	}

	.blackboard-image {
		display: block;
		width: auto;
		-webkit-box-shadow: 8px 8px 9px 0px rgba(0,0,0,0.6);
        -moz-box-shadow: 8px 8px 9px 0px rgba(0,0,0,0.6);
        box-shadow: 8px 8px 9px 0px rgba(0,0,0,0.6);
	}

	.blackboard-text {
		position: absolute;
		top: 100px;
    	left: 203px;
    	padding-top: 0.4em;
    	transform: rotate(2deg);
    	-webkit-transform: rotate(2deg);
	}

	.chef-says-group {
		margin-bottom: 0.6em;
	}

	.chef-says-group-main {
		position: relative;
    	top: 8px;
	}

	.chef-says-group-dessert {
		position: relative;
    	top: 16px;
	}

	.chef-says-group-tipple {
		position: relative;
    	top: 25px;
	}

	.chef-says-group .dish-label {
		display: none;
	}

	.chef-says-group .dish-desc {
		max-width: 260px;
	}

	/* *********** */
	/* SITE FOOTER */
	/* *********** */

	.site-footer .grid-container {
		background-image: url("../images/footer-scooter.gif");
		background-repeat: no-repeat;
		background-position: bottom right;
	}

	.footer-main {
		padding-left: 1%;
	}

	.footer-tagline {
		width: 40%;
	}

	.footer-contact {
		position: relative;
	}

	.footer-contact::after {
		display: none;
		content: "";
		position: absolute;
		width: 117px;
		height: 52px;
		background: url("../images/bubble-call-to-order.png");
		top: 0;
		left: 270px;
	}

	/* ****************** */
	/* FRONT PAGE GALLERY */
	/* ****************** */

	.frontpage-gallery-wrap {
		margin-bottom: -90px;
	}

	/* ************************ */
	/* PAGE TEMPLATE: PAGE.PHP; */
	/* ************************ */

	.entry-header h1 {
		text-align: left;
		padding-left: 1rem;
		font-size: 3.625rem;
		margin-top: -95px;
	}

	.entry-content-area {
		position: relative;
	}

	.entry-content {
		float: left;
		width: 60%;
		position: relative;
	}

	.entry-content::after {
		content: "";
		position: absolute;
		top: 5px;
		right: -50px;
		width: 75px;
		height: 167px;
		background: url("../images/torn-edge-tab.png");
	}

	.entry-image {
		position: absolute;
	    top: 0;
	    right: 0;
	    z-index: -1;
	    margin-top: 0;
	}

	.entry-image img {
		height: 100%;
		width: auto;
		max-width: none;
	}

	.content-footer-tag {
		width: 455px;
	}

	/* ********************* */
	/* PAGE TEMPLATES: MENU; */
	/* ********************* */

	.zio-menu-main-container::before,
	.zio-mobile-full-headers::before {
		content:"";
		position: absolute;
		top: -40px;
		left: 0;
		right: 0;
		width: 295px;
		height: 147px;
		background: url("../images/clipboard-clip.png");
		margin-left: auto;
		margin-right: auto;
	}

	.zio-mobile-full-headers {
		width: 60%;
		padding: 5em 1em 3em 1em;
	}

	.zio-menu-main-container {
		padding: 5rem 1.5em 2em 1.5em;
		top: -20px;
	}

	.zio-menu-main-container-inner {
		padding: 0;
	}

	.zio-menu-main-container-inner-sketch {
		padding: 2.5em 1em;
		min-height: 570px;
	}

	.menu-page-inner h3 {
		/*display: none;*/
	}

	.menu-page-inner h4 {
		left: -1em;
	}

	.menu-page-kids h4,
	.menu-page-xmas h4 {
		left: 0;
	}

	.zio-menu-main-container-inner ul li {
		line-height: 0.8;
	}

	.menu-col-1 {
		float: left;
		width: 50%;
		line-height: 1.3;
	}

	.menu-col-2 {
		float: right;
		width: 50%;
		padding-left: 1%;
	}

	.dish-name {
		font-weight: bold;
	}

	.dish-price {
		display: block;
		font-size: 0.8125rem;
	}

	.dish-desc {
		display: block;
	}

	.dish-attr {
		display: block;
	}

	.zio-menu-main-container-inner ul.menu-extras {
		margin-top: 1em;
	}

	.zio-menu-main-container-inner ul.menu-extras li {
		margin-bottom: 1em;
	}

	.menu-extras .extra-label {
		margin-bottom: 0.3em;
		display: inline-block;
	}

	.menu-extras .extra-price {
		display: block;
	}

	/* Xmas menu */

	.xmas-header,
	.xmas-food-wrapper,
	.xmas-pricing {
		/*border: 1px solid green;*/
	}

	.xmas-food-wrapper {
		float: left;
		width: 50%;
	}

	.xmas-pricing {
		float: right;
		width: 50%;
		padding-left: 5%;
		margin-right: -1.5em;
	}

	.md-pricing {
		float: right;
		width: 50%;
		padding-left: 5%;
		margin-right: -1.5em;
	}
	.md-food-wrapper {
		float: left;
		width: 35%;
	}

	/* ***************************** */
	/* PAGE TEMPLATE: PAGE-PIZZA.PHP */
	/* ***************************** */

	.pizza-page-content-area .entry-content-inner {
		background-image: url("../images/pizza-page-torn-edges.png");
	}

	.pizza-page-content-area .entry-content-area {
		margin-top: 4em;
	}

	.pizza-page-content-area .entry-content {
		width: 100%;
	}

	.pizza-page-content-area .entry-content::after {
		display: none;
	}

	.pizza-page-content-area .entry-content .col-1,
	.pizza-page-content-area .entry-content .col-2 {
		float: left;
	}

	.pizza-page-content-area .entry-content .col-1 {
		width: 25%;
	}

	.pizza-page-content-area .entry-content .col-2 {
		width: 75%;
		padding-left: 3%;
	}

	.pizza-listing-single .pizza-image {
		float: left;
		width: 25%;
	}

	.pizza-listing-single .pizza-image::before {
		bottom: -15px;
		background-position: top center;

	}

	.pizza-details {/*
		float: right;
		width: 75%;*/
		text-align: left;
	}


/*	.pizza-listing-single:nth-child(odd) {
	}

	.pizza-listing-single:nth-child(odd) .pizza-image {
		float: right;
	}

	.pizza-listing-single:nth-child(odd) .pizza-details {
		float: left;
		text-align: left;
	}*/









} /* iPad Friendly */


@media screen and (min-width: 900px) {

	.section-frontpage-pizza {
		background-image: url("../images/section-pizza-background-min.png");
		background-size: auto;
		background-position: center;
		height: 910px;
    	margin-bottom: 0;
	}

	.section-pizza-content {
		left: 46%;
	}
	.pizza-image-lg {
		display:block;

	}

	.pizza-image-lg-left {
		display:block;

	}

	.pizza-details {
     width: 45%;
	}

	.pizza-details-right {
     width: 45%;
     float: right;
	}

	.calzone {
		padding-top: 150px;
	}

}

/************************************************************************************
Larger than 745

*************************************************************************************/

@media screen and (min-width: 960px) {

	/* ****** */
	/* HEADER */
	/* ****** */

	.main-nav-large-devices ul li {
		margin-right: 10px;
	}

	.main-nav-large-devices ul li:last-child {
		margin-right: 0;
	}

	.header-nav-social {
		width: 150px;
		float: left;
		margin-left: 2%;
	}

	.after-slider-text {
		position: relative;
		top: 12px;
	}

	/* ************* */
	/* PIZZA SECTION */
	/* ************* */

	.section-pizza-content::after {
		bottom: -154px;
    	left: 26%;
	}

	/* ************* */
	/* OUR CHEF SAYS */
	/* ************* */

	.chef-says-col-1 {
		float: left;
		width: 30%;
	}

	.chef-says-col-2 {
		float: right;
		width: 70%;
	}

	.chef-says-col-1-inner h2,
	.chef-says-subheading-wrap {
		float: none;
		width: auto;
	}

	.chef-says-col-1-inner h2 {
		/*margin-top: 1.5em;*/
		margin-top: 0;
	}

	.chef-says-col-1 h2 .line-1,
	.chef-says-col-1 h2 .line-2,
	.chef-says-col-1 h2 .line-3 {
		/*text-align: left;*/
	}

	.blackboard-holder {
		margin-top: 1em;
	}

	/* *********** */
	/* SITE FOOTER */
	/* *********** */

	.footer-other p,
	.footer-other-logos {
		display: inline-block;
	}

	.footer-other p {
		margin-bottom: 0;
	}

	.footer-other-logos {
		position: relative;
		top: -0.6em;
	}

	.footer-tagline {
		font-size: 2.5rem;
		width: 60%;
	}

	.footer-contact {
		font-size: 2.8125rem;
	}

	.footer-contact span {
		font-size: 1.875rem;
	}

	.footer-contact::after {
		left: 381px;
	}

	.site-info br {
		display: none;
	}

	.site-info p {
		font-size: 0.8125rem;
	}

	/* ****************** */
	/* FRONT PAGE GALLERY */
	/* ****************** */

	.frontpage-gallery-wrap .foogallery-container {
	    padding: 0 40px;
	}

	.frontpage-gallery-wrap .fp-gallery-image {
		width: 25%;
	}

	.gallery-string-3::after {
		display: none;
	}

	/* ************************ */
	/* PAGE TEMPLATE: PAGE.PHP; */
	/* ************************ */

	.entry-content h2 {
		font-size: 1.9375rem;
	}

	.content-footer {
		height: 404px;
	}

	.content-footer-tag {
		width: 690px;
		font-size: 1.875rem;
	}

	/* ******************** */
	/* PAGE TEMPLATE: MENU; */
	/* ******************** */

	.section-zio-menu {
		overflow: hidden;
		padding: 3em 2em 1em 2em;
	}

	.zio-mobile-full-headers,
	.zio-menu-main-container {
		border-radius: 25px;
	}

	.zio-mobile-full-headers {
		cursor: default;
		box-shadow: -5px 5px 10px rgba(0,0,0,0.5);
		transform: rotate(-2deg);
		-webkit-transform: rotate(-2deg);
	}

	.zio-menu-main-container {
		transform: rotate(4deg);
		-webkit-transform: rotate(4deg);
	}

	.zio-mobile-full-headers ul {
		line-height: 1;
	}

	.zio-mobile-full-headers ul li a {
		font-size: 1.5625em;
		display: inline-block;
	}

	.menu-col-1 {
		width: 30%;
	}

	.menu-col-2 {
		width: 70%;
	}

	/* MENU ARROWS */
	.zio-mobile-full-headers ul li a[data-menu="menu-page-xmas"],
	.zio-mobile-full-headers ul li a[data-menu="menu-page-starter"],
	.zio-mobile-full-headers ul li a[data-menu="menu-page-salad"],
  .zio-mobile-full-headers ul li a[data-menu="menu-page-vegan"],
	.zio-mobile-full-headers ul li a[data-menu="menu-page-mains"],
	.zio-mobile-full-headers ul li a[data-menu="menu-page-pizza"],
	.zio-mobile-full-headers ul li a[data-menu="menu-page-pasta"],
	.zio-mobile-full-headers ul li a[data-menu="menu-page-dessert"],
	.zio-mobile-full-headers ul li a[data-menu="menu-page-drinks"],
	.zio-mobile-full-headers ul li a[data-menu="menu-page-side-dishes"],
	.zio-mobile-full-headers ul li a[data-menu="menu-page-kids"],
	.zio-mobile-full-headers ul li a[data-menu="menu-page-lunch"],
		.zio-mobile-full-headers ul li a[data-menu="menu-page-mothersday"]{
		position: relative;
	}

	.zio-mobile-full-headers ul li a:hover {
		text-decoration: none;
	}

	/* XMAS */
	.zio-mobile-full-headers ul li a[data-menu="menu-page-xmas"]:hover::after,
	.zio-mobile-full-headers ul li a[data-menu="menu-page-xmas"].arrow-on::after {
		content:"";
		position: absolute;
		right: -50px;
    	top: 0px;
		/*width: 65px;
		height: 17px;
		background-image: url("../images/arrow-starters.png");*/
		width: 30px;
		height: 33px;
		background-image: url("../images/xmas-snowflake.png");

	}

	.zio-mobile-full-headers ul li a[data-menu="menu-page-starter"]:hover::after,
	.zio-mobile-full-headers ul li a[data-menu="menu-page-starter"].arrow-on::after {
		content:"";
		position: absolute;
		right: -75px;
		top: 8px;
		width: 65px;
		height: 17px;
		background-image: url("../images/arrow-starters.png");
	}

	.zio-mobile-full-headers ul li a[data-menu="menu-page-salad"]:hover::after,
	.zio-mobile-full-headers ul li a[data-menu="menu-page-salad"].arrow-on::after {
		content:"";
		position: absolute;
		right: -104px;
		top: 12px;
		width: 94px;
		height: 28px;
		background-image: url("../images/arrow-salad.png");
	}

  .zio-mobile-full-headers ul li a[data-menu="menu-page-vegan"]:hover::after,
	.zio-mobile-full-headers ul li a[data-menu="menu-page-vegan"].arrow-on::after {
		content:"";
		position: absolute;
		right: -88px;
		top: 12px;
		width: 78px;
		height: 26px;
		background-image: url("../images/arrow-dessert.png");
	}

	.zio-mobile-full-headers ul li a[data-menu="menu-page-mains"]:hover::after,
	.zio-mobile-full-headers ul li a[data-menu="menu-page-mains"].arrow-on::after {
		content:"";
		position: absolute;
		right: -115px;
		top: 12px;
		width: 105px;
		height: 21px;
		background-image: url("../images/arrow-mains.png");
	}

	.zio-mobile-full-headers ul li a[data-menu="menu-page-pizza"]:hover::after,
	.zio-mobile-full-headers ul li a[data-menu="menu-page-pizza"].arrow-on::after {
		content:"";
		position: absolute;
		right: -102px;
		top: 12px;
		width: 92px;
		height: 18px;
		background-image: url("../images/arrow-pizza.png");
	}

	.zio-mobile-full-headers ul li a[data-menu="menu-page-pasta"]:hover::after,
	.zio-mobile-full-headers ul li a[data-menu="menu-page-pasta"].arrow-on::after {
		content:"";
		position: absolute;
		right: -102px;
		top: 12px;
		width: 92px;
		height: 19px;
		background-image: url("../images/arrow-pasta.png");
	}

	.zio-mobile-full-headers ul li a[data-menu="menu-page-dessert"]:hover::after,
	.zio-mobile-full-headers ul li a[data-menu="menu-page-dessert"].arrow-on::after {
		content:"";
		position: absolute;
		right: -88px;
		top: 12px;
		width: 78px;
		height: 26px;
		background-image: url("../images/arrow-dessert.png");
	}

	.zio-mobile-full-headers ul li a[data-menu="menu-page-drinks"]:hover::after,
	.zio-mobile-full-headers ul li a[data-menu="menu-page-drinks"].arrow-on::after {
		content:"";
		position: absolute;
		right: -88px;
		top: 12px;
		width: 78px;
		height: 17px;
		background-image: url("../images/arrow-drinks.png");
	}

	.zio-mobile-full-headers ul li a[data-menu="menu-page-side-dishes"]:hover::after,
	.zio-mobile-full-headers ul li a[data-menu="menu-page-side-dishes"].arrow-on::after {
		content:"";
		position: absolute;
		right: -42px;
		top: 12px;
		width: 32px;
		height: 15px;
		background-image: url("../images/arrow-side-dishes.png");
	}

	.zio-mobile-full-headers ul li a[data-menu="menu-page-kids"]:hover::after,
	.zio-mobile-full-headers ul li a[data-menu="menu-page-kids"].arrow-on::after {
		content:"";
		position: absolute;
		right: -38px;
		top: 8px;
		width: 28px;
		height: 17px;
		background-image: url("../images/arrow-kids.png");
	}

	.zio-mobile-full-headers ul li a[data-menu="menu-page-lunch"]:hover::after,
	.zio-mobile-full-headers ul li a[data-menu="menu-page-lunch"].arrow-on::after {
		content:"";
		position: absolute;
		right: -38px;
		top: 8px;
		width: 28px;
		height: 17px;
		/*background-image: url("../images/arrow-lunch.png");				*/
		background-image: url("../images/arrow-kids.png");

	}

	.zio-mobile-full-headers ul li a[data-menu="menu-page-mothersday"]:hover::after,
	.zio-mobile-full-headers ul li a[data-menu="menu-page-mothersday"].arrow-on::after {
		content:"";
		position: absolute;
		right: -15px;
    	top: 38px;
		width: 97px;
		height: 26px;
		background-image: url("../images/arrow-lunch.png");
	}

	/* Menu bg images */
	.wrap-menu-page-drinks {
		background-size: auto;
	}

	.wrap-menu-page-kids {
		background-size: 85%;
	}

	.wrap-menu-page-salad {
		background-size: auto;
		background-position: bottom center;
	}

	.wrap-menu-page-side-dishes {
		background-size: auto;
	}



	/* *********************** */
	/* PAGE TEMPLATE: CONTACT; */
	/* *********************** */


	.contact-page-contact-details {
		font-size: 1.25rem;
	}

	.contact-details-inner {
		padding: 1em 5%;
	}

	.contact-details-address,
	.contact-details-tel {
		margin-bottom: 1rem;
	}

	.contact-details-wrapper::after {
		/*bottom: -3rem;*/
	}

	/* ***************************** */
	/* PAGE TEMPLATE: PAGE-PIZZA.PHP */
	/* ***************************** */

	.pizza-listing-single .pizza-image {
		/*width: 34%;*/
	}

	.pizza-image img {
		width: auto;
	}

	.pizza-details {
		/*width: 66%;*/
	}

	.pizza-details h3 {
		font-size: 1.9375rem;
	}




}



/************************************************************************************
Larger than 1024
*************************************************************************************/

@media screen and (min-width: 1024px) {

	/* REMOVING FIXED HEIGHT ON BX SLIDER */
	.bx-wrapper img {
		max-width: 100%;
	}
	.bxslider li, .bx-wrapper, .bx-viewport{
		height: auto;
	}

	/* ****** */
	/* HEADER */
	/* ****** */

	.main-nav-edges::after {
		bottom: -9px;
	}

	.main-nav-large-devices ul li {
		margin-right: 24px;
	}

	.admin-bar .header-nav-social,
	.header-nav-social {
		margin-right: 7%;
	}

	/* *********** */
	/* MAIN SLIDER */
	/* *********** */

	.col-slider-main {
		width: 68%;
	}

	.slide-label {
		position: absolute;
	    right: -32%;
	    left: auto;
	    display: inline-block;
	    width: 39%;
	    top: auto;
	    bottom: 20px;
	    z-index: -3;
	    transform: rotate(0deg);
	    -webkit-transform: rotate(0deg);
	}

	.col-slider-main .bxslider li,
	.col-slider-main .bx-wrapper,
	.col-slider-main .bx-viewport {
		height: 650px;
	}

	.slide-label-goto-link {
		bottom: -120px;
	}

	.slide-label-hack {
		position: absolute;
		/*border: 1px solid red;*/
		display: block;
	    right: -190px;
	    bottom: 20px;
	    width: 150px;
	    height: 50px;
	}

	/*.section-frontpage-slider .grid-container,
	.col-slider-main,
	.col-slider-main-inner {
		pointer-events:none;
	}

	.slide-label {
	    pointer-events:auto;
	}*/

	/* ******************** */
	/* AFTER SLIDER SECTION */
	/* ******************** */

	.section-after-slider {
		margin-top: 3em;
	}

	.after-slider-text-area,
	.after-slider-promo-image {
		margin-bottom: 5em;
	}

	.after-slider-text-area-inner {
		max-width: 353px;
	}

	.after-slider-text p {
		font-size: 2.5rem;
	}


	/* ************************ */
	/* FRONT PAGE PIZZA SECTION */
	/* ************************ */

	.section-after-slider::after {
		max-width: 1024px;
		margin-left: auto;
		margin-right: auto;
		right: 0;
	}

	.section-frontpage-pizza {
		padding-top: 0;
	}

	.section-pizza-content {
		top: 50px;
	}

	.section-pizza-content .line-1 {
		position: relative;
		left: -20px;
		font-size: 1.875rem;
	}

	.section-pizza-content .line-2 {
		font-size: 1.25rem;
	}

	.section-pizza-content .line-3 {
		position: relative;
		left: -2em;
	}

	/* ************* */
	/* PAGE TEMPLATE */
	/* ************* */

	.pizza-page-content-area .entry-content .col-1 {
	    width: 36%;
	}

	.pizza-page-content-area .entry-content .col-2 {
		width: 64%;
	}

	.pizza-page-content-area h2 {
		padding-left: 6%;
	}

	.pizza-page-content-area h2 * {
		font-size: 1.9375rem;
	}

	/* ********* */
	/* XMAS MENU */
	/* ********* */

	.wrap-menu-page-xmas {
		position: relative;
	}

	.wrap-menu-page-xmas::before {
		content: "";
		position: absolute;
		width: 73px;
		height: 98px;
		background: url("../images/xmas-bobbles.png");
		background-size: cover;
		top: 0;
		left: 25px;
	}

	.xmas-header h3 {
		margin-top: 0;
	}

	.xmas-food-wrapper {
		width: 63%;
	}

	.xmas-food-wrapper h4:first-child {
		margin-top: 0;
	}

	.xmas-food-wrapper ul li {
		margin-bottom: 1em;
	}

	.xmas-pricing {
		width: 40%;
		padding-left: 7%;
		margin-right: -2.5em;
	}

	.md-food-wrapper {
		width: 35%;
	}
	.md-pricing {
		width: 40%;
		padding-left: 7%;
		margin-right: -2.5em;
	}

	.md-pricing {
		background: url('../images/md-sidebar.png') no-repeat;
		background-color: transparent;
	}

}

@media screen and (min-width: 1080px) {

	.section-zio-menu {
		overflow: visible;
		padding: 0;
	}


}

@media screen and (min-width: 1150px) {

	.main-nav-large-devices {
		margin-left: 1%;
	}

	.site-header .home-link,
	.col-slider-social {
		margin-right: 1%;
	}

	/* ****************** */
	/* FRONT PAGE GALLERY */
	/* ****************** */

	.frontpage-gallery-wrap {
		margin-top: 40px;
	}

	.frontpage-gallery-wrap .foogallery-container {
		padding: 0;
	}

	.gallery-string::after {
		width: 1100px;
		max-width: none;
		left: -50px;
	}

	.frontpage-gallery-wrap .fp-gallery-image {
		margin-bottom: 136px;
	}

	/* ********* */
	/* MENU PAGE */
	/* ********* */

	.zio-menu-main-container-inner-sketch {
	    padding: 2.5em 2em;
	}

	.menu-page-inner h4 {
		margin-left: -2em;
	}

	.menu-page-kids.menu-page-inner h4 {
		margin-left: 0;
	}

	.menu-page-xmas.menu-page-inner h4 {
		margin-left: 0;
	}





}

@media screen and (min-width: 1300px) {

	/*.section-after-slider .section-divider {
		position: relative;
		top: 2em;
	}*/

	.after-slider-text-area {
		width: 40%;
	}

	.after-slider-text-area-inner {
		max-width: 352px;
	}

	.after-slider-text {
		top: 16px;
	}

	/*.after-slider-text p {
		font-size: 2.5rem;
	}*/

	.after-slider-promo-image {
		width: 60%;
	}

	.section-frontpage-pizza {
		background-size: cover;
		background-position: top center;
		height: 1175px;
		margin-top: 0;
	}

	.match-content-height {
		/*border: 1px solid white;*/
	}

	.section-zio-menu {
		position: relative;
	}

	/* KNIFE & FORK */
	.section-zio-menu::before,
	.section-zio-menu::after {
		content: "";
		position: absolute;
		top: 70px;
		z-index: 2;
	}

	/* FORK */
	.section-zio-menu::before {
		width: 95px;
		height: 507px;
		background: url("../images/menu-fork.png");
		left: -110px;
	}

	/* KNIFE */
	.section-zio-menu::after {
		width: 78px;
		height: 502px;
		background: url("../images/menu-knife.png");
		right: -62px;
	}



}

@media screen and (min-width: 1700px) {

	.section-frontpage-pizza {
		height: 1223px;
	}

}


@media screen and (min-width: 1920px) {

	.after-slider-text-area {
		width: 41%;
	}

	.after-slider-promo-image {
		width: 59%;
	}

	.section-frontpage-pizza {
		height: 1340px;
	}

	.section-frontpage-pizza {
		max-width: 1920px;
		margin-left: auto;
		margin-right: auto;
	}

}