/*
Theme Name: 	Peachy Print
Theme URI: 		http://www.peachyprint.com.au
Description: 	Peachy Print WordPress Theme
Version: 		1.0
Author: 		Natacha Beaugeais @ The Building Block
Author URI: 	http://www.buildingblock.com.au
*/

/* =============================================================================
   HTML5 Reset
   ========================================================================== */

	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
	audio, canvas, video {display:inline-block;*display:inline;*zoom:1;}
	audio:not([controls]) {display:none;}
	[hidden] {display:none;}
	
	html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
	html, button, input, select, textarea {font-family:sans-serif;color:#222;}
	body {margin:0;font-size:1em;line-height:1;}
	p {padding:7px 0 0 0;}
	
	h1,h2,h3,h4,h5,h6 {text-decoration:none;padding:0;color:#444;margin:0;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:700;}
	
	a {color:#266E9E;text-decoration:none;}
	a:focus {outline:0;}
	a:hover, a:active {outline:0;}
	
	abbr[title] {border-bottom:1px dotted;}
	b, strong {font-weight:bold;}
	.clear {clear:both;}
	dfn {font-style:italic;}
	hr {display:block;height:1px;border:0;border-top:1px solid #CCC;margin:1em 0;padding:0;}
	ins {background:#FF9;color:#000;text-decoration:none;}
	mark {background:#FF0;color:#000;font-style:italic;font-weight:bold;}
	pre, code, kbd, samp {font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}
	pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
	q {quotes:none;}
	q:before, q:after {content:"";content:none;}
	small {font-size:90%;}
	blockquote {background-color:#EEE;border:1px solid #DDD;margin:10px 0;padding:10px 30px;border-radius:3px;}
	
	sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
	sup {top:-0.5em;}
	sub {bottom:-0.25em;}
	
	ul {margin:0;padding:0;list-style:none;}
	ol {margin:15px;}
	
	dd {margin:0 0 0 40px;}
	nav ul, nav ol {list-style:none;list-style-image:none;margin:0;padding:0;}
	
	img {border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}
	
	svg:not(:root) {overflow:hidden;}
	
	figure {margin:0;}
	
	form {margin:0;}
	fieldset {border:0;margin:0;padding:0;}
	label {cursor:pointer;}
	legend {border:0;*margin-left:-7px;padding:0;white-space:normal;}
	button, input, select, textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
	button, input {line-height:normal;}
	button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;-webkit-appearance:none;*overflow:visible;}
	button[disabled], input[disabled] { cursor: default; }
	input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;*width:13px;*height:13px;}
	input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
	input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
	button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;}
	textarea {overflow:auto;vertical-align:top;resize:vertical;}
	input:valid, textarea:valid {}
	input:invalid, textarea:invalid {}
	
	table {border-collapse:collapse;border-spacing:0;}
	td {vertical-align:top;}
	
  

/* =============================================================================
   Non-Semantic Classes
   ========================================================================== */
   
   /* Custom Selection Styles */
   ::selection {background:#ff3366;color:#FFF;text-shadow:none;}
   ::-webkit-selection {background:#ff3366;color:#FFF;text-shadow:none;}
   ::-moz-selection {background:#ff3366;color:#FFF;text-shadow:none;}
   
   /* Input focus styles */
   input:focus {outline:0;border:1px solid #ff3366;} /* Get rid of blue glow on field focus, adds border color instead */
   
   
/* =============================================================================
   WordPress Core CSS Styles
   ========================================================================== */
   
   .alignnone {margin:5px 20px 20px 0;}
   .aligncenter,div.aligncenter {display:block;margin:5px auto 5px auto;}
   .alignright {float:right;margin:5px 0 20px 20px;}
   .alignleft {float:left;margin:5px 20px 20px 0;}
   .aligncenter {display:block;margin:5px auto 5px auto;}
   a img.alignright {float:right;margin:5px 0 20px 20px;}
   a img.alignnone {margin:5px 20px 20px 0;}
   a img.alignleft {float:left;margin:5px 20px 20px 0;}
   a img.aligncenter {display:block;margin-left:auto;margin-right:auto;}
   .wp-caption {background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center;}
   .wp-caption.alignnone {margin:5px 20px 20px 0;}
   .wp-caption.alignleft {margin:5px 20px 20px 0;}
   .wp-caption.alignright {margin:5px 0 20px 20px;}
   .wp-caption img {border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
   .wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}


/* ==========================================================================
   Print styles
   ========================================================================== */

	@media print {
		* {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
		a,a:visited {text-decoration:underline;}
		a[href]:after {content:" (" attr(href) ")";}
	    abbr[title]:after {content:" (" attr(title) ")";}
	    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:"";}
	    pre,blockquote {border:1px solid #999;page-break-inside:avoid;}
	    thead {display:table-header-group;}
	    tr,img {page-break-inside:avoid;}
	    img {max-width:100% !important;}
	    @page {margin:0.5cm;}
	    p,h2,h3 {orphans:3;widows:3;}
	    h2,h3 {page-break-after:avoid;}
	}
	
	
	
/* =============================================================================
   General Styles
   ========================================================================== */

/* Gotham Font */
/*
font-family: 'Gotham SSm A', 'Gotham SSm B'; 
font-style: normal;
*/

/* Gotham Medium */
/*
font-weight: 500; 
*/

/* Gotham Book */
/* 
font-weight: 400; 
*/

.clearfix {
	&:after {
		visibility:hidden;
		display:block;
		font-size:0;
		content:" ";
		clear:both;
		height:0;
	}
	* html & { zoom:1; }
	*:first-child+html { zoom:1; }
}

html {
    overflow-x: hidden;
	overflow-y: scroll;
}

body {
	width:100%;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif; 
	font-weight: 300; 
	font-style: normal;
	font-size:14px;
	line-height:20px; 
	color:#fff;
	background-color:#fff;
	-webkit-font-smoothing:antialiased; /* Antialiased font for great smoothing */
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility; /* Optimise legibility for some CSS3 kerning */
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif; 
	font-weight: 500;
	font-size:14px;
	line-height:20px;
	padding:0 0 10px 0;
	margin:0;
}

p {
	padding:0 0 10px 0;
	margin:0;
	font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif; 
	font-weight: 300; 
	font-style: normal;
}

strong, b, strong p {	
	font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-style: normal;
}

a {
	color:#fff;
	text-decoration:underline;
}
a.contact-email {
	text-decoration:none;
}

a:hover {
	color:#999;
	text-decoration:underline;
}


#bgd {
	display:none;
	position: absolute;  
	width:100%;
	height:680px;
	top:120px;
	left:0;
	background-color:#f0f0f0;
	z-index:0;
}

#wrapper {
	position:relative;
	display: block;
	width: 960px;
	
	min-width: 320px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}


header {
	position:absolute;
	display: block;
	width: 960px;
	height:52px;
	margin:0;
	background:#fff;
	top:0;
	left:50%;	
	margin-left:-480px;
	padding:34px 0 34px 0;
	z-index:999999;
}

.logo {
	float:left;
	width:176px;
	height:52px;
	cursor:pointer;
}

.logo ul {
	position:relative;
}
.logo li {
	position:absolute;
	display:none;
}

body.home .logo li.home,
body.about .logo li.about,
body.services .logo li.services,
body.work .logo li.work,
body.clients .logo li.clients,
body.offshore-printing .logo li.offshore-printing,
body.contact .logo li.contact {
	display:block;
} 	

.slicknav_btn { 
	display: none; 
	float:right;
	width:auto; 
	height:32px;
	margin:0 20px 0 0;	
	padding:12px 0 0 0; 
	text-decoration:none;
	cursor: pointer; 
}
.slicknav_btn .slicknav_icon { 
	float: right; 
	margin: 4px 0 0 10px; 
}
.slicknav_btn .slicknav_icon-bar { 
	display: block; 
	width: 28px; 
	height: 2px; 
	background-color: #464646;
	-webkit-border-radius: 1px; 
	-moz-border-radius: 1px; 
	border-radius: 1px; 
	margin-top: 5px; 
}
.slicknav_btn:hover .slicknav_icon-bar  {
	background-color: #aaaaa0;
}

/*
.slicknav_btn .slicknav_menutxt {
	display: block; 	
	float: right;
	color:#464646;
	font-weight:500;
	font-size:14px;
	line-height: 14px; 
	padding:10px 0 0 8px; 
}
.slicknav_btn:hover .slicknav_menutxt  { 
	color: #aaaaa0;
}
*/


nav {
	float:right;
	width: 784px;
	margin:0;
	padding: 18px 0 0 0;
}

nav li {
	float:right;
	width:auto;
	color: #464646;
	padding: 0 0 0 30px;
	font-size:14px;
	font-weight:500;
}
nav li {
	color: #464646;
	text-decoration:none;
	cursor:pointer;
}
nav li:hover {
	color: #aaaaa0;
}
nav li.active {
	color: #aaaaa0;
	text-decoration:none;
}

body.about nav li.about,
nav li#about.active {
	color: #00a8b2;
}
body.services nav li.services,
nav li#services.active {
	color: #99cc00;
}
body.work nav li.work,
nav li#work.active {
	color: #ff6600;
}
body.clients nav li.clients,
nav li#clients.active {
	color: #0033cc;
}
body.offshore-printing nav li.offshore-printing,
nav li#offshore-printing.active {
	color: #ffbe33;
}
body.contact nav li.contact,
nav li#contact.active {
	color: #aaaaa0;
}


ul.desktop-nav {
	display:block;
}
ul.mobile-nav {
	display:none;
	position:absolute;
	top:-300px;
	left:0;	
	width:100%;
	margin:0;	
	padding:10px 0 15px 0;
	z-index:999998;
	background-color: #fff;
	border-bottom: 8px solid #aaaaa0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

ul.mobile-nav li {
	display:block;
	width:100%;
	margin:0;
	padding:10px 20px;
	border-top: 1px solid #efefef;
	color: #464646;
	font-size:14px;
	font-weight:500;
	cursor:pointer;
}
ul.mobile-nav li:first-child {
	border-top: 0;
}
	
	
	
#banner {	
	position: absolute;  
	top: 120px;
	left:0;
	z-index:0;
	
	display:block;
	height:680px;
	margin:0;
	padding:0;
}

section {
	display:none;
	position:absolute; 
	top:120px;
	left:50%;
	margin:0;
	margin-left:-480px;
	width:960px;
	height:680px;
	padding:0;
	color:#fff;
	background-color: #454442;
	background-color: rgba(0,0,0,.7);
	z-index:100;
}

section.home {
	display:block;
}

section.home, 
section.work {
	background-color:transparent;
}

section.project {
	background-color:#fff;
}

section .headline {
	position:absolute;
	left:0;
	width:720px;
	height:28px;
	padding:8px 0 0 0;
	color:#fff;
	border-bottom:1px solid #808080;
	z-index:100;
}

section.work .headline,
section.project .headline {
	background-color: #454442;
	background-color: rgba(0,0,0,.7);
	border-bottom:0;
}

section .headline h1 {
	font-size:14px;
	font-weight:300;
	color:#fff;
	padding-left:15px;
}

section .headline .close {
	position:absolute;
	right:8px;
	top:8px;
	width:22px;
	height:21px;
	cursor:pointer;
	background:URL(img/btnclose.png) top no-repeat;
}
section .headline .close:hover {
	opacity:.7;
}

section .headline .info {
	position:absolute;
	right:38px;
	top:7px;
	width:24px;
	height:23px;
	cursor:pointer;
	background:URL(img/btninfo.png) top no-repeat;
}
section .headline .info:hover {
	opacity:.7;
}

section .loader {
	position:absolute;
	top:50%;
	left:50%;
	width:32px;
	height:32px;
	margin-top:0;
	margin-left:-16px;
	z-index:10000;
	background:URL(img/loader.gif) no-repeat;
}

section .tagline {
	position:absolute;
	right:0;
	width:240px;
	height:27px;
	color:#fff;
	padding:9px 0 0 0;
	text-align:center;
	border-bottom:1px solid #808080;
	font-size:14px;
	z-index:100;
}
section.home .tagline {
	background-color:#ff3366;
	border-bottom:0;
}
section.about .tagline {
	background-color:#00a8b1;
}
section.services .tagline {
	background-color:#99cc00;
}
section.work .tagline,
section.project .tagline {
	background-color:#ff6600;
	border-bottom:0;
}
section.clients .tagline {
	background-color:#0033cc;
}
section.offshore-printing .tagline {
	background-color:#ffbd33;
}
section.contact .tagline {
	background-color:#aaaa9f;
}

section article {
	position:relative;
	width:52%;
	height:624px;
	padding:10px 15px;
	margin-top:36px;
	overflow:hidden;
}

section.clients article {
	width:100%;
}

section article .col {
	float:left;
	width:222px;
	font-size:12px;
	line-height:18px;
	margin-right:18px;
}
section article .col:first-child {
	width:208px;
}
section article .col p,
section article .col h1,
section article .col h2,
section article .col h3,
section article .col h3,
section article .col h4,
section article .col h5,
section article .col h6 {
	padding:0 0 10px 0;
}



section.work article {
	width:100%;
	height:auto;
	padding:0;
	margin-top:0;
	/*background-color:#f6f6f6;*/
	z-index:0;
}

#projtext {
	display:none;
	position:absolute !important;
	top:0 !important;
	left:0 !important;
	z-index:99999 !important;
	background-color: #454442;
	background-color: rgba(0,0,0,.7);
	
	width:960px;
	height:623px;
	padding:10px 0;
	margin-top:36px;
	overflow:hidden;
	border-top: 1px solid #808080;
}

