/*
Theme Name:     Writers
Description:    Designed and built by Chesapeake
Author:         Chesapeake
Author URI:     http: //www.thisischesapeake.com
Version:        1.0
Template:		York
*/

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


/* Globals */

	html, body {
		font-family: 'Fira Sans', sans-serif;
		font-size: 16px;
		line-height: 24px;
		font-weight: 400;
		background: #f2f2f2;
	}
	
	/* Mobile */

		.mobile-only {
		    display: none;
		    visibility: collapse;
		}
		
		.non-mobile-only {
		    display: block;
		    visibility: visible;
		}
	
	
	/* Colours */
	
		footer {
			color: white;
		}
		
		main,
		header {
			background: white;
		}
	
	
	/* Backgrounds*/
	
		.bg-white {
			background: white;
		}
	
		.speckled-grey-bg {
			background: url(images/speckled-grey.png) left top repeat;
		}
		
		.bg-dust-left-w1of6 {
			background-image: url(images/bg-dust.gif);
			background-repeat: repeat-y;
			background-position: 0 0;
		}
		
		.bg-aqua-left-w1of6 {
			background-image: url(images/bg-aqua.gif);
			background-repeat: repeat-y;
			background-position: -10px 0;
		}
		
		.bg-aqua-right-w1of4 {
			background-image: url(images/bg-aqua.gif);
			background-repeat: repeat-y;
			background-position: 100% 0;
		}
		
			/* Illustrations */
			
			.bg-illo-grey-ink {
				background-image: url(images/illustrations/grey-ink.png);
				background-repeat: no-repeat;
				background-position: 90% center;
				background-size: 100px auto;
			}


/* Typography */

	p {
		padding: 0;
		margin: 0 0 10px 0;
		max-width: 100%;
	}
	
		.text-block p {
			max-width: 660px;
		}
	
		.text-block p:first-of-type {
			font-size: 20px;
			line-height: 1.4em;
		}
		
			.text-block .two-columns p:first-of-type {
				font-size: 16px;
				line-height: 24px;
			}

	.large,
	blockquote,
	blockquote p {
		font-size: 24px !important;
		line-height: 32px !important;
	}
	
	blockquote {
		padding: 0 40px 24px 0;
		margin: 12px 0 19px 0;
		border: 0;
		background-image: url(images/underscore-cactus.png);
		background-position: left bottom;
		background-repeat: no-repeat;
		background-size: 20px 2px;
		position: absolute;
		width: 35%;
		max-width: 300px;
		right: -35%;
	}
	
		.text-block .two-columns blockquote {
			position: static;
			width: 210%;
		}
		.pullout-quote blockquote {
			width: 100%;
			max-width: 100%;
			margin: 0;
			position: static;
		}
	
	pre {
		padding: 25px;
		margin: 12px 0 10px 0;
	}
	
	small,
	p.the-date,
	.twittery {
		font-size: 13px;
		line-height: 20px;
	}
	
	.text-block .two-columns {
		-moz-column-count: 2;
		-moz-column-gap: 40px;
		-webkit-column-count: 2;
		-webkit-column-gap: 40px;
		column-count: 2;
		column-gap: 40px;
	}
	
	.regular { font-weight: 400; }
	
	footer p { line-height: 1.2em; margin-bottom: 1em; }
	

	/* Headings */

		h1,
		h1.page-title {
			font-size: 40px;
			line-height: 50px;
			padding: 0 0 45px 0;
			background-image: url(images/underscore-dust.png);
			background-position: left bottom;
			background-repeat: no-repeat;
			background-size: 20px 4px;
		}
		
			.rslides h1.page-title {
				font-size: 36px;
				line-height: 45px;
				padding: 0 0 40px 0;
			}
	
		h2,h3,h4 {
			font-size: 1em;
			line-height: inherit;
		}
		
		
			/* Text block headings */
			
			.tagline { margin-top: 0 !important; padding-top: 0 !important; }
			
			h1 {
				margin: 52px 0 45px 0;
				background-image: url(images/underscore-dust.png);
				background-size: 20px 4px;
				background-position: left bottom;
				background-repeat: no-repeat;
			}
			
			h1.cactus-bottom {
				background-image: url(images/underscore-cactus.png);
				background-size: 20px 4px;
			}
			
			h2,
			h3 {
				padding: 0 0 19px 0;
				margin: 44px 0 21px 0;
				background-position: left bottom;
				background-repeat: no-repeat;
			}
		
			h2,
			h2.dust {
				background-image: url(images/underscore-dust.png);
				background-size: 20px 3px;
			}
			
			h2.cactus,
			.disciplines h2,
			h2.disciplines {
				background-image: url(images/underscore-cactus.png);
				background-size: 20px 3px;
			}
			
			h2.truck,
			.case-studies h2,
			h2.case-studies {
				background-image: url(images/underscore-truck.png);
				background-size: 20px 3px;
			}
		
			h3,
			h3.truck {
				background-image: url(images/underscore-truck.png);
				background-size: 20px 2px;
			}
			
			.cta-box h3,
			h3.dust {
				background-image: url(images/underscore-dust.png);
				background-size: 20px 2px;
			}
			
			h4,
			h5 {
				padding: 0;
				margin: 21px 0 10px 0;
			}
			
			h4 {
				font-weight: 500;
			}
			
			h5 {
				font-weight: 400;
			}
			
				/* Footer */
				
				footer h1,
				footer h2,
				footer h3 {
					background-image: url(images/underscore-white.png);
				}
			
			
