/*
    Theme Name: ClaudiaSherman
    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 ================================================================================================
*/
html {
	min-height: 100%;
}
body {
	height: 100%;
}
body {
	background-color: #FFFFFF;
	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: #718953;
}
a:hover {
	color: #000000;
}


/**
* Header ================================================================================================
*/
#main_header {
	position: relative;
	width: 100%;
	font-family: 'Anton', serif;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgba( 0,0,0,0.65);
	box-sizing: border-box;
	overflow: auto;
	z-index: 2;
}

#site_title {
	position: relative;
	width: 30%;
	float: left;
}
#site_title h1 {
	font-size: 2.4em;
	color: #fff;
	font-weight: 400;
}
#site_title h1 a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

#main_navigation {
	position: relative;
	width: 70%;
	font-size: 1.5em;
	float: right;
	padding-top: 8px;
	font-family: 'Anton', serif;
	text-transform: uppercase;
}
#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: #fff;
}
#main_navigation ul li a:hover {
	color: #718953;
}

#main_navigation ul li.current-menu-item a {
	color: #718953;
}


#header-image {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#header-image img {
	width: 100%;
	height: auto;
	display: block;
}

/**
* Frontpage ================================================================================================
*/
#frontpage_slider {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	overflow: hidden;
	z-index: 1;
}
#frontpage_slider ul {
	position: absolute;
	list-style: none;
	padding: 0;
	margin: 0;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#frontpage_slider ul li {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}


#frontpage_navigation {
	position: absolute;
	z-index: 2;
	bottom: 0px;
	left: 0px;
	width: 100%;
	font-family: 'Cinzel', serif;
	padding-bottom: 40px;
	font-size: 1.6em;
}
#frontpage_navigation ul {
	position: relative;
	text-align: center;
	list-style: none;
	width: 100%;
	padding: 0;
	margin: 0;
	
}
#frontpage_navigation ul li {
	display: inline-block;
	margin-left: 15px;
	margin-right: 15px;
}
#frontpage_navigation ul li a {
	text-decoration: none;
	color: #e89b07;
}
#frontpage_navigation ul li a:hover {
	color: #ffffff;
}


/**
* 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;	
	margin-bottom: 20px;
}
.main h1.entry-title {
	color: #718953;
	font-size: 3em;
	line-height: 1em;
	font-family: 'Anton', serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}


.main h1.entry-title span {
	color: #B0A8A8;
	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: 2em;
	line-height: 1.4em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	color: #000;
	font-style: italic;
}
.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: #718953;
}
.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: #718953;
}

.main .entry-thumbnail {
	position: relative;
	box-sizing: border-box;
	float: left;
	margin-right: 40px;
	width: 320px;
	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: #718953;
	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;
}


/**
* Blog ================================================================================================
*/
.main.blog article {
	border-top: solid 1px #000000;
}
.main.blog .container:first-child article {
	border-top: none;
}
.main article.post {
	padding-top: 60px;
}
.main article.post .entry-header {
	padding-top: 0px;
	padding-bottom: 0px;
}
.main article.post h1.entry-title {
	line-height: 1.2em;
	
}
.main article.post h1.entry-title a {
	text-decoration: none;
}
.main article.post .entry-thumbnail {
	width: 30%;
}

.main article.post .entry-thumbnail.single {
	width: 35%;
}


.main article.post h2.entry-readmore {
	text-align: right;
	font-size: 1.6em;
}
.main article.post h2.entry-readmore a {
	color: #000000;
	text-decoration: none;
}
.main article.post h2.entry-readmore a:hover {
	color: #718953;
	text-decoration: underline;
}


/**
* Blog pagination ================================================================================================
*/
.ia-navigation {
	position: relative;
	margin-top: 3em;
	margin-bottom: 1em;
	clear: both;
	display: block;
}
.ia-navigation ul {
	padding: 0;
	text-align: center;
}
.ia-navigation ul li {
	display: inline-block;
	margin-left: 2px;
	margin-right: 2px;
	background: none;
}
.ia-navigation ul li a {
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
	min-width: 1.6em;
	text-decoration: none;
	text-align: center;
}
.ia-navigation ul li a:hover {
}
.ia-navigation ul li .current {
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
	min-width: 1.6em;
	text-align: center;
}
.ia-navigation a.prev, .ia-navigation a.next {
	border: none;
	background: none;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 6px;
	min-width: 1.6em;
	text-align: center;
}
.ia-navigation a.prev:hover {
	border: none;
	background: none;
}
.ia-navigation ul li a {
    border: solid 1px #718953;
    background-color: #718953;
    color: #ffffff;
}
.ia-navigation ul li a:hover {
    border: solid 1px #000000;
    background-color: #000000;
    color: #ffffff;
}
.ia-navigation ul li .current {
    border: solid 1px #718953;
    color: #718953;
}
.ia-navigation ul li a.prev,
.ia-navigation ul li a.next {
    border: none;
    background: none;
    color: #718953;
}
.ia-navigation ul li a.prev:hover,
.ia-navigation ul li a.next:hover {
    border: none;
    background: none;
    color: #000000;
}


.footer-container {
	position: absolute;
	display: block;
	bottom: 0px;
	left: 0px;
	width: 100%;
}
#main-footer {
	position:relative;
	display: block;
	clear:both;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 50px;	
	border-top: solid 2px #7d9262;
	margin-top: 30px;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	z-index: 2;
}
.footer-container #main-footer {
	padding-bottom: 10px;
	border: none;
}
#copyright {
	color: #A4A4A4;
}
#developed {
	color: #A4A4A4;
}
#developed a {
	color: #575757;
	text-decoration: none;
}
#developed a:hover {
	color: #718953;
}



#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: 15px;
	right: 25px;
	z-index: 2;
	display: none;
}
#offcanvas-menu-toggle .navigation_home_icon {
	width: 20px;
	height: 20px;
}
.navigation-home-icon-color1 {
	fill: #ffffff;
}
.navigation-home-icon-color2 {
	fill: #ffffff;
}




/**
* Contact Form 7 ================================================================================================
*/
.wpcf7-form p {
	line-height: 1.4em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.wpcf7-form p span {
	color: #c72d2d;
}
.wpcf7-form p span span {
	color: #2d2f34;
}

.wpcf7-text,
.wpcf7-select,
.wpcf7-number,
.wpcf7-date,
.wpcf7-quiz,
.wpcf7-textarea {
	max-width: 100%;
	font-size: 1em;
	box-sizing: border-box;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	padding: 0.4em 0.5em;
}
.wpcf7-text {
	width: 100%;
}
.wpcf7-quiz {
	width: auto;
}
.wpcf7-textarea {
	width: 100%;
}

.wpcf7-submit {
	width: auto;
	background: none;
	border: none;
	padding: 0.8em 1.6em;
	background-color: #718953;
	color: #fff;
	border-radius: 3px;
	font-size: 1.2em;
}


/**
* Responsive ================================================================================================
*/
@media (max-width: 767px) {

}



@media (min-width: 768px) and (max-width: 991px) {

}


@media (min-width: 992px) and (max-width: 1199px) {

}