#projtext p {
	width:60%;
	padding:0 15px 10px 15px;
}

section.project #images {
	background-color: transparent; 
}

section.project #images .flex-viewport {
	overflow:hidden !important;
}

section.project #images li {
	width:960px;
	height:680px;
}

section.project #images .flex-direction-nav li {
	height: 22px;
}

section .next,
section .prev {
	position:absolute;
	right:-32px;
	right:0;
	top:50%;
	margin-top:-11px;
	width:22px;
	height:22px;
	z-index:110;
	cursor:pointer;
	background:URL(img/arrow_right.png) top no-repeat;
}
section .prev {
	left:-32px;
	left:0;
	background:URL(img/arrow_left.png) top no-repeat;
}
section .next:hover {
	background:URL(img/arrow_right.png) bottom no-repeat;
}
section .prev:hover {
	background:URL(img/arrow_left.png) bottom no-repeat;
}



#container-projects {
	display:block;
	width:auto;
	height:680px;
	margin:0;
	padding:0;
	
	position:relative;
}

#container-projects {
	width:100% !important;
	overflow:visible !important;
}

#container-projects ul {
	overflow:visible !important;
	
	/*width:100% !important;*/
	
	
	/*
	max-width:960px;
	max-height:680px;*/
	
	position:absolute;
	top:0;
	left:0;
}

