/**
 * Scribe Responsive Stylesheet
 **/

@media only screen and (max-width: 1440px) {

	.layout-col-4 .postList .hentry
	{
		width: 33.3333%;
	}
	
	.layout-col-4 .postList .hentry:nth-child(4n)
	{
		margin-top: 45px;
	}
	
	.layout-col-4 .postList .hentry:nth-child(4n+1)
	{
		clear: none;
	}
	
	.layout-col-4 .postList .hentry:nth-child(3n+1)
	{
		clear: both;
	}
	
}


@media only screen and (max-width: 1350px) {
	
	.contentWidth,
	body.single-book .siteContent-header .contentWidth
	{
		padding-left: 150px;
		padding-right: 150px;
	}
	
}


@media only screen and (max-width: 1280px) {

	.contentWidth,
	body.single-book .siteContent-header .contentWidth
	{
		padding-left: 100px;
		padding-right: 100px;
	}
	
	
	/* ARCHIVE */	
	
	.layout-col-3 .postList .hentry,
	.layout-col-4 .postList .hentry
	{
		width: 50%;
	}
	
	.layout-col-3 .postList .hentry:nth-child(3n),
	.layout-col-4 .postList .hentry:nth-child(3n)
	{
		margin-top: 45px;
	}
	
	.layout-col-3 .postList .hentry:nth-child(3n+1),
	.layout-col-4 .postList .hentry:nth-child(3n+1)
	{
		clear: none;
	}
	
	.layout-col-3 .postList .hentry:nth-child(2n+1),
	.layout-col-4 .postList .hentry:nth-child(2n+1)
	{
		clear: both;
	}
	
	.has-sidebar .layout-list .postList .hentry > a:first-child
	{
		float: none;
		width: 100%;
	}
	
	.has-sidebar .layout-list .postList .no-feature-image
	{
		display: none;
	}
	
	.has-sidebar .layout-list * + .postPreview
	{
		padding-left: 0;
		width: auto;
	}
	
	.has-sidebar .layout-list .postPreview .postTitle
	{
		margin-top: 0;
	}
	
}


@media only screen and (max-width: 1100px) {
	
	.has-sidebar .siteContent-main .novelist-cover,
	.has-sidebar .siteContent-main .novelist-book-content
	{
		float: none;
		max-width: none;
	}

}


