/*
    Theme Name: MarkLawrence
    Theme URI: http://www.ia.com.mk
    Version: 1.0.0
    Description: 
    Author: Imaginative Advertising
    Author URI: http://www.ia.com.mk
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html
	
	This theme is comprised of two parts.
	(1) the PHP code and integrated HTML are licensed under the General Public
	License (GPL). You will find a copy of the GPL in the same directory as this
	text file.
	(2) All other parts, but not limited to the CSS code, images, and designs are
	copyright of Imaginative Advertising.
*/



/**
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}



/**
* Global styles ================================================================================================
*/
body {
	background-color: #e9e9e9;
	color: #010101;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
}
.container {
	width: 1390px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
}
a, a:visited {
	color: #a50606;
}
a:hover {
	color: #000000;
}


/**
* Header ================================================================================================
*/
#main_header {
	position: relative;
	width: 100%;
	font-family: 'Playfair Display', serif;
	padding-top: 20px;
	padding-bottom: 15px;
	background-color: #000000;
	box-sizing: border-box;
	overflow: auto;
}

#site_title {
	position: relative;
	width: 30%;
	float: left;
}
#site_title h1 {
	font-size: 2.22em;
	color: #d6d6d6;
	font-weight: 400;
}
#site_title h1 a {
	color: #d6d6d6;
	text-decoration: none;
	text-transform: uppercase;
}

#main_navigation {
	position: relative;
	width: 70%;
	font-size: 1.5em;
	float: right;
	padding-top: 8px;	
}
#main_navigation ul {
	position: relative;
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: right;
}
#main_navigation ul li {
	display: inline-block;
	margin-left: 0.65em;
	margin-right: 0.65em;
	line-height: 1.45em;
}
#main_navigation ul li a {
	text-decoration: none;
	color: #e89b07;
}
#main_navigation ul li a:hover {
	color: #ffffff;
}

#main_navigation ul li.current-menu-item a {
	color: #d6d6d6;
}




/**
* Main ================================================================================================
*/
#article-social-container {
	position: absolute;
	right: 0px;
	bottom: 10px;
	height: 30px;
}
#article-social-container span {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-left: 10px;
	background-color: #d6d6d6;
}
#article-social-container .social-svg-path {
	fill: #8c8c8c;
}
.main .entry-header {
	position: relative;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 10px;	
	border-bottom: solid 1px #bbbbbb;
	margin-bottom: 20px;
}
.main h1.entry-title {
	color: #000;
	font-size: 2.1em;
	line-height: 1em;
	font-family: 'Playfair Display', serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.main h1.entry-title span {
	color: #807575;
	font-size: 0.7em;
}
.main article {
	position: relative;
	height:auto;
	clear: both;
}


.main .entry-content {
}
.main .entry-content.story {
	margin-left: 322px;
}
.main h2 {
	margin: 0;
	padding: 0;
	font-family: 'Playfair Display', serif;
	font-weight: normal;
	font-size: 2.0em;
	line-height: 1.4em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	color: #a50606;
}
.main h3 {
	margin: 0;
	padding: 0;
	font-family: 'Playfair Display', serif;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.2em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	color: #a50606;
}
.main p {
	text-align: justify;
	line-height: 1.8em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.main ul {
	list-style: none;
	overflow: hidden;
}
.main ul li {
	position: relative;
	background-image: url(images/bullets.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 16px;
	margin-bottom: 0.5em;
}
.main ul.buy_links {
}
.main ul.buy_links li {
	width: 30%;
	float: left;
	font-size: 0.9em;
	line-height: 1.5em;
	margin-right: 3%;
	box-sizing: border-box;
}
.main ul.buy_links li:nth-child(3) {
	clear: right;
	margin-right: 0%;
}
.main ul.buy_links li:nth-child(4) {
	clear: left;
}
.main ul.buy_links li a {
	color: #010101;
	text-decoration: none;
}
.main ul.buy_links li a:hover {
	color: #a50606;
}

.main .entry-thumbnail {
	position: relative;
	box-sizing: border-box;
	float: left;
	margin-right: 40px;
	width: 282px;
	padding-bottom: 1.5em;
}
.main .entry-thumbnail img {
	width: 100%;
	height: auto;
}
.main .entry-thumbnail blockquote {
	border-top: solid 1px #d0d0d0;
	padding-top: 0.5em;
	display: block;
}
.main .entry-thumbnail blockquote:first-of-type {
	border-top: none;
	padding-top: 0;
}
.main .entry-thumbnail blockquote p {
	font-style: italic;
	text-align: left;
	color: #a50606;
	line-height: 1.3em;
	margin-bottom: 0.5em;
}
.main .entry-thumbnail blockquote cite {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	text-align: right;
	color: #000000;
	font-size: 1.2em;
	display: block;
	line-height: 1.3em;
	margin-bottom: 0.5em;
}
.main .entry-thumbnail .stories-poems {
	font-family: 'Playfair Display', serif;
	padding-top: 0.4em;
	font-size: 1.34em;
}
.main .entry-thumbnail .stories-poems li {
	background-image: url(images/bullets-red.png);
	background-repeat: no-repeat;
	background-position: left 10px;
}
.main .entry-thumbnail .stories-poems li h3 {
	font-weight: normal;
	font-size: 1.0em;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
}
.main .entry-thumbnail .stories-poems li h3 a {
	text-decoration: none;
}
.main .entry-thumbnail .stories-poems li.selected {
	background-image: url(images/bullets.png);
}
.main .entry-thumbnail .stories-poems li.selected h3 a{
	color: #807575;
}




#main-footer {
	position:relative;
	display: block;
	clear:both;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 50px;	
	border-top: solid 1px #bbbbbb;
	margin-top: 30px;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
}
#copyright {
	color: #A4A4A4;
}
#developed {
	color: #A4A4A4;
}
#developed a {
	color: #575757;
	text-decoration: none;
}
#developed a:hover {
	color: #a50606;
}