#container-projects ul,
#container-projects ul.slides,
.flexslider .slides {
	width:100%;
	white-space:nowrap !important;
}

#container-projects ul.slides {
	/*width:2000px !important;*/
}

#container-projects .flexviewport {
	
}

#container-projects ul li {
	float:none !important;
	display:inline-block !important;
	
	/*width:240px !important;
	height:680px;*/
	
	max-width:240px;
	max-height:680px;
	width: 25%;
	
	margin:0;
	padding:0;
}

#container-projects ul li .thumb {
	/*float:left;
	width:240px;
	height:170px;*/
	
	width:100%;
	
	margin:0;
	padding:0;
	overflow:hidden;
	cursor:pointer;
}

#container-projects ul li .thumb a:hover {
	opacity:.8;
}


section article h1,
section article h2,
section article h3,
section article h4,
section article h5,
section article h6 {
	font-weight:300;
	padding-bottom:0;
}

section.about article h1,
section.about article h2,
section.about article h3,
section.about article h4,
section.about article h5,
section.about article h6 {
	color:#00a8b1;
}

section.services article h1,
section.services article h2,
section.services article h3,
section.services article h4,
section.services article h5,
section.services article h6 {
	color:#99cc00;
}

section.work article h1,
section.work article h2,
section.work article h3,
section.work article h4,
section.work article h5,
section.work article h6 {
	color:#ff6600;
}