@media only screen and (max-width: 1024px) {
	
	.contentWidth,
	body.single-book .siteContent-header .contentWidth
	{
		padding-left: 60px;
		padding-right: 60px;
	}
	
	body.page-border
	{
		margin: 0 15px 15px;
	}
	
	
	/* ARCHIVE */
	
	.layout-col-2:not(.novelist-book-archive) .postList .hentry,
	.layout-col-3:not(.novelist-book-archive) .postList .hentry,
	.layout-col-4:not(.novelist-book-archive) .postList .hentry
	{
		padding-bottom: 0;
		width: 100%;
	}
	
	.novelist-book-archive .postList .hentry
	{
		width: 50%;
	}

	.layout-col-2:not(.novelist-book-archive) .postList .hentry:nth-child(2n),
	.layout-col-3:not(.novelist-book-archive) .postList .hentry:nth-child(2n),
	.layout-col-4:not(.novelist-book-archive) .postList .hentry:nth-child(2n)
	{
		margin-top: 45px;
	}
	
	.layout-col-2:not(.novelist-book-archive) .postList .hentry:nth-child(2n+1),
	.layout-col-3:not(.novelist-book-archive) .postList .hentry:nth-child(2n+1),
	.layout-col-4:not(.novelist-book-archive) .postList .hentry:nth-child(2n+1)
	{
		clear: none;
	}
	
	[class*="layout-col-"]:not(.novelist-book-archive) .postList .hentry
	{
		clear: both;
	}
	
	
	/* NAVIGATION */
	
	body.menu-open
	{
		overflow-y: hidden;
	}
	
	.siteHeader .searchToggle
	{
		margin-left: 0;
	}

	.siteHeader-menu
	{
		transition: right 0.5s ease;
		position: fixed;
		top: 0;
		right: -100%;
		height: 100vh;
		overflow: hidden;
		width: 100%;
	}
	
		.siteHeader-menu .wp-custom-menu
		{
			padding: 60px 0;
			height: 100vh;
			overflow-y: scroll;
			width: calc(100% + 18px);
		}
		
		.admin-bar .siteHeader-menu .wp-custom-menu
		{
			padding: 120px 0;
		}
	
		.siteHeader-menu .wp-custom-menu-header .menu-item
		{
			display: block;
			margin: 0;
			text-align: center;
		}
		
			.wp-custom-menu-header .menu-item a,
			.wp-custom-menu-header .menu-item .sub-menu a,
			.wp-custom-menu-footer .menu-item a
			{
				display: inline-block;
			}
			
			.wp-custom-menu .sub-menu .menu-item a,
			.wp-custom-menu .sub-menu .menu-item:first-child a,
			.wp-custom-menu .sub-menu .menu-item:last-child a
			{
				padding: 10px 0;
			}
			
			.wp-custom-menu-header > .menu-item > a::after
			{
				content: none;
			}
		
		.siteHeader-menu .wp-custom-menu .sub-menu
		{
			display: block;
			left: auto;
			padding: 0 0 25px;
			position: relative;
			top: auto;
			transform: none;
			width: auto;
		}
		
		.siteHeader-menu .sub-menu .menu-item a
		{
			background: none;
		}
		
		.wp-custom-menu .sub-menu::before
		{
			content: none;
		}		
	
		.siteHeader-menu .wp-custom-menu > .menu-item:last-child .sub-menu
		{
			padding-bottom: 0;
		}
		
	.menuToggle
	{
		display: block;
		z-index: 999;
	}
	
	body.menu-open .menuToggle
	{
		margin: 0;
		position: fixed;
		top: 30px;
		right: 60px;
	}
	
	body.admin-bar.menu-open .menuToggle
	{
		top: 60px;
	}
	
		.menuToggle .line
		{
			transition: all 0.5s ease;
		}
		
		body.menu-open .menuToggle .line:nth-child(2)
		{
			opacity: 0;
		}
		
		body.menu-open .menuToggle .line:nth-child(1)
		{
			transform: rotate(45deg) translate(0px, -6px);
			transform-origin: left center;
		}
		
		body.menu-open .menuToggle .line:nth-child(3)
		{
			margin: 0;
			transform: rotate(-45deg) translate(0, 10px);
			transform-origin: left center;
		}
		
	body.menu-open .siteHeader-menu
	{
		right: 0;
	}
	
	
	/* HEADER */
	
	.siteContent-header > .contentWidth 
	{
		padding-right: 60px;
	}

	/* COLOR */
	
	/* MenuToggle */
	.siteHeader-nav .menuToggle .line,
	.siteHeader-nav:hover .menuToggle .line
	{
		background: #1b1b1b;		
	}
	
	/* light - menuToggle */
	.header-text-light:not(.page-border) .siteHeader-nav:hover .menuToggle .line	
	{
		background: #fff;
	}

	/* MenuToggle hover */
	.siteHeader-nav:hover .menuToggle:hover .line,
	.header-text-light .siteHeader-nav:hover .menuToggle:hover .line
	{
		background: #999;
	}
	
	/* nav bar color */
	.siteHeader-nav .searchToggle,
	.siteHeader-nav .wp-custom-menu .menu-item,
	.siteHeader-nav .wp-custom-menu .menu-item a,
	.siteHeader-nav .wp-custom-menu .sub-menu .menu-item,
	.siteHeader-nav .wp-custom-menu .sub-menu .menu-item a,
	/* nav bar hovered color */
	.siteHeader-nav:hover .searchToggle,
	.siteHeader-nav:hover .wp-custom-menu .menu-item,
	.siteHeader-nav:hover .wp-custom-menu .menu-item a,
	.siteHeader-nav:hover .wp-custom-menu .sub-menu .menu-item,
	.siteHeader-nav:hover .wp-custom-menu .sub-menu .menu-item a
	{
		color: #1b1b1b;
	}
	
	/* light nav bar color */
	.header-text-light:not(.page-border) .siteHeader-nav .searchToggle,	
	.header-text-light .siteHeader-nav .wp-custom-menu .sub-menu .menu-item,
	.header-text-light .siteHeader-nav .wp-custom-menu .sub-menu .menu-item a,
	/* light - nav bar hovered color*/
	
	.header-text-light .siteHeader-nav:hover .wp-custom-menu .sub-menu .menu-item,
	.header-text-light .siteHeader-nav:hover .wp-custom-menu .sub-menu .menu-item a
	/* menuOpen nav bar */
	{
		color: #fff;
	}

}


