/*
Theme Name: Info Theme
Author: MacLeodWebDesign.com.au
Author URI: http://macleodwebdesign.com.au
Version: 1.0
*/

/* ------------------------------------------------------------- */
/* =========================== RESET =========================== */
/* ------------------------------------------------------------- */
* {
	padding:0;
	position:relative;
	font-family: source-sans-pro, "PT-Sans", Arial, sans-serif;
}
body {
	margin:0;
	padding:0;
}

/* ------------------------------------------------------------- */
/* ========================== DEFAULT ========================== */
/* ------------------------------------------------------------- */
body {
	background-color:#f0f0f0;
	background-image: url(images/bgr.png);
	background-repeat: repeat;
	background-attachment:fixed;
}
a:link, a:visited {
	color:#0091d2;
	text-decoration:none;
}
a:hover {
	color:#333333;
}
a[target="_blank"]:not(.IT_remove_external_icon):after {		/* jQuery added a class to all anchors that do NOT contain text (but may contain an image). Add an external link icon to all anchors EXCEPT the ones without text. */
    font-family: 'FontAwesome';		/* How to use:  http://fontawesome.io/examples/  */
    content: " \f08e";
    margin-left: 3px;
    font-size: 80%;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"Days-One";
	text-transform:uppercase;
	font-weight:bold;
	color:#444;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {		/* Putting an anchor inside the heading would change the font. This fixes the problem. */
	font-family:"Days-One";
}
h1 { font-size:55px; margin-bottom:7px; font-weight:normal; color:#222; }
h2 { font-size:30px; }
h3 { font-size:25px; margin-left:20px; }
h4 { font-size:22px; margin-left:20px; margin-top:50px; }
h5 { font-size:20px; margin-left:20px; }
h6 { font-size:18px; margin-left:20px; }

p { margin:25px 0; }
p, ul, ol { font-size:16px; line-height:130%; color:#666; letter-spacing:0.2px; margin-left:20px; font-family: source-sans-pro, "PT-Sans"; }
ul, ol { padding-left:30px; box-sizing:border-box; }

.wp-caption-text { font-size:14px; color:#999; letter-spacing:0.4px; }

.alignright { float:right; margin-left:25px; }
.alignleft { float:left; margin-right:25px; }
.aligncenter { margin-left:auto; margin-right:auto; display:block; }

/* ------------------------------------------------------------- */
/* ===================== WEBSITE STRUCTURE ===================== */
/* ------------------------------------------------------------- */
.IT_site_container {								/* Contains everything visible on screen. */
	height:auto;
	margin:0 auto;
	overflow:hidden;
	width:100%;
	
	/* --------------------- */
	/*display: flex;			/* Code for sticky footer DOESNT WORK WITH IE*/
	/*min-height: 100vh;		/* https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/ */
	/*flex-direction: column;		/* To make it all work, '.IT_page' also has a flex setting of 1 */ 
	/* --------------------- */
}


	/* ---------------------------- */
	/* =========== MENU =========== */
	/* ---------------------------- */
	.IT_menu {								/* Container holds the menu, background color is applied to this. */
		background-color:#4D1B2F;					/* For older browsers */
		background-color:rgba(77, 27, 47, 1);
		color:#FFF;
		font-size:14px;
		height:70px;							/* If this is changed, also change "max-width" value on .show_hide_menu, the line-height on the anchors in .menu_items, and the "top" value of .IT_sub_menu */
		margin:0 auto;
		width:100%;
		position:fixed;
		z-index:10000;							/* z-index is REQUIRED to make the slanted logo work. */
	}
		.IT_menu_content {						/* Holds everything in the menu; this element is used to center everything inside the menu. */
			height:100%;
			margin:0 auto;
			max-width:1200px;					/* This and "max-width" of .page should have the same value. */
			width:100%;						/* Same as .page width, .header_content width, and .footer_content width. */
			z-index:1;						/* z-index is REQUIRED to make the slanted logo work. */
		}
			.IT_menu_logo {
				background: no-repeat 50% 50%; /* File defined in php. */
				background-color:transparent;
				background-size:70%;
				float: left;
				height:100%;
				margin:0 0 0 3%;
				position:absolute;
				width: 20%;
				/* Do NOT add z-index to this element. */
			}
			.IT_show_hide_menu {
				float:right;
				height:100%;
				margin:0;
				max-width:70px;					/* Same as the height of .menu */
				width:10%;
				
				min-width:50px; max-width: 50px; height: 60px; margin-top: 7px; margin-right: 5px;
				
				display:none;
			}
				.IT_menuline1, .IT_menuline2, .IT_menuline3 {
					background-color:#FFF;
					height:12%;
					margin:16% 12.5% 0;
					width:75%;
					transition: transform 0.2s linear, top 0.2s linear;
					-webkit-transition: -webkit-transform 0.2s linear, top 0.2s linear;
				}
				.IT_menuline1_active {
					-ms-transform: rotate(45deg);		/* IE 9 */
					-webkit-transform: rotate(45deg);	/* Chrome, Safari, Opera */
					transform: rotate(45deg);
					position: absolute;
					top: 50%;
					margin-top: -6%;
				}
				.IT_menuline2_active {
					display:none;
				}
				.IT_menuline3_active {
					-ms-transform: rotate(-45deg);		/* IE 9 */
					-webkit-transform: rotate(-45deg); 	/* Chrome, Safari, Opera */
					transform: rotate(-45deg);
					position: absolute;
					bottom: 50%;
					margin-bottom: -6%;
				}
			.IT_menu_items {
				float:right;
				height:100%;
				margin:0;
				width:74%;
			}
				.IT_menu_items_ul {					/*  .IT_menu > .IT_menu_content > .IT_menu_items > ul  */
				    margin:0;
				    padding:0;
				    width:100%;
				    height:100%;
				}
					.IT_menu_item {					/*  .IT_menu > .IT_menu_content > .IT_menu_items > ul > li  */
						color:inherit;				/* Same as defined in .IT_menu */
						display:block;				/* Anchors are by default inline; we want them displayed block but floated so they don't extend to fill the parent in width. */
						float:left;
						font-family:"Days-One";
						font-size:13px;
						height:100%;
						letter-spacing:2px;
						line-height:68px;			/* About the same as the height of .menu  */
						margin:0 0.5% 0 0;
						padding:0 3%;
						text-decoration:none;
						text-align:center;
						text-transform:uppercase;
						
					}
					.IT_menu_item:hover { background:rgba(0,0,0,.15); }
						
						.IT_menu_item_anchor, .IT_menu_item_anchor:link, .IT_menu_item_anchor:visited {
							display: inline-block;
							width: 100%;
							color: #FFF;
						}
						.IT_menu_item.menu-item-has-children .IT_menu_item_anchor:after {	/* Anchors whose parent menu_item contains a submenu (via a class automatically added by wp). */
							font-family: 'FontAwesome';
							content: " \f107"; 	/* Down arrow */
						}
						.IT_menu_item.menu-item-has-children .IT_menu_item_anchor.uparrow:after {	/* Add this 'uparrow' class by JS to change to an up arrow */
							font-family: 'FontAwesome';
							content: " \f106"; 	/* Down arrow */
						}

							.IT_sub_menu {						/*  .IT_menu > .IT_menu_content > .IT_menu_items > ul > li > ul  */
								padding:0 0 5px 0;
								margin: 0;
								background:#232323; /* Fallback. */
								background:rgba(35,35,35,1);
								position: absolute;
								top:70px;		/* Same as the height of the .IT_menu_item */
								left:0;
								width:200px;
								display:none;
							}
							.IT_menu_item:nth-last-child(2) .IT_sub_menu,	/* Sub menu of second last menu item */
							.IT_menu_item:last-child .IT_sub_menu { 	/* Sub menu of last menu item */
								right:0;				/* Sub menus should be set at a width greater than 100%, meaning the last few sub menus will overflow the page at small window sizes. Fix. */
							}
								.IT_sub_menu_item {				/*  .IT_menu > .IT_menu_content > .IT_menu_items > ul > li > ul > li  */
									list-style-type: none;
									font-size: 16px;
									text-transform: none;
								}
								.IT_sub_menu_item:hover { background:rgba(247,38,187,.75); }
									.IT_sub_menu_item_anchor,
									.IT_sub_menu_item_anchor:link,
									.IT_sub_menu_item_anchor:visited {
										padding:8px 0;
										margin: 0 2%;
										width: 96%;
										display: inline-block;
										color:#FFFFFF;
									}
									
										.IT_sub_sub_menu {
											display:none;
										}
		
	
	/* ---------------------------- */
	/* ========== HEADER ========== */
	/* ---------------------------- */
	.IT_header {
		background-position:50% 40%;
		background-repeat:no-repeat;
		background-size:cover;
		/*border-bottom:7px solid #f7ed29;*/
		height:350px;
		margin:0 auto;
		overflow:hidden;
		width:100%;
		
		display:none;
	}
	body.home .IT_header {	/* For home page only. */
		background-position:50% 100%;
		background-image:url(images/header_bg.jpg);
		height:600px;
		
		display:none;
	}
	
		.IT_header_content {
			height:100%;
			max-width:1200px;
			margin:0 auto;
			overflow:hidden;
			width:100%;						/* Same as .page width, .menu_content width, and .footer_content width. */
		}
			.IT_header_logo {
				height:100%;
				margin:0 auto;
				width:25%;
				
				background:50% 50% no-repeat url(images/header_logo.png);
				background-size:contain;
			}
	
	
	/* ---------------------------- */
	/* =========== PAGE =========== */
	/* ---------------------------- */
	.IT_page {
		height:auto;
		margin:120px auto 0;
		overflow:hidden;
		width:100%;							/* Same as .menu_content width, .header_content width, and .footer_content width. */
		
		/*flex:1; /* For sticky footer. See comments on .IT_site_container. DOESNT WORK WITH IE */
	}
	body.home .IT_page { margin-top:50px; }			/* Home page only. */
	
	.IT_alert {		/* Old browser. */
		width:100%;
		height:auto;
		overflow:hidden;
		color:#FFFFFF;
		background:#FA0202;
		position:fixed;
		z-index:1000;
		top:50px;
		padding:7px;
	}	
		
		.IT_page_content {
			background-color:#FFF;
			height:auto;
			margin:0 auto 105px;
			max-width:1200px;
			overflow:hidden;
			padding:50px 70px;
			box-sizing:border-box;
			width:95%;
		}
		body.home .IT_page_content { /* Home page only. */
			margin-top:0;
			margin-bottom:105px;
			background-color:rgba(255,255,255,0.95);
		}
			.IT_sidebar {
				float:right;
				height:auto;
				margin:0 0 20px 7.5%;
				overflow:hidden;
				width:25%;
				z-index:1000;					/* Keep the sidebar above the adjacent paragraphs (which are positioned as "block", meaning they stretch over the sidebar). */
			}
				.IT_sidebar h3 { font-size:30px; margin-bottom:20px; border-top:#EEE solid 4px; padding-top:10px; box-sizing:border-box; }
			
			.IT_page_text {
				float:left;
				height:auto;
				overflow:hidden;
				width:67.5%; /* Only to be used if sidebar is visible. Will need to add it into the html. */
			}
			
		.IT_block {							/* This is a div thats 100% wide; usually used with a large background image and a call to action button inside. Helpful on a landing page. */
			/*background-image:url();*/
			background-position:center center;
			background-repeat:no-repeat;
			background-size:cover;
			height:auto;
			margin:0 auto 20px;
			overflow:hidden;
			padding-top:30px;		/* So elements may appear to overflow the block. (Using overflow visible ruins positioning relative to other elements) */
			width:100%;
		}
		
		
		.IT_fb_box {
			width:500px; /* This should be the same as the width of the plugin (which will be between 180-500 px). */
			overflow:hidden;
			margin:70px auto 0;
		}
		
		
		
		#breadcrumbs{
		    list-style: none;
		    margin: 0 0 35px 0;
		    overflow: hidden;
		    padding: 0 0px 4px;
		    border-bottom: 1px solid #F7F7F7;
		    display: block;
		    font-size: 12px;
		    color: #BBB;
		}
		  
		#breadcrumbs li{
			display:inline-block;
			vertical-align:middle;
			margin-right:15px;
			cursor: default;
		}
			#breadcrumbs li a, #breadcrumbs li a:link, #breadcrumbs li a:visited {
			    color: #BBB;
			}
		  
		#breadcrumbs .separator{
			font-weight:100;
			color:#DADADA;
		}	
	
	
	/* ---------------------------- */
	/* ========== FOOTER ========== */
	/* ---------------------------- */
	.IT_map_block {
		height:100px;
		margin-top:75px;
	}
	body.home .IT_map_block {
		height:200px;
	}
	
	.IT_footer {
		background:#250D17;
		border-top:5px solid #EAA21A;
		color:#797979;
		height:auto;
		margin:0 auto 0;
		overflow:hidden;
		width:100%;
	}
		.IT_footer_content {
			height:auto;
			margin:15px auto;
			max-width:1200px;
			overflow:hidden;
			width:95%;
		}
			.IT_footer_division_1, .IT_footer_division_2, .IT_footer_division_3, .IT_footer_division_4 {
				float:left;
				height:auto;
				margin:50px 0 20px;
				overflow:hidden;
			}
			.IT_footer_division_1 { width:30%; }
			.IT_footer_division_2 { width:40%; margin-top:30px; }
			.IT_footer_division_3 { width:30%; }
			.IT_footer_division_4 { float:none; width:100%; }
				
			/* ---- Footer division 1 ---- */
			
				.IT_footer .IT_footer_division_1 h6, .IT_footer .IT_footer_division_1 a:link, .IT_footer .IT_footer_division_1 a:visited,
				.IT_footer .IT_footer_division_2 h6, .IT_footer .IT_footer_division_2 a:link, .IT_footer .IT_footer_division_2 a:visited,
				.IT_footer .IT_footer_division_3 h6, .IT_footer .IT_footer_division_3 a:link, .IT_footer .IT_footer_division_3 a:visited {
					color:#BFBFBF;
					font-family:"Days-One", Arial, sans-serif;
					font-weight:bold;
					margin:0;
					text-transform:none;
					letter-spacing:1px;
					text-align:center;
					font-size:18px;
				}
				.IT_footer a:hover { color:#A5A5A5; }
				
				.IT_footer .IT_footer_division_1 p, .IT_footer .IT_footer_division_1 p a:link, .IT_footer .IT_footer_division_1 p a:visited,
				.IT_footer .IT_footer_division_2 p, .IT_footer .IT_footer_division_2 p a:link, .IT_footer .IT_footer_division_2 p a:visited,
				.IT_footer .IT_footer_division_3 p, .IT_footer .IT_footer_division_3 p a:link, .IT_footer .IT_footer_division_3 p a:visited {
				
				/*.IT_footer p, .IT_footer p a:link, .IT_footer p a:visited {*/
					color:#555555;
					text-transform:uppercase;
					letter-spacing:1px;
					text-align:center;
					font-family: source-sans-pro, "PT-Sans", Arial, sans-serif;
					margin:15px 0;
					font-size:15px;
				}
				.IT_footer p a:hover {
					color:#888888;
				}
					
					
				
					
			/* ---- Footer division 2 ---- */
			
				.IT_footer_logo_href { }
					.IT_footer_logo {
						background:url(images/footer_logo.png) 50% 50% no-repeat;
						background-size:contain;
						height:90px;
						margin:0 auto;
						width:60%;
					}
				

			/* ---- Footer division 3 ---- */
			
			
				
			.IT_footer_menu {
				overflow:hidden;
				width:100%;
				height:auto;
				margin:10px 0 0;
				
				display:none;
			}
	
	/* ---------------------------- */
	/* ========= HOME PAGE ======== */
	/* ---------------------------- */
	.IT_slider_container {
		width:100%;
		height:75vh;
		position:relative;
		margin: 0 auto;
	}
		.pageAnimate .slide {
		 	background-size:cover;
		 	background-position:50% 50%;
		 	background-repeat:no-repeat;
		 }
		#pageAnimate_slide1 {
		 	background-position:70% 38%;
		}
		#pageAnimate_slide2 {
		 	background-position:50% 70%;
		}
		#pageAnimate_slide2 {
		 	background-position:50% 60%;
		}
			
			.pageAnimate .slide h3 {
				color: #FFF;
				display:inline-block;
				position: absolute;
				
				font-size:55px;
				font-weight:100;
				font-style:italic;
				font-family:"Days-One";
				letter-spacing:3px;
				text-transform: uppercase;
				text-shadow: 1px 2px 3px #111;
				
				margin: 0;
				bottom:300px;
				left: 180px;
			}
			/*.pageAnimate .slide h3 a,
			.pageAnimate .slide h3 a:link,
			.pageAnimate .slide h3 a:visited {
				font-style:italic;
				font-family:"Days-One";
				color:#333;
				text-shadow: 0 2px 6px #FFF;
			}*/
			
			#pageAnimate_slide2 h3 {
				float:right;
				margin-right:7%;
			}
			#pageAnimate_slide3 h3 {
				float:right;
				margin-right:20%;
			}
	
		
	.pageAnimate_nav {
		position:relative;
		width:80px;
		left:0;
		top:60%; /* Fallback */
		top: calc(100% - 190px);
		margin:0 auto;
		overflow:hidden;
		z-index: 1000;
	}
		.pageAnimate_nav .pageAnimate_trigger {
			border-radius:10px;
			border:3px solid #E4E4E4;
			background:transparent;
			cursor:pointer;
			box-sizing:border-box;
		}
		.pageAnimate_nav .pageAnimate_triggerActive,
		.pageAnimate_nav .pageAnimate_trigger:hover {
			background-color:#E4E4E4;
		}
	
	.block#home_block_1 {
		bottom: 0;
		height: auto;
		background-color: rgba(0,0,0,.85);
		padding: 50px;
		position: absolute;
		box-sizing: border-box;
		width: 100%;
	}
		.IT_button, .IT_button:link, .IT_button:visited {
		    padding: 10px 20px;
		    display: inline-block;
		    box-sizing: border-box;
		    font-size: 25px;
		    color: #FFF;
		    text-transform: uppercase;
		    background-color:#f726bb; /* Fallback */
		    background-color:rgba(247,38,187,.75);
		    font-family: "Days-One";
		    width:auto;
		    margin-right:7px;
		    margin-bottom: 7px;
		}
		.IT_button:hover {
		    background-color:rgba(247,38,187,1);
		}
		.home .IT_button#menu,
		.home .IT_button#order_online {
			margin-right:0.75%;
		}
		
		.home .IT_button#menu,
		.home .IT_button#order_online,
		.home .IT_button#order_phone {
			padding-left:0%;
			padding-right:0%;
			text-align:center;
			width:16%;
		}
	.block#home_block_2 {
		top: 0;
		height:500px;
		background-color: rgba(255,255,255,.95);
		padding: 50px;
		position: relative;
		box-sizing: border-box;
		width:100%;
		margin:0 auto;
	}
	
	
	.IT_tagline {
		color:#732846;
		font-style:italic;
		font-size:30px;
		letter-spacing:4px;
		margin: 120px auto 120px;
		text-align:center;
		text-transform:none;
		text-shadow:0px 1px 1px #732846;
		width:100%;
		cursor:default;
		
		font-family:"Days-One";
	    text-transform: uppercase;
	    font-style: normal;
	    font-weight: 700;
	    color: #FFF;
	}
	
	.IT_boxes {
		height:auto;
		margin:0;
		overflow:hidden;
		width:100%;
	}
		.IT_box {
			background-repeat:no-repeat;
			background-size:150%;
			background-position:50% 0%;
			height:auto;
			float:left;
			margin:0 4.16665%;
			overflow:hidden;
			width:25%;
		}

			.IT_box_header {
				color:#FFFFFF;
				height:auto;
				margin-bottom:20px;
				overflow:hidden;
				width:100%;
			}
				.IT_box_header h2 {
				    color:#312000;
				    text-align: center;
				    font-size: 25px;
				    margin-left: 0;
				}
				.IT_box_header h2:hover {
				    color:#5f4007;
				}
			
			.IT_box_links {
				box-sizing:border-box;
				color:#FFFFFF;
				height:100%;
				letter-spacing:1px;
				line-height:20px;
				padding:0 0 20px 0;
				text-align:center;
				width:100%;
			}
				.IT_box_links h6 {
					color:inherit;
					font-family:inherit;
					text-transform:none;
					font-weight:bold;
					font-size:16px;
					letter-spacing:1px;
					margin:3px 10px;
					padding:5px 0;
				}
				.IT_box_links h6:hover { background: rgba(0,0,0,.1); }
				
				.IT_box_links .the_excerpt {
					color:#845808;
					font-weight: 600;
					margin: 0 auto;
					cursor:default;
					color: #fff;
					text-shadow: 0.5px 0.5px 0.5px #482e00;
				}
					
					.IT_box_links a, .IT_box_links a:link, .IT_box_links a:visited {
					    color: #FFFFFF;
					    width:100%;
					    height:100%;
					    display:inline-block;
					}
			
		
		.IT_box_header { background-color:#CF8C13; background:rgba(207,140,19, 0.75); }
		.IT_box_links { background-color:#EAA21A; background-color:rgba(234,162,26, .7);  }	
	
	
	.IT_deals {
		margin-top: 60px;
	}
		.IT_deals .IT_box {
		    width:91.7%;
		    float: none;
		    margin: 20px auto 70px;
		    background-size:cover;
		    background-position: 50% 50%;
		    height: 300px;
		    -webkit-transition: box-shadow .1s;
		    -moz-transition: box-shadow .1s;
		    transition: box-shadow .1s;
		}
		.IT_deals a:link .IT_box:hover {
			box-shadow: 0px 1px 7px #3e052e;
		}
		.IT_deals a:link .IT_box:hover h2 {
		    text-shadow: 1px 1px 1px #630548;
		}
		.IT_deals a:first-child .IT_box {
			background-position: 50% 20%;
		}
		.IT_deals a:nth-child(2) .IT_box {
		    background-position: 50% 70%;
		}
		.IT_deals a:nth-child(3) .IT_box {
		    background-position: 50% 70%;
		}
			.IT_deals .IT_box_header {
			    /*background-color: rgba(0,0,0,.7);*/
			    background-color: rgb(248,38,188); /* Fallback */
			    background-color: rgba(248,38,188,0.7);
			}
				.IT_deals .IT_box_header h2 {
				    color: #FFF;
				}
				.IT_deals .IT_box_header h2:hover {
				    text-shadow: 1px 1px 1px #630548;
				}
			.IT_deals .IT_box_links {
			    background-color: transparent;
			}
				.IT_deals .IT_box_links p {
				    font-family: Days-One;
				    font-size: 20px;
				    top: calc(50% - 20px);
				    color: #FFF;
				    text-shadow: 1px 1px 0.5px #000;
				    cursor: default;
				    background: rgba(0,0,0,.5);
				    padding: 10px 20px 10px 70px;
				    margin: 0;
				    width: auto;
				    float: left;
				}
	
	.IT_bottom_boxes {
		height:auto;
		overflow:hidden;
		width:100%;
	}
	
		.IT_locations,
		.IT_about {
			box-sizing:border-box;
			float:left;
			height:auto;
			margin:0 5.83335% 0 4.16665%;
			overflow:hidden;
			width:40%;
		}
			.IT_locations_title h6,
			.IT_about_title h6 {
				color:#404040;
				font-size:25px;
				letter-spacing:1px;
				margin:100px 0 15px 0;
			}
			.IT_locations_thumb,
			.IT_about_thumb {
				background-repeat:no-repeat;
				background-size:cover;
				background-position:50%;
				float:left;
				height:200px;
				margin:0 5% 0 0;
				overflow:hidden;
				width:50%;
			}
			.IT_locations .IT_locations_excerpt,
			.IT_about .IT_locations_excerpt {
				font-style:italic;
				letter-spacing:1.5px;
				font-weight:100;
				color:#888;
				font-size:18px;
				font-family: source-sans-pro, "PT-Sans";
				float:right;
				width:44%;
				margin-left:0;
				margin-top:0;
			}
			.IT_locations_findoutmore:link, .IT_locations_findoutmore:visited,
			.IT_about_findoutmore:link, .IT_about_findoutmore:visited {
				font-weight:bold;
				font-size:18px;
				font-family: source-sans-pro, "PT-Sans";
				color:#732846;
				font-style:italic;
				letter-spacing:1px;
			}
		
		.IT_about { float:right; margin:0 4.16665% 0 5.83335%; }
			.IT_about_thumb { margin:0 5% 0 0; }
		
	
	
	
	
	
	/* ---------------------------- */
	/* ======== MENU PAGE ========= */
	/* ---------------------------- */
	.page-id-11 .menu_link { overflow:hidden; }
		.page-id-11 a > h2 { float:left; margin: 8px 0 40px 20px; }
		.page-id-11 a:link > h2,
		.page-id-11 a:visited > h2 { color:#f826bc; border-bottom:2px solid transparent; }
		.page-id-11 a:link > h2:hover,
		.page-id-11 a:visited > h2:hover { border-bottom:2px solid #f826bc; }
		.page-id-11 .thumbnail {
		    width: 50px;
		    height: 50px;
		    float:left;
		    background-size: cover;
		    background-position: center center;
		}
	/* ---------------------------- */
	/* ====== LOCATION PAGE ======= */
	/* ---------------------------- */
	#location_map {
		height:400px;
		width:90%;
		margin:20px auto;
	}
	
	/* ---------------------------- */
	/* ======== FOOD MENU ========= */
	/* ---------------------------- */
	.menu_range {
	    width: 48%;
	    margin:20px 1% 50px;
	    float: left;
	    border-left: 5px solid #F6F6F6;
	    border-bottom: 5px solid #F6F6F6;
	    box-sizing: border-box;
	    padding: 0 0 0 1%;
	    
	    width: 98%;
	    float: none;
	    border: none;
	}
	.menu_range:nth-child(even) {
	    float: right;
	}
		.menu_range h2 {
		    text-align: center;
		    color: #f826bc;
		    text-shadow: 1px 1px 0px #444;
		    margin-top: 0;
		    font-size:38px;
		}
		.menu_img{
			width:100%;
			height:300px;
			margin:20px auto;
			background-size:cover;
			background-repeat:no-repeat;
			background-position:50% 60%;
		}
		.menu_item {
			margin: 10px 0 20px;
		    padding: 2.5%;
		    width: 100%;
		    box-sizing: border-box;
		}
			.menu_title {
			    text-transform: uppercase;
			    font-weight: 700;
			    text-align: center;
			    font-size: 20px;
			    margin-bottom: 4px;
			}
			.menu_ingredients {
			    text-align: center;
				font-weight: 300;
			}
			.menu_prices {
				margin-top:5px;
				overflow:hidden;
				width: 80%;
				margin:10px auto 0;
			}
				.menu_sml, .menu_med, .menu_lg, .menu_fam {
				    margin: 0 2.5%;
				    width: 20%;
				    float:left;
				}
				.menu_sml {
				    color: #999;
				}
				.menu_med {
				    color: #777;
				}
				.menu_lg {
				    color: #555;
				}
				.menu_fam {
				    color: #333;
				}
					.menu_size {
						font-weight: 300;
						text-align: center;
						font-size: 16px;
					}
					.menu_price {
						font-size: 28px;
						font-weight: 100;
						text-align: center;
					}
		
		/* SIDES page. */		
		.page-id-24 .menu_range {
		    width: 48%;
		    float: left;
		    margin-bottom: 80px;
		    border-bottom: 5px solid #F6F6F6;
		    background: #FCFCFC;
		    padding-top: 20px;
		}
		.page-id-24 .menu_range:nth-child(even) {
		    float: right;
		}
			.page-id-24 .menu_sml {
			    float: none;
			    margin: 0 auto;
			}
		
		
		/* PASTA page */
		.page-id-22 .menu_sml {
			float: none;
			margin: 0 auto;
		}
	
	/* ---------------------------- */
	/* ======= CONTACT PAGE ======= */
	/* ---------------------------- */
	
	.IT_contactform_container {
		width:90%;
		margin:20px auto;
	}
		#IT_contact_name, #IT_contact_email, #IT_contact_message {
		    display: block;
		    width: 100%;
		    border: 1px solid #DDD;
		    padding: 5px 10px;
		    box-sizing: border-box;
		    font-size: 16px;
		    margin: 10px 0;
		    background: #FFF;
		}
		#IT_contact_email {
		    float: right;
		    width: 49%;
		}
		#IT_contact_name {
		    float: left;
		    width: 49%;
		}
		#IT_contact_name:focus, #IT_contact_email:focus, #IT_contact_message:focus {
		    outline: none;
		    background: #FBF8F9;
		}
		#IT_contact_message {
		    height: 100px;
		}
		.g-recaptcha {
		    margin: 20px 0;
		}
		#IT_contact_submit {
		    box-sizing: border-box;
		    padding: 7px 40px;
		    background:#F4EEF0;
		    color: #9C6A7C;
		    border: none;
		    font-size: 16px;
		    font-family: source-sans-pro, "PT-Sans";
		    cursor: pointer;
		}
		#IT_contact_submit:hover {
		    background: #7B4458;
		    color:#FFFFFF;
		}
		
		
		#IT_form_messages {
		    padding: 7px 40px;
		    margin: 10px 0 0;
		    width: auto;
		    cursor: default;
		    display: inline-block;
		    box-sizing: border-box;
		}
		#IT_form_messages.success {
		    background: #8DD692;
		}
		#IT_form_messages.error {
		    background:#BA3F5B;
		    color:#FFF;
		}