section.clients article h1,
section.clients article h2,
section.clients article h3,
section.clients article h4,
section.clients article h5,
section.clients article h6 {
	color:#0033cc;
}

section.offshore-printing article h1,
section.offshore-printing article h2,
section.offshore-printing article h3,
section.offshore-printing article h4,
section.offshore-printing article h5,
section.offshore-printing article h6 {
	color:#ffbd33;
}

section.contact article h1,
section.contact article h2,
section.contact article h3,
section.contact article h4,
section.contact article h5,
section.contact article h6 {
	color:#aaaa9f;
}

footer {
	display:none;
	position:absolute;
	top:800px;
	clear:both;
	display:block;
	width:960px;
	height:37px;
	padding:0;
	margin:10px auto 0 auto;
	color:#464646;
}

footer .icon {
	float:left;
	width:30px;
	height:27px;
	background:URL(img/icon/icon.png) no-repeat;
}


body.home footer .icon {
	background:URL(img/icon/icon.png) no-repeat;
}
body.about footer .icon {
	background:URL(img/icon/icon_about.png) no-repeat;
}
body.services footer .icon {
	background:URL(img/icon/icon_services.png) no-repeat;
}
body.work footer .icon {
	background:URL(img/icon/icon_work.png) no-repeat;
}
body.clients footer .icon {
	background:URL(img/icon/icon_clients.png) no-repeat;
}
body.offshore-printing footer .icon {
	background:URL(img/icon/icon_offshore-printing.png) no-repeat;
}
body.contact footer .icon {
	background:URL(img/icon/icon_contact.png) no-repeat;
}