@media only screen and (max-width: 980px) {
	
	
	.siteLogo--text.siteLogo--text-small
	{
		margin-top: 25px;
	}
	
	.siteContent-body,
	.single-book.has-background-image .siteContent-header + .siteContent-body
	{
		padding-top: 80px;
	}

	.has-sidebar .siteContent
	{
		padding-bottom: 0;
	}
	
	.siteContent 
	{
		padding-bottom: 80px;
	}
	
	.siteContent-body > .contentWidth
	{
		display: block;
	}
	
	.siteContent-sidebar 
	{
		margin: 60px -60px 0;
		max-width: none;
		padding: 60px;
	}
	
	.postTitle-small
	{
		display: block;
	}
	
	.postTitle-small::after
	{
		content: none;
	}
	
	
	/* HEADER */
	
	.siteContent-header
	{
		padding-top: 160px;
	}
	
	.page-border .siteContent-header 
	{
		padding-top: 80px;
	}
	
	
	/* ARCHIVE */
	
	.layout-list .postList .hentry > a:first-child
	{
		float: none;
		width: 100%;
	}
	
	.layout-list a + .postPreview
	{
		padding-left: 0;
		width: auto;
	}
	
	.layout-list .postPreview .postTitle
	{
		margin-top: 0;
	}
	
	.layout-list .postList .hentry a + .postPreview .postTitle
	{
		margin-top: 25px;
	}
	
	
	/* FOOTER */
	
	.siteFooter
	{
		padding-bottom: 60px;
	}
	
	.siteFooter-signup
	{
		margin-bottom: 60px;
	}
	
	.siteFooter-signup,
	.siteFooter-social,
	.siteFooter-nav,
	.siteFooter-copyright
	{
		float: none;
		max-width: none;
		text-align: center;
		width: auto;
	}
	
	.siteFooter-copyright
	{
		margin-top: 30px;
	}
	
	.siteFooter-social a,
	.siteFooter-social a + a,
	.wp-custom-menu-footer .menu-item,
	.wp-custom-menu-footer .menu-item:last-child
	{
		margin: 0 18px;
	}
	
	.wp-custom-menu-footer > .menu-item > a::after,
	.siteFooter-copyright > a::after
	{
		content: none;
	}
	
	.siteFooter-copyright
	{
		padding: 0;
	}
	
	.scroll-to-top
	{
		bottom: 0;
		display: inline-block;
		left: 50%;
		right: auto;
		position: fixed;
		transform: translateX(-50%);
		top: auto;
	}
	
	.page-border .scroll-to-top
	{
		bottom: 30px;
	}
	
	
	/* BOOK */	
	.siteContent-body .siteContent-main .novelist-cover,
	.siteContent-body .siteContent-main .novelist-book-content
	{
		float: left;
		max-width: 50%;
	}
	
	
	/* BACKGROUND COLOUR */
	.siteContent-sidebar 
	{
		background: #f3f3f3;
	}
	
	.siteContent-sidebar .widget_recent_comments li > a,
	.siteContent-sidebar .tagcloud a
	{
		background: #dfdfdf;
	}
	
}


