/*
Theme Name: Crissy
Theme URI: http://themeforest.net/user/dabaman/portfolio
Description: <strong>Crissy</strong> is a responsive WordPress blog and shop theme
Version: 1.6
Author: dabaman
Author URI: http://themeforest.net/user/dabaman/
Tags: post-formats, threaded-comments, translation-ready
Text Domain: crissy
License:
License URI:
*/


/*		=RESET 
=================================================================================*/

html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, img, ol, ul, li, textarea,
fieldset, form, input, button, figure {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size:100%;
	vertical-align:baseline;
	text-decoration:none; }
	
ol, ul { list-style: none; }

*  {
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	}


/*		=FONTS DEFAULTS
=================================================================================*/

h1, h2, h3, h4, h5, h6,
h1>a, h2>a, h3>a, h4>a, h5>a, h6>a, 
th, table caption, blockquote p  {
	font-family:'Old Standard TT', serif;
	font-style:normal;
	text-align:center; }
		
body, a, blockquote cite, article header > span { font-family:'Lora', serif; }	



/*		=MIXED
=================================================================================*/


/*		=selection
--------------------------------------*/

*::selection, mark { background:#222; color:#fff;}

			
/*		=body, =html
--------------------------------------*/


html { -webkit-text-size-adjust: none; }

body {
	line-height: 1.65;
	font-size:16px;
	background:#f7f7f7; /* Bg for entire site */ 
	color:#666;  }
	

/*		=p, =span
--------------------------------------*/

p { margin-bottom:1.5em; }
.index p { margin-bottom:1em; }
	
.subtitle, .index, .caption { 
	text-align:center;
	margin:0 0 1em 0; }
	
.subtitle, .post header > span, .caption { 
	font-style:italic;
	font-size:1.05em;
	color:#bebebe; }
			
.archive header > span { 
	border-bottom:none;
	padding-bottom:0; }
	
.single header > span { padding-bottom:0em; }	

.subtitle { 
	margin:-1.5em auto 1.5em auto;
	display:block; }
		
.index .entry_content p { font-style:normal;  }

.aligncenter { 
	float:none; 
	text-align:center;
	margin-left:auto;
	margin-right:auto; }
.alignleft { 
	float:left; 
	margin-right: 1em; }
.alignright { 
	float:right; 
	text-align:right; 
	margin-left:1em; }	

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
	
	
/*		=h
--------------------------------------*/

h1 { font-size:3.3em; margin-bottom:.5em; }
body>h1 { 
	font-size:2.5em;
	margin-bottom:1em; }
h2 { font-size:1.8em; }
h3 { font-size:1.4em; }
h4 { font-size:1.3em; }
h5 { font-size:1.2em; }
h6 { font-size:1.1em; }	

h1, h2, h3, h4, h5, h6,
h1>a, h2>a, h3>a, h4>a, h5>a, h6>a { color:#222; }

h2, h3, h4, h5, h6 { margin-bottom:.8em; }
.entry_content h2, .entry_content h3, .entry_content h4, .entry_content h5, .entry_content h6 { margin-top:1.5em; }	
h2.subtitle, h3.subtitle { margin-top:-1.5em; }



/*		=a
--------------------------------------*/

a { 
	font-style:italic;
	color:#888; }
	
a:hover, a.current, .current a { color:#222; }

a.button { display:inline-block; }


/*		=select
--------------------------------------*/

select {
	padding: .6em;
	border:none;
	border-bottom: 1px solid #eee;
	color:inherit; }

	
/*		=video
--------------------------------------*/	
	
video { 
  width: 100%;
  height: auto; }	

/* make embeded videos responsive */
 .videoWrapper {
    	position: relative;
    	padding-bottom: 56.25%;
    	padding-top: 25px;
    	height: 0; }
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }
	

/*		=img
--------------------------------------*/

img {
    max-width: 100%;  
    height: auto;  
    width: auto\9; }  
	


/* ----------- =gallery ------------- */

.gallery { width:100%; }

.gallery-item { 
	padding:0 1%; 
	margin:0 0 .5em 0;
	float: left;
	overflow: hidden;
	position: relative; }

.gallery img { 
	border:none !important;
	transition:all .2s; }
	
.wp-caption { max-width:100%; }	
	
.wp-caption-text, .gallery-caption {
	font-style:italic;
	text-align:center;
	max-width:100%;
	color:#bebebe;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -ie-margin-inline-start: 0; }
	
.wp-caption-text { margin-top:-.7em; }
.wp-caption .wp-caption-text { margin-top:.1em; }

.gallery-item img:hover { opacity:.7; }
		
.wp-caption-text { 
	max-width:100%;
	margin-bottom:2em;
	line-height:1.5; }

.single .wp-caption-text { 	font-size:.9em; }
	
.gallery-caption { 
	margin-bottom:.5em;
	font-size:.85em;
	margin-top:.1em; }
	
	

/*		=input, =textarea
--------------------------------------*/

input[type=text], input[type=email], input[type=password], textarea {
	color:inherit; 
	padding:.7em;
	width:100%;
	border-bottom:1px solid #f3f3f3; }
		
textarea { 
	height: 275px;
	line-height:1.65; }
	
a.button, button, input[type=submit] { 
	padding:1.5em 2.5em;
	cursor:pointer;
	margin:2em auto 0 auto;
	font-size:1.05em;
	font-style:italic;
	text-align:center;
	transition:all .2s;
	border-radius:10px;
	background:#ccc; 
	color:#fff; }
	
a.button, button { margin-top:0; }

button, input[type=submit] {  display:block; }
	
a.current, a.button:hover, button:not(.pswp__button):hover, input[type=submit]:hover { color:#fff; }	
a.button:hover, input[type=submit]:hover { background:#222; }


/*		=blockquote, =cite
--------------------------------------*/
			
		
blockquote, cite { text-align:center; }
		
blockquote {
	line-height:1.3;
	position:relative;
	margin:0;
	color:#222; }
	
cite { 
	font-style:italic;
	font-size:1.05em;
	color:#bebebe; }	
	
.single.format-quote blockquote { padding:0; }	
.single.format-quote blockquote>p { 
	font-size:2.4em; 
	margin-bottom:.8em; }
	
	
.single blockquote, .entry_content blockquote { padding:1.5em 2em 1em 2em; }
.index blockquote>p, .index blockquote>a>p { margin-bottom:.7em; }
.index blockquote cite { 
	display:block;
	margin-bottom:.4em; }	
	
blockquote p {
	font-style:italic;
	font-size:1.3em;
	padding:0; }
		
.index.format-quote .entry_content p {font-style:italic; }
		
.index blockquote p, .entry_content blockquote p { font-size:1.7em; } 	
	
	
/*		=ul, =ol
--------------------------------------*/	

.entry_content ul,
.entry_content ol { margin-bottom:2em; }

.entry_content ul { list-style:inside; }
		
.entry_content ul ul {
	margin-top:1em;
	margin-left:1em; } 	
	
.entry_content ul li,	
.entry_content ol li { margin:.3em 0; }

.aligncenter > li { display:inline; }


/* ------- nested ordered lists ------- */

.entry_content ol ol {
	margin-left:1em;
	margin-top:1em; }

.entry_content ol { counter-reset:section; }
.entry_content ol li ol { counter-reset:subsection1; }
.entry_content ol li ol li ol { counter-reset:subsection2; }

.entry_content ol li:before { margin-right:.5em; }

/* i.e. 1. */
.entry_content ol li:before {
	counter-increment:section;
	content: counter(section) ". "; }

/* i.e. 1.1 */
.entry_content ol li ol li:before {
	counter-increment:subsection1;
	content:counter(section) "." counter(subsection1) " "; }

/* i.e. 1.1.1 */
.entry_content ol li ol li ol li:before {
	counter-increment:subsection2;
	content:counter(section) "." counter(subsection1) "." counter(subsection2) " "; }
	 
 	
/*		=table
--------------------------------------*/

table { 
	width:100%;
	text-align:center;
	margin-bottom:3em;
	border-collapse:collapse; }	
	
.content table caption {
	font-size:1.4em;
	margin-bottom:.8em;
	color:#222; }

th { 
	padding:.5em;
	font-size:1.2em;
	font-weight:normal; 
	color: #222; }
	
.content td { padding:.6em; }
body>footer td { padding:.4em; }

.content tbody tr {  border-bottom: 1px solid #f3f3f3; }
.content tbody tr:last-child { border-bottom:none; }
	
	

/*		=LAYOUT
=================================================================================*/

body>header, 
body>section,
body>footer {
	margin:0 3.9%;
	position:relative; 
	/*  In case you want to define maximum width for the entire layout :

		max-width:1600px;
		margin:0 auto; 
		
	*/ 
	}
	
body>section { margin-bottom:2em; }

.one, .one_half, .two_thirds, .one_third, .one_fourth, .grid_block { 
	float:left;
	margin:0 1.5%;	
	display:inline;	}
	
.alpha { margin-left:0; }
.omega { margin-right:0; float:right; }

.one		{ width:97%; }
.two_thirds { width:63.666666%; }
.one_half	{ width:47%; }
.one_third	{ width:30.333333%; }
.one_fourth { width:22%; }

/* single blog posts and pages have maximum width */
.max_width {  
	margin:0 auto 1.5em auto; 
	display:block; 
	float:none !important;
	max-width:860px; }

.page.max_width { clear:both; }	

	
/*		=HEADER
=================================================================================*/

body>header { padding:2em 0; }


/*		=logo
--------------------------------------*/

#logo { text-align:center; }

#logo h1 { 
	margin-bottom:0;
	font-family:Cookie;
	font-size:3em; }
		
#logo img { 
	max-width:500px;
	display:inline;
	margin:15px 0; }
	

/*		=navigation
--------------------------------------*/

body>header nav { 
	text-align:center;
	padding-top:1em; }
	
body>header nav>ul { display:inline; }	

body>header nav>ul>li {
	display:inline;
	margin:0 20px;
	position:relative; }

body>header nav>ul>li a { padding-bottom:20px; }	

body>header nav a { 
	display:inline-block;
	transition:all .2s;
	font-size:1.05em;
	text-align:center; }
		
.menu-item-has-children.current-menu-item li a { font-weight:normal; }	

.search_and_mob_nav a { cursor:pointer; }

#mobile_nav { 
	font-size:1.2em;
	display:none; }
	
.active a, a.active { color:#222; }	

/* dropdown menu icon */
.navigation .menu-item-has-children>a:after {
	font-family:'FontAwesome';
	content:"\f0d7";
	font-style:normal;
	margin-left:.4em;
	font-size:.8em; }
	
/* social icons */
body>header .social_icons { display:inline; }		


/*		=pages/posts navigation
--------------------------------------*/

.page_nav { margin-bottom:2em; }
.pages { text-align:center; }
.pages .one_half { 
	margin:0; 
	width:50%; }
	
.pages li { display:inline !important; }		
	
.pages a, span.page-numbers { 
	width:auto; 
	margin:0 1em;
	font-size:1.1em;
	display:inline-block;  }
	
.page-numbers.current {
    background: #222;
    width: 50px;
    border-radius: 50%;
    color: white;
    height: 50px;
    line-height: 50px;
    margin-right: 0; }

.pages a i { 
	font-size:34px;
	position:relative;
	color:#dedede; }	

.post_nav { 
	display:none; /* hidden on larger resolutins / using fixed nav instead */
	margin-top:3.5em; }	
	
.pages .fa-angle-left { margin-right:.5em; }
.pages .fa-angle-right { margin-left:.5em; }


/* single page fixed navigation */

.next_post { float:right;} 

.prev_post_fixed { left:20px; }
.next_post_fixed { right:20px; }
	
.prev_post_fixed, 
.next_post_fixed {   
	margin-top:-30px;  
	font-size:1.05em; 
	position:fixed;
	top:50%;
	padding:.1em 1em;
	border-radius:30px;
	height:50px;
	text-align:center; 
	line-height:50px;
	transition:all .2s;
	vertical-align:bottom;
	z-index:100; }
	
.prev_post_fixed:hover,
.next_post_fixed:hover { 
	background:#fff;
	color:#222; }	
	
.prev_post_fixed i, .next_post_fixed i { font-size:50px;  }
	 
.prev_post_fixed span,
.next_post_fixed span { 
	display:none;
	position:relative;
	line-height:50px; }
 	 
.prev_post_fixed span { 
	margin-left:1em; 
	float:right;  }
.next_post_fixed span { 
	margin-right:1em; 
	float:left; }

.prev_post_fixed:hover span,
.next_post_fixed:hover span { display:block; }
	

		
	
/* page links - when using <!--nextpage--> */
.link_pages	{ 
	padding:2.5em 0 0 0;
	margin-bottom:0 !important;
	font-size:1.05em;
	word-spacing:1em;
	color:#222; }
.link_pages:before { margin-bottom:1em; }



/*		=search
--------------------------------------*/

#searchform {
	float:left;
	width:100%;
	clear:both;
	text-align:center;
	z-index:100;
	position:relative;
	margin:2em 0;
	z-index:1; }

body>header #searchform { display:none; }

#searchform > input { 
	width:100%;
	border:none;
	background:none;
	text-align:center;
	padding:0;
	font-size:1.3em;
	clear:both;
    line-height: inherit !important; /* edge fix */
	box-shadow:none; }

.site_search { 
	cursor:pointer;
	width:20px; }
.site_search.active i { cursor:pointer; }
	
article.type-page h1 { margin-bottom:.5em; }	
		
		

/*		=PAGE / PAGE TEMPLATES
=================================================================================*/	


/*		=author page template
--------------------------------------*/
	
.author_template .entry_content	{ 
	max-width:500px;
	margin-left:auto; 
	margin-right:auto;  }
	


/*		=gallery page template
--------------------------------------*/

body.page-template-page-gallery-php>section { margin-bottom:0; }

.gallery_template .grid_block .wrapper { padding:1.5em }
	
.gallery_template .box:before { content:none; }
.gallery_template .box.index:hover h1 { text-decoration:none; }	
	
.gallery_template .index .feat_img { 
	width:100%;
	margin-bottom:0; }
.gallery_template .index h1 { margin-top:1em; }	
.gallery_template .index .caption { margin-bottom:.3em; }
.no_img_title .gallery_template .index .caption { margin:.8em 0 0 0; }


/*		=archive template
--------------------------------------*/

.archive_lists ul { 
	text-align:center;
	list-style-type:none;
	margin:1em 0 1.8em 0; }

.archive_lists ul li, .pages ul li { margin:0 !important; }	

.archive_lists ul a {
	display:block;
	padding:.3em 0;  }
	
	

/*		=contact and map page template
--------------------------------------*/

/* ------- =google map ------- */

.contact_template header { 
	position:relative;
	margin-bottom:1em;  }
	
.contact_template .rectangle_no_margins { margin-bottom:-.5em; }


#map_canvas { height:350px; } /* a bit taller than the mask itself, to cut-off the map copyright info */
 
.map_mask { 
  height:335px;
  max-width:335px;
  margin:0 auto;
  overflow:hidden;
  position:relative;
  border-radius:50%;
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }
	
	
/* -------  =contact form 7 plugin ------- */

.contact_template .wpcf7 { margin-top:3em; }

.wpcf7-not-valid-tip, .wpcf7-response-output {
	border:none !important;
	top:-30px !important;
	width:auto !important; }
	
.wpcf7-form-control-wrap { 
	text-align:center !important;
	width: 100%; }	
	
.wpcf7 input[type=submit] { 
	margin-bottom:0; } 	
	
div.wpcf7-response-output { 
	margin:1em 0 2em 0 !important;
	font-style:italic;
	text-align:center;
	color:#bebebe; }	

span.wpcf7-not-valid-tip  { 
	top:-3.5em !important;
	float:right;
	right: 20px;
	position:absolute;}	
	


/*		=BLOG
=================================================================================*/


/*		=post
--------------------------------------*/

.box {
	display:block;
	position:relative;
	background:#fff;
	border-bottom:1px solid #eee; }
	
.single .wrapper, .page .wrapper { padding:3.5em 5em; }
.index .wrapper { padding:2em 2.5em; }

.index { margin-bottom:2em;  }
.index>a { 
	display:block;
	font-style:normal;  }

.excerpt_more { 
	opacity:.4;
	display:block;
	margin-bottom:-.5em; }

.sticky { }	 /* in case you want to add some specific style to sticky posts */

.box.index:hover h1 { text-decoration:underline;    }

.box.index .feat_img img { transition:all .2s;  }
.box.index:hover .feat_img img { opacity:.8;  }

.content h1  { line-height:1.3; }

.index h1 a { display:block; }

/* folded paper look */	
.box:before {
   content:"";
   position:absolute;
   top:0;
   right:0;
   z-index:2;
   border-width:0 16px 16px 0;
   border-color:#eee #f7f7f7;
   border-style:solid;
   transition:all .2s; }

.box.max_width:before,
.box.index:hover:before{ border-width:0 20px 20px 0;  }

.archive_lists .box:hover:before { border-width:0 16px 16px 0; }

a.index:hover .entry_content p,
a.index .entry_content p { color:#666; }


/* ------- article/page icons ------- */

.article_icon { 
	position:relative;
	width:100px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-.5em; }
	
.page .article_icon { margin-top:2.5em; } 	
.archive_lists .article_icon,
.author_template .page .article_icon, 
.contact_template .page .article_icon { margin-top:2em; } 
.index .article_icon { margin-top:1em; } 
.format-link.index .article_icon { margin-top:1.5em; } 
	
.article_icon i {
	font-size:35px;
	display:block;
	z-index:1;
	text-align:center;
	color:#f3f3f3; }
	
.article_icon:before, .article_icon:after {
	content:"";
	position:absolute;
	display:block;
	top:50%;
	height:1px;
	width:60px; 
	background: #f3f3f3; }
	
		
.article_icon:before { 	
	left:-50px;
	background: -webkit-linear-gradient(left,  #ffffff 0%,#f3f3f3 50%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to right,  #ffffff 0%,#f3f3f3 50%); /* W3C */ }
	
.article_icon:after { 	
	right:-50px;
	background: -webkit-linear-gradient(left,  #f3f3f3 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to right,  #f3f3f3 50%,#ffffff 100%); /* W3C */ }
	
.format-quote .article_icon i {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:100px;
	height:40px;
	line-height:1;
	font-style:normal;
	overflow:hidden; }
	
.article_icon i.top {
	width:35px;
	z-index:2;
	position:relative;
	bottom:0;
	right:-30px;
	background:#fff; }

.article_icon i.bottom {
	position:absolute;
	top:5px;
	left:36px;
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-ms-transform: rotate(10deg); 
	-o-transform: rotate(10deg); }
	
		

/* ------- post header ------- */

.post header { text-align:center; }
.index.post header { margin-bottom:1em; }
.no_excerpt .index.post header { margin-bottom:0; }
	
.post.single header,
.post.single .entry_content { margin-bottom:3em; }

.post.single header h1 { margin-bottom:.3em; }
	
.index h1 { 
	font-size:1.7em;
	margin-bottom:.2em; }
	
.post header > span, .single footer, .caption { display:block; }		


/* ------- single post specific ------- */

.single.post { z-index:2; }
.single.post .entry_content { 
	margin:3em 0;  }	
		
.single article footer {
	padding-top:2.5em;
	text-align:center; }
	
.single.format-quote .feat_img { margin-bottom:-2em; }


/* tags */

.post_tags { 
	position:relative;
	font-size:1.05em; }
.post_tags a { margin-left:.2em; }
.post_tags i {
	margin-right:.5em;
	color:#f3f3f3;
	font-size:26px;
	width:26px;
	position:relative;
	bottom:-6px;
	margin-right:15px; }
		
		

/*		=featured image
--------------------------------------*/

.feat_img { 
	margin:0 auto 1.43em auto;  	
	position:relative;
	text-align:center; }
	
.feat_img.rectangle_no_margins img { width:100%; }

.feat_img.rectangle_no_margins { margin-bottom:-.5em; }
 
.single .feat_img.circle, 
.page .feat_img.circle { max-width:335px; }

.index .feat_img.circle, 
.type-page .feat_img.circle { max-width:225px; }

.feat_img.circle img {
	-moz-border-radius:50%;
	-o-border-radius:50%;
	-webkit-radius:50%;	
	border-radius:50%; }
	
.feat_img img {  
	transition:all .2s;
	display:block;
	margin:0 auto; }
	
.feat_img:before, .contact_template header:before { /* arrow at the bottom */
	content: '';
	height: 0;
	position: absolute;
	width: 0;
	border: 8px solid transparent;
	border-bottom-color:white;
	bottom: 0;
	left: 50%;
	z-index:2;
	margin-left: -8px; }		
	

/*		=comments
--------------------------------------*/

#comments { 
	float:left;
	width:100%;
	margin:5em 0 0 0; }
	
#comments h2 { margin-bottom:1em; }
		
.commentlist  { 
	margin-left:95px;
	padding-top:2em; }	

.comment { 
	float:left;
	width:100%;
	margin-bottom:2.5em;  } 
	
.comment header em {
	float:right;
	margin-top:-.5em; }	
	
.bypostauthor {} /* in case you want to add specific style to post author comments */	
	
.comment li { 
	padding-left:2em;
	margin-top:1em;
	margin-bottom:0;  }
				
.comment>article {
	padding:2.5em 2.5em 1.5em 2.5em;
	background:white;
	position:relative;
	border-bottom:1px solid #eee; }	
	
.comment>article:before {
	content: '';
	height: 0;
	position: absolute;
	width: 0;
	border: 8px solid transparent;
	border-right-color:#fff;
	top: 2em;
	right: 100%; }	

.comment header { 
	width:100%;
	clear:both;
	float:left;
	margin-bottom:.5em; }
	
.comment header h3 { 
	float:left;
	font-size:1.3em;
	margin-bottom:.4em; }
	
img.avatar {
	border-radius:35px; 
	position:absolute;
	float:left;
	display:block;
	margin:-2em 0 0 -135px; }	

.comment-meta {
	color:#bebebe;
	font-style:italic;
	font-size:.95em; 
	float:right;}

.comment_text h3, .comment-meta { width:auto; }

.comment-reply-link { margin:-1.6em 0 0 1.5em; }

.comment-reply-link, #cancel-comment-reply-link { color: #dedede;  }	
	
#respond { 
	margin:4em 0 0 0;
	padding:2em 2.5em;
	position:relative;
	background:#fff;
	border-bottom:1px solid #eee; }
	
#respond:before { /* tooltip arrow */
	content: '';
	height: 0;
	position: absolute;
	width: 0;
	border: 8px solid transparent;
	border-bottom-color:white;
	bottom: 100%;
	left: 50%;
	margin-left: -5px; }	
	
#reply-title { 
	font-size:1.8em;
	margin-bottom:.2em; }
	
.comment #respond { margin-top:1em; }	
	
.logged-in-as {
	font-style:italic;
	text-align:center;  }	
	
#cancel-comment-reply-link { 
	position:absolute;
	right:1em;
	top:1em;
	font-size:1em;
	border-radius:40px;
	height:40px;
	width:40px;
	font-size:18px;
	display:block;	
	line-height:40px; }	
#cancel-comment-reply-link:hover { color:inherit; } 	
	
	
/* icon for the comments number */
	
.comments_number_icon {
	top:1em;
	z-index:1;
	width:100px;
	margin: 0 auto 1em auto;
	cursor: pointer;
	display: block;
	text-align:center;
	position: relative; }
 	
.comments_number_icon i {
	font-size:65px;
	color:#dedede;
	transition:all .2s; }
.comments_number_icon:hover i { color:#222; }

.comments_number_icon a {
	font-size:18px;
	width:100%;
	height:65px;
	line-height:65px;
	position:absolute;
	text-align:center;
	color:#fff;
	top:-5px;
	left:-8px; }
.comments_number_icon:hover a { color:#fff; }


/*		=infinite scroll loading
--------------------------------------*/	
	
.infinite_loading { 
	margin-top:	-1em;
	margin-bottom:-.5em; }
	
#infscr-loading	{
	clear:both;
	width:100%;
	float:left;
	display:block !important;
	height:20px;
	position:absolute;
	bottom:.5em;
	text-align:center;
	font-size:1.1em;
	font-style:italic; }
		
#infscr-loading>div { padding-top:2em; }	
#infscr-loading>img { display:none !important; }

#infscr-loading i { 
	display:inline-block; 
	font-size:26px; }

	 

/*		=FOOTER
=================================================================================*/

body>footer { padding:.5em 0 2.5em 0; }	
		
body>footer h2, 
body>footer #searchform > input { text-align:left; }

body>footer h2 { font-size:1.6em; }


/*		=widgets area
--------------------------------------*/

.footer_widgets { margin-top:2em; }
 
.widget { margin-bottom:3em; }
.widget li { margin-bottom:.3em; } 

.widget_nav_menu .sub-menu {
    padding: .3em 0 0 1em;
}

/*  calendar widget */

.widget_calendar table { margin-bottom:0; }

.widget_calendar tbody a { 
	display:block;
	background:#dadadb;
	color:white;
	transition:all .2s; }
.widget_calendar tbody a:hover { 
	color:white; }	
	
.widget_calendar table caption { font-size:1.25em; }


/* tag clould */

.wp-tag-cloud li a { font-size:1.05em !important; }
	

/*		=social media icons
--------------------------------------*/

.social_icons li a { 
	display:inline-block;
	text-align:center;
	transition:all .2s; }

body>footer .social_icons { 
	text-align:center; 
	cursor:pointer;
	margin-bottom:.5em;
	position:relative; }
		
body>footer .social_icons li { 
	display:inline-block;
	margin:8px 0 0 0; }
		
body>footer .social_icons li a { 
	font-size:1.5em;
	padding:.4em .8em .8em .8em; 
	color:#bebebe;
	line-height:1; }
footer .social_icons li a:hover { color:#222; } 
	
.index .pages li a i { border:none; }
		
.social_icons li a:hover, a.button:hover, input[type=submit]:hover, button:hover, a.current { 
	transition:all .2s; 
	box-shadow:none; }


/*		=copyright
--------------------------------------*/

#copyright_info {
	text-align:center; 
	font-size:1.05em;
	font-style:italic; 
	color:#bebebe; }
	

/*		=tooltips
--------------------------------------*/

div.tooltip, .wpcf7-not-valid-tip  { 
	color:#fff !important; 
	font-size:.85em !important;
	padding:.6em 1.2em !important;
	border-radius:30px;
	z-index:100;
	font-style:italic;
	background:#222; }	
	
div.tooltip:after, .wpcf7-not-valid-tip:after { /* tooltip arrow */
	content: '';
	height: 0;
	position: absolute;
	width: 0;
	border: 5px solid transparent;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-top-color: #222; }
	

/* 		=CLEARING
=================================================================================*/

body>header:after,
body>section:after,
body>footer:after  { 
	content: "\0020"; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
  


/* 		=MEDIA QUERIES (i.e. responsive layout)
=================================================================================*/


@media only screen and (min-width: 1921px) {
	
	/* five columns layout for articles */	
	.grid_block	{  width:17%; }
	
}


@media only screen and (max-width: 1920px) {
	
	/* four columns layout for articles */	
	.grid_block	{  width:22%; }
	
}

@media only screen and (min-width: 1600px) {
	
	/* five columns layout for the gallery template and WooCommerce products page */
	.gallery_template .grid_block, .products .grid_block {  width:17%; }
	
}


@media only screen and (max-width: 1440px) {
	
	/* three columns layout for articles */		
	.grid_block	{  width:30.333333%; }
	
	/* five columns layout for the gallery template and WooCommerce products page */		
	.gallery_template .grid_block, .products .grid_block  {   width:22%; }
		
}

@media only screen and (max-width: 1024px) {
	
	/* two columns layout for articles */	
	.grid_block	{  width:47%; }
	
	/* three columns layout for the gallery template and WooCommerce products page */	
	.gallery_template .grid_block, .products .grid_block { width:30.333333%; }
	
	.post_nav { display:block; }
	.prev_post_fixed, .next_post_fixed { display:none; }
	
}


@media only screen and (max-width: 767px) {
	
	/*  =layout
	--------------------------------------*/
		
	/* one column layout for articles */
	.grid_block	{  width:97%; }
	
	/* two columns layout for the gallery template and WooCommerce products page */
	.gallery_template .grid_block, .products .grid_block { width:47%; }	
	
	/* smaller paddins for inner wrappers */	
	.single .wrapper, .page .wrapper, #respond { padding:2.5em 2em; }
	.index .wrapper { padding:2em 2.5em; }	
			
	
	/*  =header
	--------------------------------------*/
	
	body>header { padding:1em 0; }
	
	#logo, #logo h1 { 
		float:left; 
		text-align:left; }
	#logo img { 
		max-width:200px; 
		max-height:100px; }
	#logo h1 { max-width: 70%; }
		
	body>header .social_icons { display:none; }	
	
	
	/*  =single article,  =page 
	--------------------------------------*/
			
	article.single header h1 { font-size:2.8em; } 	
			
		
	/*		=mobile navigation
	--------------------------------------*/
	
	body>header nav { padding-top:0; }
	body>header nav>ul>li a { padding-bottom:0; }
	
	.search_and_mob_nav { 
		position:absolute; 
		top:2em;
		right:0; }

	#mobile_nav { display:inline; }
	.site_search { font-size:1.2em; }
							
	.navigation {
		clear: both;
		z-index: 100;
		display: none;
		width:100%;
		margin:10px 0;		
		position:relative; }
		
	.navigation li {
		text-align:left;
		margin:0;
		display:block;
		width:100%; }
		
	.navigation li ul { 
		padding:0;
		background:none;
		box-shadow:none; }
	
	.navigation li a {
		 clear: both;
		 width:100%;
		 padding:.8em 0;
		 display:block;
		 border-bottom:1px solid #eee;   }
		 
	.navigation li.menu-item-has-children:last-child>a { border-bottom:1px solid #eee; }	 
		 
	.navigation>li:last-child>a { border-bottom:none; }
				 
	.navigation li.active a,
	.navigation li.current_page_item>a, 
	.navigation li.current-menu-item>a {  
		font-weight:bold; }
		
	.navigation li a:hover,
	.navigation li.active a,
	.navigation li.current_page_item a, 
	.navigation li.current-menu-item a { background:none !important;  }
		 
	.navigation li:last-child>a { border-bottom:none; box-shadow:none; }	
						
}

@media only screen and (max-width: 479px) {
	
	/*  =layout
	--------------------------------------*/	
	.single .wrapper, .page .wrapper { padding:2.5em 2em; }
	.index .wrapper { padding:2em 2.5em; }
	
	/* one columns layout for WooCommerce products page */
	.products .grid_block { width:97%; }	
	
	.grid_block { margin-bottom:20px; }
		
	/* gallery template */
	.gallery_template .grid_block .wrapper { padding:1em; }

	body.single>section { 
		margin:0;
		padding:0; }
	
	/* smaller text for everything */
	.pages a, span.page-numbers, .wp-caption-text { font-size:1em !important; }	
	#logo h1, .page .entry_content h1, .single .entry_content h1 { font-size:2.7em; }
	.gallery_template .index h1 { font-size:1.4em; }
	
	/* logo */
	#logo img { max-width: 150px; }	
	
	/* google map - remove circle mask */
	 .map_mask { 
		max-width:none;
		border-radius:0;
		-webkit-mask-image: none; }	
	
		
	.box select { width:100%; }
	
}


@media only screen and (min-width: 768px) {
	

	/*		=mobile navigation
	--------------------------------------*/
	
	.navigation, body>header .social_icons { display:inline !important; }


	
	/*		=dropdown menu
	--------------------------------------*/
	
	.navigation li .sub-menu, .menu_cart .mini_cart {
		visibility:hidden;
		transition: opacity .2s; 
		position: absolute;
		opacity:0;
		z-index: 1000;
		padding:0 1.5em;
		background:#fff;
		left:0;
		font-size:.95em;
		box-shadow: 0 0 0 1px #f3f3f3;
		border-bottom:1px solid #eee;	}
		
	.navigation>li>.sub-menu, .menu_cart .mini_cart  {
		margin-left:-90px;
		left:50%;
		z-index:100; }
			
	.navigation>li>ul:before, .menu_cart .mini_cart:before { 
		content: '';
		height: 0;
		position: absolute;
		width: 0;
		border: 8px solid transparent;
		border-bottom-color: #fff;
		bottom: 100%;
		left: 50%;
		margin-left: -5px; }		
							
	.navigation li ul ul {
		top: 0;
		left: 100%; 
		margin-left:-10px;}
		
	.navigation li:hover > ul, .menu_cart > li:hover .mini_cart { 
		visibility:visible; 
		opacity: 1; }
		
	.navigation li ul li {
		width:100%;
		margin:0;
		clear:both;
		float:left;
		text-align:center;
		position:relative; }
		
	.navigation li ul a {
		margin:0; 
		display:block;
		padding:.8em .35em;
		min-width:150px;
		border-bottom:1px solid #f3f3f3; }
		
	.navigation li ul li a { line-height:2em; }
		
	.navigation li ul li:last-child>a { border-bottom:none; }	
	
}

.no_italic .subtitle, .no_italic .post header > span, .no_italic .caption, .no_italic a, .no_italic .index.format-quote .entry_content p, .no_italic  blockquote p, .no_italic cite, .no_italic .logged-in-as, .no_italic input[type=submit],.no_italic  div.tooltip, .no_italic .wpcf7-not-valid-tip, .no_italic div.wpcf7-response-output, .no_italic #infscr-loading, .no_italic .wp-caption-text,.no_italic #copyright_info,.no_italic .comment-meta, .no_italic #imagelightbox-caption, #wpadminbar a { font-style:normal; }

.grayscale .feat_img img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.vintage .feat_img img { -webkit-filter: grayscale(50%) sepia(20%); filter: grayscale(50%) sepia(20%);  }

.no_fold .box:before { content:none; }