/* Links */

	/* Social sprite */
	
		a.twaus,
		a.tw,
		a.li,
		a.in {
			background-image: url(images/social-sprite.png);
			background-repeat: no-repeat;
			background-size: auto 30px;
			width: 30px;
			height: 30px;
			text-indent: -9999px;
			display:-moz-inline-stack;
			display:inline-block;
			zoom:1;
			*display:inline;
			margin: 0 1px 0 0;
		}

		a.twaus { background-position: -30px 0;}
		a.tw { background-position: -62px 0; }
		a.in { background-position: 0 0; }
		a.li { background-position: -94px 0; }

/* Page */

	header { padding-top: 25px; }
	
		.header-band .table {
			display: table;
			width: 100%;
		}
		
			.header-band .block {
				display: table-cell;
				vertical-align: middle;
				height: 100%;
			}
			
			.header-band .block.featured-text { width: 56%; }
			.header-band .block.featured-image { width:44%; }
			
			body.two-columns .header-band .block.featured-text { width: 54%; }
			body.two-columns .header-band .block.featured-image { width:46%; }
	
	.band { max-width: 1400px; }
	
		footer.band { max-width: 100%; }

	.block,
	.last-block {
		margin: 0 auto;
		padding: 0 40px 0 0;
	}
	.padded-block {
		margin: 0 auto;
		overflow: visible;
	    box-sizing: content-box;
	    padding-left: 50px;
	    padding-right: 0px;
	    margin-left: calc(16.67% - 50px);
	}
	
		.width1of2b.pullout-quote {
			width: calc(58.3% - 40px);
			padding-right: 40px;
		}
		
		.padded-block .width1of2 { width: calc(50% - 40px); }		
	
		.padded-block h1:first-child,
		.padded-block h2:first-child,
		.padded-block h3:first-child,
		.padded-block h4:first-child,
		.padded-block h5:first-child { padding-top: 0; margin-top: 0; }
	
	.width1of1 { width: 100%; max-width: 1400px; }
	.width1of2b { width: 58.3%; }
	
	/* Margins */
	
		.ml1of4 { margin-left: 25%; }
		.ml1of3 { margin-left: 33.33%; }
		.ml1of6 { margin-left: 16.67%; }
	
	
	/* Spacing */
	
	.sp-big { padding-top: 70px; }
	.sp-medium { padding-top: 50px; padding-bottom: 70px; }
	.sp-small { padding-top: 25px; padding-bottom: 25px; }
	.sp-tiny { padding-top: 10px; padding-bottom: 10px; }
	
	.m-big { margin-top: 60px; }
	.mb-big { margin-bottom: 70px; }
	.mb-medium { margin-bottom: 50px; }
	
	.sp-medium-bottom { padding-bottom: 50px; }
	.sp-big-bottom { padding-bottom: 70px; }
	
	
	/* Sidebar */
	
	#sidebar .widget { margin-bottom: 40px; }
	
	article.post,
	article.page { position: relative; }
	
	
	