/* ------------------------------------------------------------- */
/* ===================== WEBSITE ELEMENTS ====================== */
/* ------------------------------------------------------------- */
.IT_list_item {									/* For use when displaying a list of articles on a page (like "articles" or a category page) */
	border-left:4px solid #EEE;
	margin:30px auto;
	overflow:hidden;
}
	.IT_list_item h2 {							/* The article title. */
		margin:0 15px 5px;
	}
	.IT_list_item_date {							/* The date the article was written (may also include link to author). */
		color:#999;
		cursor:default;
		font-style:italic;
		font-size:14px;
		margin:0 15px;
	}
		.IT_list_item_date a:link, 
		.IT_list_item_date a:visited { color:#888; }
		.IT_list_item_date a:hover { color:#AAA; }
	
	.IT_list_item_excerpt { margin:0 15px 5px; }				/* The excerpt for the article. */
	
	.IT_list_item_comments { margin-left:4px; }				/* Text displaying how many comments are on the given article. */
	.IT_list_item p { margin-left:15px; margin-right:15px; }
	

.IT_divider { 
	height: 55px;
    background: url(http://eaglepizzas.com.au/wp-content/uploads/2017/03/break_dk.png) center center no-repeat;
    background-size: contain;
    width: 30%;
    margin: 60px auto 0px;
    max-width: 230px;
    opacity: 0.2;
}
	




.IT_about_author {								/* About author box shown at the bottom of a post. */
	overflow:hidden;
}
	.IT_about_author_img {							/* Avatar of the author. */
		width:10%;
		height:10%;
		float:left;
	}
		.IT_about_author_img img {
			width:100%;
			height:auto;
		}
	.IT_about_author_text {							/* Biography of the author. */
		margin-top:0;
		margin-bottom:0;
		width:88%;
		float:right;
	}
		.IT_about_author_text h2 { margin:0; }
		.IT_about_author_text p {margin:0;}



.IT_page_title {								/* The h1 title of the page/post */
	margin-top:0;
}


.IT_social_buttons {
	width:60%;
	height:30px;
	overflow:hidden;
	margin-bottom:20px;
}
	.IT_fb, .IT_tw, .IT_gp { float:left; margin-right:10px; }
	.IT_fb > span { top:0px; }





.IT_category_list,
.IT_tag_list,
.IT_related_articles {
    background:#f9f9f9;
}
	.IT_related_article {
		margin:20px auto 10px;
		width:100%;
		overflow:hidden;
	}
		.IT_related_article h4 { margin:0 5px; font-size:24px; }
		.IT_related_article p { margin:0 5px 10px; }
		
		.IT_related_article_img {
			background-repeat:no-repeat;
			background-size:cover;
			background-position:50% 50%;
			height:90px;
			width:100%;
		}



/* ------------------------------------------------------------- */
/* ======================= MEDIA QUERIES ======================= */
/* ------------------------------------------------------------- */
#mediaquery { /* A div that media queries and JS can use to talk to each other about the width of the browser window. */
    width:1920px;
    height: 0;
    display: none;

}

@media all and (min-width:1501px) and (max-width:1768px) {
	#mediaquery { width:1768px; }
	.home .IT_button#menu, .home .IT_button#order_online, .home .IT_button#order_phone { width:20%; }
	.pageAnimate .slide h3 { font-size:48px; }
}

@media all and (min-width:1301px) and (max-width:1500px) {
	#mediaquery { width:1500px; }
	.home .IT_button#menu, .home .IT_button#order_online, .home .IT_button#order_phone { width:25%; }
	.pageAnimate .slide h3 { font-size:40px; left: 120px; }
}

@media all and (min-width:1001px) and (max-width:1300px) {
	#mediaquery { width:1300px; }
	.home .IT_button#menu, .home .IT_button#order_online, .home .IT_button#order_phone { width:25%; font-size:23px; }
	.pageAnimate .slide h3 { font-size:40px; left:80px; }
	
	.IT_page_content { width:80%; }
	.IT_tagline { letter-spacing:2px; }
	.IT_box { margin:0 2.16665%; overflow:hidden; width:29%; }
	
}

@media all and (min-width:831px) and (max-width:1000px) {
	#mediaquery { width:1000px; }
	.home .IT_button#menu, .home .IT_button#order_online, .home .IT_button#order_phone { width:30%; font-size:20px; }
	.pageAnimate .slide h3 { font-size:30px; left:10%; margin-right:0; width:80%; }
	
	.IT_tagline { font-size:24px; letter-spacing:3px; width:90%; }
	.IT_box { margin:0 2.16665%; overflow:hidden; width:29%; }
		.IT_box_header h2 { font-size:22px; }
	.IT_locations .IT_locations_excerpt, 
	.IT_about .IT_locations_excerpt { font-size:15px; }
	
	.IT_page_content { width:100%; margin-bottom:0; padding-bottom:100px; }
	.IT_map_block { margin-top:0; }
	
}

@media all and (min-width:701px) and (max-width:830px) {
	#mediaquery { width:830px; }
	.home .IT_button#menu, .home .IT_button#order_online, .home .IT_button#order_phone { width:30%; font-size:20px; }
	.pageAnimate .slide h3 { font-size:30px; left:10%; margin-right:0; width:80%; }
	
	.IT_menu_logo { width:19%; /* Take into account its margin and the width of the menu items before increasing this number. */ }
	.IT_page_content { background-color:#FFFFFF; }
	.IT_tagline { font-size:24px; letter-spacing:3px; width:90%; }
	.IT_box { margin:0 2.16665%; overflow:hidden; width:29%; }
		.IT_box_header h2 { font-size:22px; }
	.IT_locations .IT_locations_excerpt, 
	.IT_about .IT_locations_excerpt { font-size:15px; }
	
	.IT_page_content { width:100%; margin-bottom:0; padding-bottom:100px; }
	.IT_map_block { margin-top:0; }
	
	.IT_slider_container { height:80vh; }
	
	.IT_deals .IT_box_links p { padding:10px 20px; }
	
	.IT_page_content p > img { width:100%; height:auto; }
}

@media all and (min-width:1px) and (max-width:700px) {
	#mediaquery { width:700px; }
	.block#home_block_1 { padding:20px 50px; }
	.home .IT_button#menu, .home .IT_button#order_online, .home .IT_button#order_phone { width:90%; margin:5px 5%; float:none; font-size:16px; }
	.pageAnimate .slide h3 { font-size:30px; left:10%; margin-right:0; width:80%; bottom:60%; text-align:center; }
	.pageAnimate_nav { top:53%; width:110px; }
		.pageAnimate_trigger { height:20px; width:25px; }
	
	.IT_menu {  }
		.IT_show_hide_menu { display:block; }
		.IT_menu_items {
			margin-top:0;
			top:70px;
			position:fixed;
			width: 100%;
			background: #222;
			height: 93%;
			overflow-y:scroll;
			display:none;
		}
			.IT_menu_items_ul { height:auto; }
				.IT_menu_item { width:100%; float:none; padding:0; height:auto; }
				.IT_menu_item:hover { background:#111; }
					.IT_sub_menu {
						position: relative;
						width: 100%;
						background:#111;
						top:0px;
					}
					.IT_sub_menu_item_anchor, .IT_sub_menu_item_anchor:link, .IT_sub_menu_item_anchor:visited { padding:10px 0; }
		.IT_menu_logo { width:45%; margin-left:5%; background-size:contain; }	
	
	body.home .IT_header { height:430px; background-size:cover; background-position:80% 100%; }
	.IT_page_title { font-size:45px; }
	.IT_tagline { font-size:20px; letter-spacing:3px; width:90%; margin-top:80px; margin-bottom:80px; }
	.IT_box { margin:0 5% 60px; overflow:hidden; width:90%; }
		.IT_box_header h2 { font-size:22px; }
		.IT_box_links h6 { padding:8px 0; }
	.IT_deals .IT_box_header h2 { font-size:18px; }
	.IT_deals .IT_box_links p { font-size:16px; width:100%; box-sizing:border-box; padding:10px 20px; }
	.IT_locations, .IT_about { float:none; width:90%; margin:0 5% 60px; }
		.IT_locations_title h6, .IT_about_title h6 { margin-top:0; }
		.IT_locations .IT_locations_excerpt, 
		.IT_about .IT_locations_excerpt { font-size:15px; }
	body.home .IT_sponsors { margin-top:20px; }
		.IT_franzcog, .IT_monash { background-size:60%; background-position:50% 50%; }
	body.home .IT_page { margin-top:0px; }
	.IT_page{ margin-top:2vh; padding-top:20px; }
		.IT_page_content { width:100%; margin-bottom:0; margin-top:20px; padding:30px 5% 50px; background-color:#FFFFFF; }
	.IT_map_block { margin-top:0; height:300px; }
	.IT_footer_division_1, .IT_footer_division_2, .IT_footer_division_3 { float:none; width:100%; }
	.IT_footer_division_2 { display:none; }
	.IT_divider { margin-top:40px; }
	
	.IT_slider_container { height:95vh; }
	
	.menu_range h2 { font-size:28px; }
	.menu_prices { width:100%; }
	.menu_price { font-size:20px; }
	.menu_size { font-size:14px; }
	
	.page-id-24 .menu_range {
		width: 96%;
		float: none;
		margin-bottom: 50px;
		border-bottom: none;
		background-color:transparent;
		padding-top:0px;
	}
	.page-id-24 .menu_range:nth-child(even) {
		float:none;
	}
	
	.IT_page_content p > img { width:100%; height:auto; }
}


/* iPad only */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
/*	#mediaquery { width:1024px; }
	.home .IT_button#menu, .home .IT_button#order_online, .home .IT_button#order_phone { width:30%; }
	.pageAnimate .slide h3 { font-size:30px; left:10%; margin-right:0; width:80%; }
	
	.IT_page_content { padding-left:20px; padding-right:20px; }
	
	.IT_menu {  }
		.IT_show_hide_menu { display:block; }
		.IT_menu_items {
			margin-top:0;
			top:70px;
			position:fixed;
			width: 100%;
			background: #222;
			height: 93%;
			overflow-y:scroll;
			display:none;
		}
			.IT_menu_items_ul { height:auto; }
				.IT_menu_item { width:100%; float:none; padding:0; height:auto; line-height:58px; font-size:18px; }
				.IT_menu_item:hover { background:#111; }
					.IT_sub_menu {
						position: relative;
						width: 100%;
						background:#111;
						top:0;
					}
					.IT_sub_menu_item { font-size:16px; }
						.IT_sub_menu_item_anchor, .IT_sub_menu_item_anchor:link, .IT_sub_menu_item_anchor:visited { padding:15px 0; }
		.IT_menu_logo { width:35%; margin-left:0; }
}*/

@media print {
	.IT_slider_container, .IT_map_block {
		display:none;
	}
	.IT_menu {
		position:absolute;
		top:0;
	}
	.IT_page_content {
		margin-bottom:0;
	}
	.IT_footer_division_1 {
		margin-top:0;
	}
}