#blocksponsive_lightbox_image_preloader {
	width: 32px;
	height: 32px;
	background-image: url(images/preloader.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


/* PAGED NAVIGATION ------------------------------------------------------------------------------------------------ */
.page-links {
	width: 100%;
	display: block;
	text-align: left;
	margin-top: 18px;
	margin-bottom: 18px;
}
.page-links.page-navigation {
	text-align: left;
}
.page-links ul {
	position: relative;
	display: inline-block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.page-links ul li {
	position: relative;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: none;
}
.page-links ul li span {
	position: relative;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	min-width: 2.2em;
	padding-top: 0.40em;
	padding-bottom: 0.40em;
	margin-left: 0.25em;
	margin-right: 0.25em;
	text-align: center;
}
.page-links ul li a {
	position: relative;
	display: inline-block;
	text-align: center;
	margin: 0px;
	padding: 0px;
	min-width: 2.2em;
	padding-top: 0.40em;
	padding-bottom: 0.40em;
	margin-left: 0.25em;
	margin-right: 0.25em;
	text-decoration: none;
}
.page-links ul li span {
	border: solid 1px #888888;
}
.page-links ul li span.dots {
	border: none;
}

.page-links ul li a, .page-links ul li a:visited {
    color: #fff;
	background-color: #888888;
	border: solid 1px #888888;
}
.page-links ul li a:hover {
	background-color: #000000;
	border: solid 1px #000000;
}

.page-links ul li a.prev,
.page-links ul li a.next {
	border: none;
	background: none;
	color: #888888;
}

.page-links ul li a.prev:hover,
.page-links ul li a.next:hover {
    border: none;
    background: none;
	color: #000000;
}

.page-links {
    font-size: 1.0em;
    line-height: 1em;
}
/* PAGED NAVIGATION ------------------------------------------------------------------------------------------------ */
	
	
	


#mobile_navigation_container {
	width: 60%;
	position: fixed;
	top: 0px;
	right: 0px;
	background: #ffffff;
	z-index: 2000;
	height: 100%;
	box-sizing: border-box;
	padding: 20px;
	display: none;
}
#mobile_navigation {
	font-family: 'Playfair Display', serif;
	font-size: 1.1em;
}
#mobile_navigation li {
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	border-top: solid 1px #EEE;
	padding-left: 0.5em;
}
#mobile_navigation li a {
	text-decoration: none;
}
#mobile_navigation li:first-child {
	border: none;
}
#mobile_navigation_close {
	padding-top: 2em;
	text-align: right;
	font-size: 1.3em;
	font-family: 'Playfair Display', serif;
	cursor: pointer;
}


#offcanvas-menu-toggle {
	position: absolute;
	top: 25px;
	right: 25px;
	display: none;
}
#offcanvas-menu-toggle .navigation_home_icon {
	width: 20px;
	height: 20px;
}
.navigation-home-icon-color1 {
	fill: #ffffff;
}
.navigation-home-icon-color2 {
	fill: #ffffff;
}