/* Posts */

	.post { 
		border-bottom-width: 2px;
		border-bottom-style: solid;
		padding-bottom: 10px;
	}
	
		.post:last-of-type {
			border-bottom: none;
		}
	
	
	/* Post meta */	
	
	ul.post-meta {
		margin: 1em 0;
		padding: 0 0 0 1em;
		border-left-width: 2px;
		border-left-style: solid;
		border-left-colour: /* In header */;
		font-size: 1em;
		line-height: inherit;
	}
	
	
/* Case studies */


	.case-study-holder {
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-colour: /* In header */;
		background-image: url(images/case-study-holder-bg-4.png);
		background-repeat: repeat-y;
		background-position: center center;
		background-size: 100% 100%;
	}
	
	.case-study {
		padding-bottom: 10px;
	}
			
			
/* Lists */

	/* Main menu */

		header nav {
			vertical-align: bottom;
		}
	
		nav ul li {
			font-size:18px;
			line-height:24px;
			padding-left: 0;
			padding-right: 0;
			padding-bottom: 10px;
			margin-right: 2em;
		}
		
		/* Hover */
		
			ul.menu li.menu-item-has-children:hover {
				border-bottom-color: white !important;
			}
		
		/* Submenu */
	
			/* Hover state – visible */
			ul.menu li.menu-item-has-children:hover ul {
				background: rgba(255,255,255,0.85);
				padding-top: 30px;
				width: calc(200% + 6px);
				margin-left: -15px;
				padding-left: 15px;
				border-bottom-width: 3px;
				border-bottom-style: solid;
				z-index: 200;
			}
			
				ul.menu li.menu-item-has-children:hover ul li {
					border: none;
				}
				
			.sub-menu li.current-menu-item {
				
			}


	/* Standard list styles */	
	
	.text-block ul,
	.text-block ol {
		margin-bottom:10px;
	}
	
	ul {
		list-style-image: url(images/ul.png);
	}
	
	
	/* CTA box */
	
	.cta-box ol,
	.cta-box ul {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
		.cta-box ol { list-style: none; }
	
	.cta-box ol li,
	.cta-box ul li {
		width: calc(50% - 40px);
		padding-right: 40px;
		margin-bottom: 10px;
	}
	
		.cta-box ol li:nth-child(odd),
		.cta-box ul li:nth-child(odd) { float: left; }
		.cta-box ol li:nth-child(even),
		.cta-box ul li:nth-child(even) { float: right; }
		
	/* Sector and discipline (blank) */
	
	.work ul,
	.accordian ul,
	ul.subpages,
	ul.blank {
		list-style: none;
		margin-left:0;
	}
	
		ul.subpages {
			border-bottom-style: solid;
			border-bottom-width: 3px;
			border-bottom-color: /* In header */;
			width: auto;
			padding-bottom: 25px;
		}
		
			ul.subpages li {
				padding-left: 20px;
				padding-bottom: 10px;
			}
	
		.accordian ul {
			margin-bottom: 2em;
		}
	
		.accordian ul li {
			width: 100%;
			float: none;
			line-height: 1.3em;
			margin-bottom: 0.33em;
		}
		
	/* Comments */
	
	ol.commentlist { margin: 0; padding: 0; list-style: none; }
	
		ol.commentlist li {}
		
			div.comment-body {}
			
			div.comment-body p {}
			
				.comment-author {}
				
					.comment-author cite.fn,
					.comment-author span.says {}
				
				div.comment-meta { }
				
				div.reply { margin-bottom: 25px; }
				
	/* Who we are */
	
	ul#who-we-are li:nth-child(5) { clear: left; }


/* Images */

	.logo {
		max-width: 100px;
		height: auto;
		margin: -3px 0 0 1em;
	}
	
	.band .featured-image img {
		margin: 50px auto 50px 50px;
	}
	
	.icon {
		height: 32px !important;
		width: auto;
		margin: 0 10px 0 0;
	}
	
	.width1of4 img { max-width: 100%; height: auto; }
	
	
/* Twitter */
	
	.twittery {
		overflow: hidden;
	}
	
	.twittery a {
		white-space: nowrap;
	}

	.twittery ul { list-style: none; margin: 0; padding: 0; }
	
	.twittery ul li { margin-bottom: 0; }
	
	.twittery ul li div.user,
	.twittery ul li p.timePosted { font-size: 13px; }
	
	.twittery ul li div.user a,
	.twittery ul li p.timePosted a { pointer-events: none; cursor: default; border-bottom: 0; }
	
	.twittery ul li div.user img { display: none; }
	
	.twittery ul li p.tweet { width:100%; line-height: 1.3em; }
	
		.twittery ul li p.tweet * { height: 16px; width: auto; }
		
	#twitter-aus { padding-bottom: 1em; }
		
		
/* Forms */

	input[type=email] {
		padding: 10px;
		font-weight: 300;
		width: 60%;
		font-size: 15px;
		line-height: 1.4em;
	}
	
	input[type=submit] {
		padding: 10px;
		font-weight: 300;
		border: none;
		font-size: 15px;
		line-height: 1.4em;
		margin-left: -4px;
	}
	
	a.button {
		display: inline-block;
		padding: 10px;
		background-color: #f85e4e;
		color: white;
		margin-top: 4px
	}
	
		a.button:hover {
			display: inline-block;
			padding: 10px;
			background-color: #c71f0d;
			color: white;
		}
	
	
/* Slides */

	.rslides {
		position: relative;
		list-style: none;
		overflow: visible;
		width: 100%;
		padding: 0;
		margin-top: 0;
		margin-bottom: 0%;
	}
	
	.rslides li {
		-webkit-backface-visibility: hidden;
		position: absolute;
		display: none;
		width: 100%;
		left: 0;
		top: 0;
		z-index: 100;
	}
	
	.rslides li:first-child {
		position: relative;
		display: block;
		float: left;
	}
	
	
/* Accordian */

	.accordian {
		display: block;
	}

	.accordian h2 {
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: 100% 5px;
		background-size: 22px 12px;
	}
	
		.accordian h2.no-accordian { background: none; }
		.accordian h2.sectors {
			background-image: url(images/accordian-sectors-down.png);
		}
		.accordian h2.disciplines {
			background-image: url(images/accordian-disciplines-down.png);
		}

		.accordian h2.collapse {
			background-repeat: no-repeat;
			background-position: 100% 5px;
			background-size: 22px 12px;
			width: 100% !important;
			clear: both !important;
		}
		
			.accordian h2.sectors.collapse {
				background-image: url(images/accordian-sectors-up.png);
			}
			.accordian h2.disciplines.collapse {
				background-image: url(images/accordian-disciplines-up.png);
			}

    .accordian ul {
		display: none;
	}

    .accordian.visible ul { display: block; }
    
    
/* Navigation (Pagenavi) */

	.wp-pagenavi a, .wp-pagenavi span {
		text-decoration: none;
		margin: 0 10px 0 0;
	}
	
	.wp-pagenavi span.current {
		font-weight: bold;
	}