@media only screen and (max-width: 782px) {

	html
	{
		font-size: 14px;
	}
	
	.siteLogo--text
	{
		font-size: 1.1892rem; /* 20px */
	}
	
	body.menu-open .menuToggle,
	.searchOverlay .searchToggle
	{
		right: 30px;
	}
	
	.siteContent
	{
		padding-bottom: 60px;
	}
		
		.siteContent > .wp-post-image
		{
			margin-top: 60px;
		}
		
		.siteContent-body,
		.has-background-image.single-book .siteContent-header + .siteContent-body
		{
			padding-top: 60px;
		}
		
		.siteContent-body:first-child .postContent-body > .panel-layout:first-child > .panel-no-style:first-child,
		.has-background-image .postContent-body > .panel-layout:first-child > .panel-no-style:first-child
		{
			padding-top: 60px;
		}
		
		.postContent-body > .panel-layout:first-child > .panel-no-style:last-child
		{
			padding-bottom: 60px;
		}
		
	.contentWidth,
	.page-border .siteHeader .contentWidth,
	.page-border .siteFooter .contentWidth,
	body.single-book .siteContent-header .contentWidth
	{
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.siteContent-header
	{
		padding-top: 140px;
	}
	
	.page-border .siteContent-header 
	{
		padding-top: 60px;
	}
	
	
	.siteContent-header > .contentWidth
	{
		padding-right: 30px;
	}
	
	.searchOverlay .contentWidth
	{
		max-width: 547px;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.searchOverlay .search-form
	{
		padding-right: 40px;
	}
	
	.searchOverlay .search-form .search-field,
	.searchOverlay .search-form .search-submit
	{
		font-size: 18px;
	}
	
	.searchOverlay .search-form .search-submit
	{
		padding: 0 7px;
	}
	

	/* NAVIGATION */
	
	.siteHeader-branding,
	.siteHeader-nav
	{
		max-width: 50%;
	}
	
	.admin-bar:not(.page-border) .siteHeader 
	{
		top: 46px;
	}

	.siteHeader-nav .menuToggle,
	.siteHeader-nav .searchToggle
	{
		margin-left: 30px;
	}
	
	.admin-bar .siteHeader-menu .wp-custom-menu
	{
		padding: 120px 0;
	}
	
	body.admin-bar.menu-open .menuToggle,
	.admin-bar .searchOverlay .searchToggle 
	{
		top	: 76px;
	}
	
	
	/* FOOTER */

	.siteFooter-signup .col
	{
		float: none;
		padding: 0;
		width: auto;
	}
	
	.siteFooter-signup .col:first-child
	{
		margin-bottom: 45px;
	}
	
	
	/* SIDEBAR */
	
	.siteContent-sidebar
	{
		padding: 60px 30px;
		margin: 60px -30px 0;
	}
	
	
	/* ARCHIVE BOOK */
	
	.novelist-book-archive .postList .hentry
	{
		clear: both;
		padding-bottom: 0;
		width: 100%;
	}
	
	.layout-col-2.novelist-book-archive .postList .hentry:nth-child(2n),
	.layout-col-3.novelist-book-archive .postList .hentry:nth-child(2n),
	.layout-col-4.novelist-book-archive .postList .hentry:nth-child(2n)
	{
		margin-top: 45px;		
	}
	
	
	/* SINGLE */
	
	.postNavigation
	{
		margin-top: 60px;
	}
	
		.postNavigation > div
		{
			left: auto;
			position: relative;
			top: auto;
			transform: none;
			width: 50%;
		}
	
		.postNavigation .nav-next,
		.nav-next span
		{
			float: left;
		}
		
		.postNavigation .nav-previous,
		.nav-previous span
		{
			float: right;
			text-align: right;
		}
	
			.postNavigation a
			{
				overflow: hidden;
				padding: 30px 6px 26px;
			}
			
			.postNavigation span
			{
				display: block;
			}
	
	.shareButtons
	{
		text-align: center;		
	}
	
	
	.shareButtons-container
	{
		padding-top: 24px;
	}
	
	.shareButtons-title
	{
		display: block;
		margin: 0 0 15px;
	}
	
		.shareButtons-button
		{
			display: inline-block;
			margin: 0 12px;
		}
		
	.post-password-form input[type=password],
	.post-password-form .button 
	{
		float: none;
		width: 100%;
	}	
	
	
	/* COMMENTS */
	
	.comment-navigation .nav-links 
	{
		margin-top: 35px;
	}

	.comment-navigation .nav-links div
	{
		padding-right: 15px;
	}
	
	.comment-navigation .nav-links div + div
	{
		padding-left: 15px;
	}
	
	.comment .children
	{
		margin-left: 25px;
	}
	
	.comment-meta > *
	{
		display: block;
		float: none;
		margin: 0 0 16px;
	}
	
	
	/* IMAGES */
	
	img.alignleft,
	p img.alignleft,
	div.alignleft,
	img.alignright,
	p img.alignright,
	div.alignright
	{
		display: block;
		float: none;
		margin: 45px auto;
		max-width: 100%;
	}
	
	/* HTML ELEMENTS */
	
	blockquote
	{
		margin: 30px 15px;
	}
	
	table
	{
		width: 100%;
	}
	
	thead tr th,
	table:not(#wp-calendar),
	table:not(#wp-calendar) th,
	table:not(#wp-calendar) td 
	{
		border: none;
	}
	
	table:not(#wp-calendar) th,
	table:not(#wp-calendar) td
	{	
		display: block;
		padding: 10px;
		text-align: center;
		width: 100%;
	}
	
	table:not(#wp-calendar) th:not(:only-of-type)
	{
		padding: 10px;
	}
	
	table:not(#wp-calendar) > tr,
	table:not(#wp-calendar) tbody tr
	{
		background: #f3f3f3;		
	}
	
	table:not(#wp-calendar) thead tr,
	table:not(#wp-calendar) > tr:nth-child(even),
	table:not(#wp-calendar) tbody tr:nth-child(even)
	{
		background: #fcfcfc;
	}
	
		table:not(#wp-calendar) tr:last-child td
		{
			background: none;
			padding-left: 0;
			padding-right: 0;
		}	
	
	table:not(#wp-calendar) th:not(:only-of-type)
	{
		border: none;
	}
	
	table:not(#wp-calendar) tr:not(:last-child) th:last-child,
	table:not(#wp-calendar) tr td:last-child
	{
		border-bottom-width: 2px; 
	}
	
	
	/* BOOK */
	
	.siteContent-body .siteContent-main .novelist-cover,
	.siteContent-body .siteContent-main .novelist-book-content
	{
		float: none;
		max-width: none;
		padding: 0;
	}
	
	.novelist-cover .novelist-excerpt-button
	{
		display: none;
	}
	
	.novelist-book-content .novelist-excerpt
	{
		display: block;
	}
	
	.wp-block-gallery figcaption
	{
		display: none;
	}
	
	.wp-block-cover.alignleft,
	.wp-block-cover.alignright
	{
		margin: 45px auto;
	}
	
	.wp-block-image .alignleft,
	.wp-block-image .alignright
	{
		float: none;
		margin: 45px auto;
	}
	
	.wp-block-pullquote.alignleft,
	.wp-block-pullquote.alignright
	{
		float: none;
		max-width: none;
	}
	
	.wp-block-pullquote.alignleft blockquote,
	.wp-block-pullquote.alignright blockquote
	{
		margin: 30px 15px;
	}
	
	.wp-block-pullquote.alignleft p,
	.wp-block-pullquote.alignright p
	{
		font-size: 28px;
		line-height: 1.6;
	}
	
	.wp-block-button.alignleft,
	.wp-block-button.alignright
	{
		text-align: center;
	}
	
}


@media only screen and (max-width: 660px) {

	.page-border .contentWidth,
	.page-border .siteHeader .contentWidth,
	.page-border .siteFooter .contentWidth,
	.page-border body.single-book .bookHeader
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	
	
	/* COMMENTS */
	
	.comment .comment-body
	{
		padding-left: 0;
	}
	
	img.avatar
	{
		display: none;
	}
	
	.comment .comment-respond
	{
		padding-left: 0;
	}

}


@media only screen and (max-width: 600px) {

	/* FOOTER */
	
	.wp-custom-menu-footer .menu-item
	{
		display: block;
		margin: 0;
		width: auto;
	}
	
	
	/* COMMENTS */
	
	.comment .children
	{
		margin-left: 0;
	}
	
}