/**
* Responsive ================================================================================================
*/
@media (max-width: 767px) {
	body {
		font-size: 14px;
	}
	#mobile_navigation_container {
		right: -60%;
		display: block;
	}
	#mobile_navigation_container.open {
		box-shadow: 0px 0px 8px rgba( 0, 0, 0, 0.5);
		right: 0px;
	}
	#offcanvas-menu-toggle {
		display: block;
	}

	.container {
		width: 100%;
	}
	#site_title {
		width: 100%;
	}
	#site_title h1 {
		font-size: 1.8em;
	}
	#article-social-container {
		position: relative;
		bottom: auto;
		right: auto;
		text-align: right;
		padding-bottom: 20px;
	}
	#main_navigation {
		display: none;
	}
	.main .entry-content {
		float: none;
		width: 100%;
	}
	.main .entry-content.story {
		margin-left: 0px;
	}
	.main .entry-thumbnail {
		float: none;
		width: 100%;
		margin-right: 0px;
	}
	.main .mobile-wide .entry-thumbnail {
		float: left;
		width: 35%;
		margin-right: 5%;
	}
	.main .mobile-wide .entry-content {
		float: none;
		
	}
	.main .mobile-wide .entry-content.story {
		margin-left: 40%;
		width: 60%;
	}
	
	.main ul.buy_links li {
		width: 45%;
	}
	.main ul.buy_links li:nth-child(2) {
		clear: right;
		margin-right: 0%;
	}
	.main ul.buy_links li:nth-child(3) {
		clear: left;
		margin-right: 3%;
	}
	.main ul.buy_links li:nth-child(4) {
		clear: none;
	}
}
@media 
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), 
only screen and (min-resolution: 192dpi) and (max-width: 767px) { 
    /* Retina-specific stuff here */
	body {
		font-size: 14px;
	}
	#mobile_navigation_container {
		right: -60%;
		display: block;
	}
	#mobile_navigation_container.open {
		box-shadow: 0px 0px 8px rgba( 0, 0, 0, 0.5);
		right: 0px;
	}
	#offcanvas-menu-toggle {
		display: block;
	}

	.container {
		width: 100%;
	}
	#site_title {
		width: 100%;
	}
	#site_title h1 {
		font-size: 1.8em;
	}
	#article-social-container {
		position: relative;
		bottom: auto;
		right: auto;
		text-align: right;
		padding-bottom: 20px;
	}
	#main_navigation {
		display: none;
	}
	.main .entry-content {
		float: none;
		width: 100%;
	}
	.main .entry-content.story {
		margin-left: 0px;
	}
	.main .entry-thumbnail {
		float: none;
		width: 100%;
		margin-right: 0px;
	}
	.main .mobile-wide .entry-thumbnail {
		float: left;
		width: 35%;
		margin-right: 5%;
	}
	.main .mobile-wide .entry-content {
		float: none;
		
	}
	.main .mobile-wide .entry-content.story {
		margin-left: 40%;
		width: 60%;
	}
	
	.main ul.buy_links li {
		width: 45%;
	}
	.main ul.buy_links li:nth-child(2) {
		clear: right;
		margin-right: 0%;
	}
	.main ul.buy_links li:nth-child(3) {
		clear: left;
		margin-right: 3%;
	}
	.main ul.buy_links li:nth-child(4) {
		clear: none;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
	body {
		font-size: 14px;
	}
	.container {
		width: 768px;
	}
	#site_title h1 {
		font-size: 1.7em;
	}
	#main_navigation {
		font-size: 1.1em;
	}
	.main .entry-content.story {
		margin-left: 218px;
	}
	.main .entry-thumbnail {
		margin-right: 22px;
		width: 196px;
		padding-bottom: 1.5em;
	}
}
@media 
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px) and (max-width: 991px), 
only screen and (min-resolution: 192dpi) and (min-width: 768px) and (max-width: 991px) { 
    /* Retina-specific stuff here */
	body {
		font-size: 14px;
	}
	.container {
		width: 768px;
	}
	#site_title h1 {
		font-size: 1.7em;
	}
	#main_navigation {
		font-size: 1.1em;
	}
	.main .entry-content.story {
		margin-left: 218px;
	}
	.main .entry-thumbnail {
		margin-right: 22px;
		width: 196px;
		padding-bottom: 1.5em;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	body {
		font-size: 14px;
	}
	.container {
		width: 990px;
	}
	#main_navigation {
		font-size: 1.35em;
	}
	.main .entry-content.story {
		margin-left: 258px;
	}
	.main .entry-thumbnail {
		margin-right: 28px;
		width: 230px;
		padding-bottom: 1.5em;
	}
}
@media (min-width: 1200px) and (max-width: 1399px) {
	body {
		font-size: 15px;
	}
	.container {
		width: 1170px;
	}
	#main_navigation {
		font-size: 1.45em;
	}
	.main .entry-content.story {
		margin-left: 282px;
	}
	.main .entry-thumbnail {
		margin-right: 34px;
		width: 248px;
		padding-bottom: 1.5em;
	}
}
@media (min-width: 1400px) {
}