footer .copyright {
	float:right;
	font-size:10px;
	line-height:12px;
	padding-top:14px;
}
footer .copyright p {
	padding:0;
	margin:0;
}

.left {
	float:left;
}
.right {
	float:right;
}



/* FlexSlider Updated Theme
*********************************/

.flexslider { 
	position: relative; 
	max-width: 960px;
	
	width: 100%; 
	 
	margin: 0 auto;
	border:0; 
	background: #fff; 
	-webkit-border-radius: 0; 
	-moz-border-radius: 0; 
	-o-border-radius: 0; 
	border-radius: 0; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	-o-box-shadow: none; 
	box-shadow: none; 
	zoom: 1; 
}

.flex-viewport {
	overflow: visible !important;
}


	
/* =============================================================================
   Media Queries
   ========================================================================== */


@media only screen and (max-width: 1080px) {
	
	section .next {
		right: 14px;
	}
	section .prev {
		left: 14px;
	}
	
	.flex-direction-nav .flex-prev {
		left: 14px;
	}
	
	.flex-direction-nav .flex-next {
		right: 14px;
	}
}

@media only screen and (max-width: 1024px) {
	
	#banner {
		overflow:hidden;
	}
	
	

}

@media only screen and (max-width: 960px) {
   
	#wrapper, footer {
		width: 100%;
	}

	footer .icon {
		margin-left:10px;
	}
	footer .copyright {
		margin-right:10px;
	}

	#banner {
		height:auto;
	}

	header {
		left:0;	
		margin-left:0;
		width: 100%;
	}
	.logo {
		margin-left:20px;
	}
	ul.desktop-nav {
		display:none;
	}
	ul.mobile-nav {
		display:block;
	}
	.slicknav_btn { 
		display: block; 
	}


	section {
		left:0;
		width:100%;
		height:auto;
		margin:0;
		background-color: #454442;
	}
	section.work,
	section.project {
		background-color:#fff;
	}

	section .headline {
		width:100%;
		height:28px;
		z-index:100;
	}
	
	section .headline .close {
		right:248px;
	}
	section .headline .info {
		right:278px;
	}

	section article {
		width:72%;
		height:auto;
	}
	
	section article .col {
		float:none;
		width:72%;
		margin-right:0;
	}
	section article .col:first-child {
		width:72%;
		margin-bottom:30px;
	}
	
	
	/*#container-projects,*/
	section.work,
	section.work article {
		width:100%;
		height:auto;
	}

	section.project #images li {
		width:100%;
		height:auto;
	}

	#projtext {
		width:100%;
		height:auto;
		background-color: #454442;
	}

	#projtext p {
		width:60%;
	}

	.flexslider {
		width:100%;
	}
	
	.flex-direction-nav {
		width:100%;
	}
	
}

@media only screen and (max-width: 600px) {
	
	
	header {
		padding:24px 0;
	}
	
	.logo {
		padding-top:8px;
	}
	.logo img {
		width:126px;
		height:37px;
	}

	#bgd, #banner, section {
		top:100px;
	}

	section article {
		width:90%;
	}
	
	section article .col {
		width:90%;
	}
	section article .col:first-child {
		width:90%;
		margin-bottom:30px;
	}
	
	section .tagline { display:none; }
	section .headline .close {
		right:10px;
	}
	section .headline .info {
		right:40px;
	}

	#projtext p {
		width:80%;
	}
}

@media only screen and (max-width: 480px) {
	
	#projtext p {
		width:90%;
	}
}