/*
Theme Name: Odier 
Theme URI: http://zthemes.net/odier
Description: Odier - A Simple & Elegant wordpress blog theme.
Author: ZThemes.net
Author URI: http://zthemes.net
Version: 1.0.1
Text Domain: odier
Tags: white, light, black, responsive-layout, fluid-layout, right-sidebar, one-column, two-columns, three-columns, four-columns, photoblogging, custom-colors, custom-menu, post-formats, rtl-language-support, sticky-post, translation-ready, full-width-template, featured-images
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/*--------------------------------------------------------------------------------

[Table of contents]

1. RESET CSS
2. BASE CSS
3. NAVIGATION - MENU
4. HEADER
	4a. Featured area
	4b. Promo area
5.  BLOG POST
6. POST LAYOUT
	6a. POST HEADER
	6b. POST IMAGE
	6c. POST ENTRY
	6d. POST SHARE
	6e. POST AUTHOR
	6f. POST RELATED
	6g. POST TAGS
	6h. POST PAGINATION
7. PAGINATION
8. FOOTER
	8a. FOOTER LOGO
	8b. FOOTER COPYRIGHT
	8c. FOOTER WIDGET
9. WIDGET
	9a. WIDGET CORE
	9b. WIDGET SEARCH
	9c. WIDGET ABOUT
	9d. WIDGET INSTAGRAM
	9e. WIDGET TAGCLOUD
	9f. WIDGET CALENDAR
	9g. WIDGET LATEST POSTS
	9h. WIDGET SOCIALS
	9i. WIDGET CATEGORIES
10. COMMENT - REPLY
11. ARCHIVE
12. WP CORE
13. CONTACT FORM 7
14. 404 page

-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*  1. RESET CSS
/*-----------------------------------------------------------------------------------*/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } 

/*-----------------------------------------------------------------------------------*/
/*  2. BASE CSS
/*-----------------------------------------------------------------------------------*/
body {
	font-family:"Crimson Text", serif;
	color:#333;
	background-color:#FFF;
}

h1,h2,h3,h4,h5,h6 {
	font-family:'Raleway', sans-serif;
}

p {
	font-size:16px;
	line-height:26px;
}

a {
	text-decoration:none;
	color:#8b636c;
}

img {
    max-width: 100%;
    border: 0;
    padding: 0;
    height: auto;
}

.container {
	width:940px;
	margin:0 auto;
}

.container.zt_sidebar {
	overflow:hidden;
}

#main {
	width:100%;
}

.container.zt_sidebar #main {
	width:650px;
	margin-right:30px;
	float:left;
}

#sidebar {
	width: 260px;
	float:right;
}

/* 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. */
}

/*-----------------------------------------------------------------------------------*/
/*  3. NAVIGATION - MENU
/*-----------------------------------------------------------------------------------*/

#navigation {
	background: #fff;
	height: 50px;
	position:fixed;
	z-index:9999;
	box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46);
	-webkit-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46);
	-moz-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.46);
	width:100%;
	-webkit-backface-visibility: hidden;
	border-top: 4px solid #474747;
}
	
.slicknav_menu {
	display:none;
}	

#navigation .container {
	position:relative;
}
	
.menu {
	float:left;
}

.menu li {
	display:inline-block;
	margin-right:22px;
	position:relative;
}

.menu li a {
	font-family:'Raleway', sans-serif;
	font-size: 11px;
	font-weight:400;
	letter-spacing:2px;
	color: #000;
	line-height: 50px;
	text-transform:uppercase;
	display:inline-block;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
}

	/*** DROPDOWN ***/
		
	.menu .sub-menu,
	.menu .children {
		background-color: #fff;
		display: none;
		padding: 0;
		position: absolute;
		margin-top:0;
		left: 0;
		z-index: 99999;
		border: 1px solid #F1F1F1;
		-webkit-box-shadow: 0 3px 2px 0px rgba(0,0,0,.05);
		-moz-box-shadow: 0 3px 2px 0px rgba(0,0,0,.05);
		box-shadow: 0 3px 2px 0px rgba(0,0,0,.05);
	}
		
	ul.menu ul a,
	.menu ul ul a {
		color: #7D7D7D;
		margin: 0;
		padding: 6px 10px 7px 10px;
		min-width: 160px;
		line-height: 25px;
		-o-transition:.25s;
		-ms-transition:.25s;
		-moz-transition:.25s;
		-webkit-transition:.25s;
		transition:.25s;
		font-size: 10px;
	}
	
	ul.menu ul li,
	.menu ul ul li {
		padding-right:0;
		margin-right:0;
	}

	ul.menu ul a:hover,
	.menu ul ul a:hover {
		color: #fff;
		background:#333;
	}

	ul.menu li:hover > ul,
	.menu ul li:hover > ul {
		display: block;
	}
	
	.menu .sub-menu ul,
	.menu .children ul {	
		left: 100%;
		top: 0;		
	}
	
	/*** Search ***/

	#top-search {
		position:absolute;
		right:0;
		top:0;
		width:48px;
		text-align:center;
		margin-left:16px;
	}

	#top-search a {
		height: 49px;
		font-size:14px;
		line-height: 49px;
		color: #999;
		background: #f9f9f9;
		display:block;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}

	#top-search a:hover {
		color:#ccc;
		background:#474747;
	}

	.show-search {
		position:absolute;
		top: 50px;
		right:-1px;
		display:none;
		z-index:10000;
		-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
	}

	.show-search #searchform input#s {
		width:190px;
		background:#FFF;
	}

	.show-search #searchform input#s:focus {
		border:1px solid #d5d5d5;
	}
	
	/*** Top Social ***/

	#top-social {
		position:absolute;
		right:66px;
		top:0;
	}

	#top-social a i {
		font-size:14px;
		margin-left:10px;
		line-height:48px;
		color:#6B6B6B;
		-webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
	}

/*-----------------------------------------------------------------------------------*/
/*  4. HEADER
/*-----------------------------------------------------------------------------------*/

#header {
	padding-top:48px;
	border-bottom: 4px double #F5F5F5;
	margin-bottom:70px;
}

#logo {
	text-align:center;
	padding:40px 0;
}

/*-------------------------------------------------------------------*/
/*  4a. Featured area
/*-------------------------------------------------------------------*/

.featured-area {
	margin-bottom: 55px;
	padding-bottom: 25px;
	padding-top: 25px;
	margin-top: -60px;
	border-bottom: 4px double #F5F5F5;
}

#owl-demo .item img{
	max-width:100%;
	height:auto;
}

#owl-demo .item .feat-overlay {
	position:absolute;
	width: 66%;
	left: 17%;
	bottom: 40%;
	background-color: rgba(255,255,255, 0.7);
	text-align: center;
	webkit-box-shadow: 0 2px 5px -5px rgba(0,0,0,.25);
	-moz-box-shadow: 0 2px 5px -5px rgba(0,0,0,.25);
	box-shadow: 0 2px 5px -5px rgba(0,0,0,.25);
}

#owl-demo .item .feat-overlay .feat-text {
	padding: 35px 15px 45px 15px;
	min-height: 70px;
}

#owl-demo .item .feat-overlay h3 a {
	font-size: 16px;
	text-transform: uppercase;
	color: #000;
	font-weight: 600;
	letter-spacing: 2px;
}

#owl-demo .item .feat-overlay .feat-cat a{
	font-size: 14px;
    margin-left: 2px;
	color: #888888;
	display: inline-block;
	margin-bottom: 7px;
	letter-spacing: 1px;
}

/*-------------------------------------------------------------------*/
/*  4b. Promo Area
/*-------------------------------------------------------------------*/

.promo-area {
	overflow:hidden;
	margin-bottom:70px;
}

.promo-item {
	display: table;
	width: 290px;
	float:left;
	margin-right:35px;
	height:350px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
}

.promo-item:before {
    content: '';
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    border: 1px solid rgba(255,255,255,.6);
    z-index: 1;
    transition: all .3s ease-in-out;
}

.promo-item:last-child {
	margin-right:0;
}

.promo-overlay {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	background: rgba(43, 41, 36, 0.15);
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.promo-item:hover .promo-overlay{
	background: rgba(0, 0, 0, 0.45);
}

.promo-overlay h4 {
    line-height: 1.5em;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 2px;
    display: inline-block;
    max-width: 60%;
    min-width: 75px;
    text-align: center;
    vertical-align: middle;
    word-break: break-word;
    color: #fff;
    position: relative;
	text-transform: uppercase;
}

.promo-overlay h4:after{
	content: '';
    position: absolute;
    bottom: -10px;
    width: 40px;
    border-bottom: 2px solid #FFF;
    left: 50%;
    transform: translateX(-50%);
}

.promo-link {
	position: absolute; 
	height: 100%; 
	width: 100%;
	top: 0;
	left:0;
	z-index: 999999;
	display: block
}

/*-----------------------------------------------------------------------------------*/
/*  5. BLOG LAYOUT
/*-----------------------------------------------------------------------------------*/

.zt-grid-title {
	margin-bottom:45px;
	text-align:center;
}

.zt-grid-title h3 {
	font-size: 26px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing:4px;
	margin-bottom:4px;
}

.zt-grid-title .sub-title {
	font-size: 18px;
	font-style: italic;
	color: #999;
}

.zt-grid li {
	display: inline-block;
	vertical-align: top;
	width: 300px;
	margin-right: 16px;
	margin-bottom: 45px;
}

.container.zt_sidebar .zt-grid li {
	width:315px;
}

.container.zt_sidebar .zt-grid li:nth-child(3n+3) {
	margin-right:16px;
}

.container.zt_sidebar .zt-grid li:nth-child(2n+2) {
	margin-right:0;
}

.zt-grid li:nth-child(3n+3) {
	margin-right:0;
}

.zt-grid li .item img {
	width:100%;
	height:auto;
	margin-bottom:10px;
}

.zt-grid li .item .cat {
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family:'Raleway', sans-serif;
	margin-bottom:7px;
	display:block;
	text-align: center;
}

.zt-grid li .item .cat a:hover {
	text-decoration:underline;
}

.zt-grid li .item h2 {
	margin-bottom:8px;
	text-align: center;
}

.zt-grid li .item h2 a {
	font-size: 15px;
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
}

.zt-grid li .item h2 a:hover {
	opacity:.5;
}

.zt-grid li .item p {
	margin-bottom:6px;
}

.grid-meta span.post-likes {
    font-size: 14px;
}

.grid-meta span.post-likes .zt-like-post-count{
	font-size: 12px;
	color: #c3c3c3;
}

.grid-meta span.date {
    float: right;
    line-height: 35px;
    margin-right: 5px;
}

.zt-grid li .item .date {
    font-size: 10px;
    color: #CACACA;
    letter-spacing: 1px;
    font-family: 'Raleway', sans-serif;
}


/*-----------------------------------------------------------------------------------*/
/*  6. POST LAYOUT
/*-----------------------------------------------------------------------------------*/

.post {
	margin-bottom:100px;
}
.single .post {
	margin-bottom:70px;
}
	
/*-------------------------------------------------------------*/
/*  6a. POST HEADER
/*-------------------------------------------------------------*/

	.post-header {
		margin-bottom:27px;
		text-align:center;
	}

	.post-header .cat a {
		display: inline-block;
		margin-bottom: 15px;
		font-family: 'Raleway', sans-serif;
		font-size: 10px;
		font-weight: 400;
		letter-spacing: 2px;
		text-transform: uppercase;
		color: #8b636c;
		padding: 4px 15px;
		border: 1px solid #ff8b94;
		margin-right: 2px;
	}
	.post-header .cat a:hover {
		opacity: 0.8;
	}

	.post-header h1, .post-header h2 { margin-bottom:8px; }

	.post-header h1 a, .post-header h2 a, .post-header h1 {
		font-size:30px;
		color:#000;
		letter-spacing:4px;
		font-weight: 400;
		text-transform:uppercase;
		-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
	}
	.post-header h2 a:hover {
		opacity:.50;
	}

	.post-header .date {
		font-size: 10px;
		color: #939393;
		text-transform: uppercase;
		letter-spacing: 2px;
	}
	
/*-------------------------------------------------------------*/
/*  6b. POST IMAGE
/*-------------------------------------------------------------*/

	.post-image {
		text-align:center;
		margin-bottom: 6px;
	}

	.post-image img {
		max-width:100%;
		height:auto;
	}
	
	.post-image.audio iframe {
		height:166px;
	}
	
	.container.zt_sidebar .post-image.audio iframe {
			width:650px;
			height:auto;
	}
	
/*-------------------------------------------------------------*/
/*  6c. POST ENTRY
/*-------------------------------------------------------------*/

	.post-entry {
		text-align: justify;
	}
	
	.post-entry img {
		max-width:100%;
		height:auto;
	}
	
	.post-entry p {
		margin-bottom:20px;
	}

	.btn-more {
	    text-align: center;
	}

	.post-entry a.more-link {
	    font-weight: 400;
	    letter-spacing: 2px;
	    padding: 10px 20px;
	    border: 1px solid #E6E6E6;
	    font-size: 11px;
	    -webkit-transition: all 0.2s linear;
	    -moz-transition: all 0.2s linear;
	    -ms-transition: all 0.2s linear;
	    -o-transition: all 0.2s linear;
	    transition: all 0.2s linear;
	    text-transform: uppercase;
	    color: #424242;
	    font-family: 'Raleway', sans-serif;
	}

	.post-entry a.more-link:hover {
		background-color: #424242;
		border: 1px solid #424242;
		color: #fff;
	}
	
	.post-entry p, .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, .post-entry hr {
		margin-bottom:20px;
	}

	.post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 {
		color:#000;
		font-weight:700;
	}

	.post-entry h1 {
		font-size:30px;
	}

	.post-entry h2 {
		font-size:27px;
	}

	.post-entry h3 {
		font-size:24px;
	}

	.post-entry h4 {
		font-size:20px;
	}

	.post-entry h5 {
		font-size:18px;
	}

	.post-entry h6 {
		font-size:16px;
	}

	.post-entry hr {
		border:0;
		height:0;
		border-bottom:1px solid #e5e5e5;
		clear:both;
	}

	blockquote {
	    background-color: #F9F9F9;
	}

	.post-entry blockquote {
	    background-color: #f4f4f4;
	}

	.post-entry blockquote p {
		border-left:3px solid #8b636c;
		color:#999;
		padding:0 18px;
		font-family:"Georgia";
		font-size:15px;
		line-height:28px;
		font-style:italic;
	}

	.post-entry ul, .post-entry ol {
		padding-left:45px;
		margin-bottom:20px;
	}
	.post-entry ul li {
		margin-bottom:12px;
		list-style:square;
	}
	.post-entry ol li {
		margin-bottom:12px;
		list-style:decimal;
	}

	.sticky.post .post-header {
		border:1px dashed #ddd;
		padding:20px 0;
	}

	.post-entry table {
		width:100%;
		margin-bottom:22px;
		border-collapse:collapse;
	}

	.post-entry td, .post-entry th {
		padding: 12px;
	}

	.post-entry th {
		font-weight:bold;
		font-size:14px;
		background:#f5f5f5;
	}

	.post-entry tr:hover {
		background:#f9f9f9;
	}

	.post-entry pre{
		margin-bottom: 15px;
	}
	
/*-------------------------------------------------------------*/
/*  6d. POST SHARE
/*-------------------------------------------------------------*/

	.post-metas {
	    display: block;
	    margin-top: 30px;
	    height: 35px;
	    padding-bottom: 15px;
    	border-bottom: 4px double #ECECEC;
	}

	.post-share {
	    text-align: center;
	    display: inline-block;
	    float: right;
	    margin-right: 5px;
	}

	.post-likes {
	    display: inline-block;
	    float: left;
	    line-height: 35px;
	    margin-left: 5px;
		font-family: 'Raleway', sans-serif;
	}

	.zt-like-post.liked i{
		color: #d55;
	}

	.zt-like-post-count {
	    color: #999;
	    font-size: 14px;
	    line-height: 35px;
	    margin-left: 2px;
	}

	.post-share a {
		display:inline-block;
	}

	.share-box {
		width: 35px;
		height: 35px;
		background:#fff;
		display:inline-block;
		line-height: 35px;
		-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
	}

	.share-box i {
		font-size: 14px;
	}
	
	.share-box:hover {
		background:#8b636c;
		color: #fff;
	}
	
/*-------------------------------------------------------------*/
/*  6e. POST AUTHOR
/*-------------------------------------------------------------*/

	.post-author {
		margin-bottom:80px;
		margin-top:70px;
		overflow:hidden;
		border: 1px solid #F1F1F1;
		padding: 25px 20px;
		border-radius: 5px;
	}	
	
	.author-img {
		float:left;
		margin-right:30px;
	}
	
	.author-img img {
		border-radius:50%;
	}
	
	.author-content h5 a {
		font-size:14px;
		letter-spacing:2px;
		text-transform:uppercase;
		margin-bottom:8px;
		color:#000;
		display:block;
		font-weight: 600;
	}
	
	.author-content p {
		margin-bottom:8px;
	}
	
	.author-content .author-social {
		font-size:14px;
		color:#bbb;
		margin-right:8px;
	}
	
/*-------------------------------------------------------------*/
/*  6f. POST RELATED
/*-------------------------------------------------------------*/

	.post-related {
		overflow:hidden;
		margin-bottom:80px;
		margin-top:70px;
	}
	
	.post-box {
		text-align:center;
	}

	.post-box-title {
		font-size: 14px;
	    letter-spacing: 2px;
	    text-transform: uppercase;
	    margin-bottom: 42px;
	    font-weight: 400;
	    border-bottom: 1px dotted #ECECEC;
	    padding-bottom: 5px;
	    display: inline-block;
	    color: #999;
	}
	
	.item-related {
	    width: 292px;
	    float: left;
	    margin-right: 32px;
	    position: relative;
	}
	
	.item-related:last-child {
		margin-right:0;
	}

	.container.zt_sidebar .item-related{
		width:204px;
		margin-right:19px;
	}
		
	.container.zt_sidebar .item-related:last-child {
		margin-right:0;
	}
	
	.item-related img {
	    width: 100%;
	    height: auto;
	    margin-bottom: 0;
	    vertical-align: middle;
	}

	header.entry-header {
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    right: 0;
	    text-align: center;
	    vertical-align: middle;
	    bottom: 0;
	    z-index: 2;
	    background: rgba(90, 84, 76, 0.45);
	}

	.entry-title a {
		font-size: 14px;
	    position: absolute;
	    color: #fff;
	    text-transform: uppercase;
	    width: 90%;
	    word-break: break-word;
	    display: block;
	    text-align: center;
	    font-weight: 600;
	    -webkit-transform: translate(-50%,-50%);
	    transform: translate(-50%,-50%);
	    top: 50%;
	    left: 50%;
	}

/*-------------------------------------------------------------*/
/*  6g. POST TAGS
/*-------------------------------------------------------------*/

	.post-tags {
		margin-top:30px;
		margin-bottom:50px;
	}

	.post-tags a {
		font-family:'Raleway', sans-serif;
		font-size: 10px;
		letter-spacing:2px;
		text-transform:uppercase;
		background:#f2f2f2;
		color:#666;
		padding: 8px 10px 8px;
		margin-right:6px;
		border-radius:2px;
		margin-bottom:5px;
		display:inline-block;
	}

	.post-tags a:hover {
		background:#333;
		color:#fff;
		border:none;
		border-radius: 0px;
		text-decoration:none;
	}
	
/*-------------------------------------------------------------*/
/*  6h. POST PAGINATION
/*-------------------------------------------------------------*/

	.post-pagination {
		overflow:hidden;
		margin-top: 30px;
	}

	.post-pagination .prev-post {
		float:left;
		width:470px;
	}

	.post-pagination .next-post {
		float:right;
		text-align:right;
		width:470px;
	}
	
	.container.zt_sidebar .post-pagination .prev-post, .container.zt_sidebar .post-pagination .next-post {
		width:325px;
	}
	
	.post-pagination span {
		color: #CCC;
		font-size: 14px;
		font-style:italic;
		letter-spacing:1px;
	}

	.pagi-text {
		margin-top:11px;
	}

	.post-pagination h5 {
		text-transform:uppercase;
		letter-spacing:2px;
		font-size: 14px;
		color: #000;
		font-weight: 600;
		padding-top: 8px;
	}

	.post-pagination a {
		color:#999;
	}

	.post-pagination a:hover > .arrow, .post-pagination a:hover > .pagi-text span, .post-pagination a:hover {
		color:#000;
	}

/*-----------------------------------------------------------------------------------*/
/*  7. PAGINATION
/*-----------------------------------------------------------------------------------*/

.pagination {
	margin-bottom:100px;
	overflow:hidden;
}

.pagination a {
	color: #969696;
	font-family:'Raleway', sans-serif;
	letter-spacing:3px;
	text-transform:uppercase;
	font-size: 12px;
	font-weight: 600;
}

.pagination a:hover {
	text-decoration:none;
	color:#000;
}

.pagination .newer {
	float:left;
}

.pagination .older {
	float:right;
}

/*-----------------------------------------------------------------------------------*/
/*  8. FOOTER
/*-----------------------------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/*  8a. FOOTER LOGO
/*--------------------------------------------------------------*/

#footer-logo {
	background:#fff;
	padding:50px 0;
	text-align:center;
	border-top: 4px double #ECECEC;
	clear: both;
}

#footer-logo img {
	margin-bottom:15px;
}

#footer-logo p {
    color: #9A9A9A;
    font-size: 13px;
    margin-bottom: 0;
    letter-spacing: 1px;
}

#footer-logo p i {
	color:#d55;
	font-size:14px;
	margin:0 5px 0 7px;
}

/*--------------------------------------------------------------*/
/*  8b. FOOTER COPYRIGHT
/*--------------------------------------------------------------*/

#footer-copyright {
	padding:18px 0;
	background:#f2f2f2;
	overflow:hidden;
	font-family:'Raleway', sans-serif;
	clear: both;
}

#footer-copyright p {
	font-size:11px;
	color:#888;
	float:left;
}

#footer-copyright .to-top {
	float:right;
	margin-top:6px;
	font-size:11px;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:1px;
	color: #696969;
}

#footer-copyright .to-top i {
	font-size:14px;
	margin-left:3px;
}

#footer-copyright .to-top:hover {
	text-decoration:none;
}

/*--------------------------------------------------------------*/
/*  8c. FOOTER WIDGET
/*--------------------------------------------------------------*/

#widget-area {
	overflow:hidden;
	margin-bottom:60px;
	border-top: 4px double #ECECEC;
	padding-top:70px;
	clear: both;
}

.widget {
	margin-bottom: 15px;
}

.footer-widget-wrapper {
	width:292px;
	margin-right:32px;
	float:left;
	box-sizing: border-box;
	padding: 10px;
}
	
#sidebar .widget {
	width:260px;
	margin-right:0;
	float:none;
	margin-bottom:30px;
}
	
#sidebar img {
	max-width:100%;
	height:auto;
}

#sidebar iframe {
	max-width:260px;
	height:auto;
}

.widget .clear {
    text-align: center;
}

.footer-widget-wrapper.last {
	margin-right:0;
}

/*-----------------------------------------------------------------------------------*/
/*  9. WIDGET
/*-----------------------------------------------------------------------------------*/

/*----------------------------------------------------------*/
/*  9a. WIDGET CORE
/*----------------------------------------------------------*/

.widget select {
    border: 1px solid #ebebeb;
    line-height: 24px;
    font-size: 12px;
    padding: 6px 10px;
    letter-spacing: 0.5px;
    color: #636363;
    max-width: 98%;
    margin: 0 auto;
    display: block;
}

.widget_nav_menu ul li{
	border:none !important;
}

.widget_nav_menu ul.menu{
	float: none;
	max-width: 100%;
}

.widget_nav_menu{
	margin-bottom: 25px;
}

.widget-title {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 12px 14px;
    color: #333;
    margin-bottom: 20px;
    border-bottom: 4px double #ECECEC;
    font-weight: 600;
}

.widget ul.instagram-pics li {
    width: 30.83% !important;
    display: inline-block;
    padding: 0;
    margin: 0 0 2.5% 2.5%;
    background: none;
    border: 0;
    vertical-align: top;
    box-shadow: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.widget ul.instagram-pics li img {
    max-width: 100%;
}

#sidebar .widget-title {
	margin-bottom:20px;
}

.widget a:hover {
	text-decoration:underline;
}

.widget ul li {
	margin-bottom:7px;
	padding-bottom:7px;
	padding-left: 5px;
	padding-right: 5px;
	list-style: none;
}

.widget ul li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}

/*----------------------------------------------------------*/
/*  9b. WIDGET SEARCH
/*----------------------------------------------------------*/

	#searchform input#s {
		border: 1px solid #e5e5e5;
		background:#fff url(img/searchsubmit.png) no-repeat 96% 13px;
		padding:14px 14px;
		font-size:11px;
		color:#999;
		letter-spacing:1px;
	}
	
	#searchform #s:focus {
		outline:none;
	}

	.widget #searchform input#s { 
		width:260px;
	}
	
	#sidebar .widget #searchform input#s { 
		width:230px;
	}
	
/*----------------------------------------------------------*/
/*  9c. WIDGET ABOUT
/*----------------------------------------------------------*/

	.about-widget {
	    text-align: center;
	}

	.about-widget img {
		width: 100%;
		height:auto;
	}

	.about-title{
		padding: 12px 0;
		color: #000;
		font-weight: 600;
		font-size: 13px;
		letter-spacing: 1px;
	}

	.about-widget p{
		color: #666;
		font-size: 15px;
	}
	
/*----------------------------------------------------------*/
/*  9d. WIDGET INSTAGRAM
/*----------------------------------------------------------*/

	.instag ul.thumbnails > li {
		width:32% !important;
	}

	.instag ul.thumbnails > li img:hover {
		opacity:.8;
	}

	.instag ul li {
		margin:0;
		padding-bottom:0;
		border-bottom:none;
	}

	.pllexislider ul li {
		margin:0;
		padding-bottom:0;
		border-bottom:none;
	}
	
/*----------------------------------------------------------*/
/*  9e. WIDGET TAGCLOUD
/*----------------------------------------------------------*/
	
	.widget .tagcloud a {
		font-family:'Raleway', sans-serif;
		font-size: 10px !important;
		letter-spacing:1px;
		text-transform:uppercase;
		background:#f2f2f2;
		color:#666;
		padding: 6px 7px 6px;
		margin-right:5px;
		margin-bottom: 8px;
		display:inline-block;
		border-radius:2px;
	}

	.widget .tagcloud a:hover {
		background:#333;
		color:#fff;
		text-decoration: none;
	}
	
/*----------------------------------------------------------*/
/*  9f. WIDGET CALENDAR
/*----------------------------------------------------------*/

	#wp-calendar {
		width: 98%;
		margin: 0 auto;
	}

	#wp-calendar caption {
		text-align: right;
		color: #777;
		font-size: 12px;
		margin-top: 10px;
		margin-bottom: 15px;
	}

	#wp-calendar thead {
		font-size: 12px;
	}

	#wp-calendar thead th {
		padding-bottom: 10px;
	}

	#wp-calendar tbody {
		color: #aaa;
	}

	#wp-calendar tbody td {
		background: #f5f5f5;
		border: 1px solid #fff;
		text-align: center;
		padding:8px;
	}

	#wp-calendar tbody td a {
		font-weight:700;
		color:#222;
	}

	#wp-calendar tbody td:hover {
		background: #fff;
	}

	#wp-calendar tbody .pad {
		background: none;
	}

	#wp-calendar tfoot #next {
		font-size: 10px;
		text-transform: uppercase;
		text-align: right;
	}

	#wp-calendar tfoot #prev {
		font-size: 10px;
		text-transform: uppercase;
		padding-top: 10px;
	}

	#wp-calendar thead th {
		padding-bottom: 10px;
		text-align: center;
		font-weight: bold;
	}
	
/*----------------------------------------------------------*/
/*  9g. WIDGET LATEST POSTS
/*----------------------------------------------------------*/

	.widget ul.latest-post li {
		list-style-type:none;
		margin-bottom: 12px;
		padding-bottom: 13px;
		padding-top: 2px;
		margin-left:0;
		border-bottom: 1px solid #EFEFEF;
	}

	.widget ul.latest-post li:last-child {
		margin-bottom:0;
		padding-bottom: 12px;
	}

	.widget ul.latest-post li {
		overflow:hidden;
	}

	.widget ul.latest-post li .post-image {
		float:left;
		margin-right:14px;
	}
	
	.widget ul.latest-post li .post-image img {
		width:100px;
		height:auto;
	}
	
	.widget ul.latest-post li .post-item-text {
		overflow:hidden;
	}

	.widget ul.latest-post li .post-item-text h4 a {
		margin-bottom: 1px;
		margin-top: 4px;
		color: #4E4E4E;
		display:block;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 600;
	}

	.post-item-text .post-meta {
		font-size: 12px;
		letter-spacing:1px;
		color: #ADADAD;
	}

	.post-item-text .post-cate {
		font-size: 9px;
		letter-spacing:1px;
		font-family:'Raleway', sans-serif;
		text-transform: uppercase;
	}

/*----------------------------------------------------------*/
/*  9h. WIDGET SOCIALS
/*----------------------------------------------------------*/

	.social-widget {
	    text-align: center;
		padding: 10px 0;
	}

	.social-widget a:first-child {
		margin-left:0;
	}

	.social-widget a:last-child {
		margin-right:0;
	}

	.social-widget a i {
		text-align:center;
		color:#000;
		margin:0 5px;
		font-size:16px;
	}

	.social-widget a:hover{
		text-decoration: none;
	}

/*----------------------------------------------------------*/
/*  9i. WIDGET CATEGORIES
/*----------------------------------------------------------*/

	.widget_categories {
	    text-align: center;
	}

	.widget_categories ul li{
	    -webkit-transition: all 0.2s linear;
	    -moz-transition: all 0.2s linear;
	    -ms-transition: all 0.2s linear;
	    -o-transition: all 0.2s linear;
	    transition: all 0.2s linear;
	    border: 1px solid #EAEAEA;
	    display: block;
	    padding: 5px 0;
	    width: 95%;
	    margin: 0 auto;
	    margin-bottom: 12px;
	}

	.widget_categories ul li:last-child {
	    margin-bottom: 12px;
	    padding-bottom: 5px;
    	border: 1px solid #EAEAEA;
	}

	.widget_categories ul li a:hover{
		text-decoration: none;
		border-color: #585858;
		color: #585858;
	}
	
/*--------------------------------------------------------------------------------*/
/*  10. COMMENT - REPLY
/*--------------------------------------------------------------------------------*/
	
.post-comments {
	margin-bottom:70px;
	margin-top:70px;
}

.comments {
	margin-bottom:40px;
}

.thecomment {
	border-bottom:1px dotted #eee;
	padding-bottom:34px;
	margin-bottom:34px;
}

.thecomment .author-img {
	float:left;
	margin-right:25px;
}

.thecomment .author-img img {
	border-radius:50%;
}

.thecomment .comment-text {
	overflow:hidden;
}

.thecomment .comment-text span.author, .thecomment .comment-text span.author a {
	display:block;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:2px;
	margin-bottom:6px;
	color:#333;
	font-family:'Raleway', sans-serif;
}

.thecomment .comment-text span.author a:hover {
	text-decoration:underline;
}

.thecomment .comment-text span.date {
	font-size:14px;
	color:#999;
	font-style:italic;
	display:block;
	margin-bottom:10px;
}

.thecomment .comment-text em {
	font-size:13px;
	margin-bottom:-14px;
	display:block;
	color:orange;
	letter-spacing:1px;
}

.thecomment .comment-text em i {
	font-size:14px;
	color:#f3bd00;
}

.post-comments span.reply a {
	float:right;
	font-size:11px;
	background-color:#aaa;
	color:#FFF;
	padding:3px 6px 5px 6px;
	border-radius:2px;
	margin-left:7px;
	font-family:"Lato";
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

.post-comments span.reply a.comment-edit-link {
	background:#c5c5c5;
}

.post-comments span.reply a:hover {
	opacity:.8;
}

ul.children {
	margin: 0 0 0 55px;
}

ul.children li.thecomment {
	margin:0 0 8px 0;
}

li.comment{
	list-style: none;
}

#comments ol.comment-list, #comments .comment > ol.children{list-style: none;}

.comment-text ul, .comment-text ol {
	padding-left:45px;
	margin-bottom:20px;
}

.comment-text ul li {
	margin-bottom:12px;
	list-style:square;
}

.comment-text ol li {
	margin-bottom:12px;
	list-style:decimal;
}

.comment-text p, .comment-text h1, .comment-text h2, .comment-text h3, .comment-text h4, .comment-text h5, .comment-text h6, .comment-text hr {
	margin-bottom:20px;
}

.comment-text h1, .comment-text h2, .comment-text h3, .comment-text h4, .comment-text h5, .comment-text h6 {
	color:#000;
	font-weight:700;
}

.comment-text h1 {
	font-size:30px;
}

.comment-text h2 {
	font-size:27px;
}

.comment-text h3 {
	font-size:24px;
}

.comment-text h4 {
	font-size:20px;
}

.comment-text h5 {
	font-size:18px;
}

.comment-text h6 {
	font-size:16px;
}

.comment-text hr {
	border:0;
	height:0;
	border-bottom:1px solid #e5e5e5;
	clear:both;
}

.comment-text table {
	width:100%;
	margin-bottom:22px;
	border-collapse:collapse;
}

.comment-text td, .comment-text th {
	padding: 12px;
}

.comment-text th {
	font-weight:bold;
	font-size:14px;
	background:#f5f5f5;
}

.comment-text tr:hover {
	background:#f9f9f9;
}

.comment-text pre{
	margin-bottom: 15px;
}
/** Reply **/

#respond {
	margin-bottom:20px;
	overflow:hidden;
}

#respond  h3 {
	font-size:14px;
	color:#999;
	font-weight:400;
	margin-bottom:30px;
	font-family:"Lato";
	letter-spacing:2px;
	text-transform:uppercase;
}

#respond h3 a {
	color:#000;
	display:inline-block;
}

#respond h3 small a {
	text-transform:uppercase;
	font-size:11px;
	background:#333;
	color:#FFF;
	padding:4px 6px 5px;
	border-radius:3px;
	margin-left:7px;
	letter-spacing:1px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

#respond h3 small a:hover {
	opacity:.8;
}

#respond label {
	color: #B5B5B5;
	width:80px;
	font-size:14px;
	display:inline-block;
	font-weight:300;
}

#respond input {
	padding: 8px 10px;
	border: 1px solid #ECECEC;
	margin-right:10px;
	color: #808080;
	margin-bottom: 20px;
	font-size:11px;
	width: 60%;
	font-family:"Georgia";
}

#respond input:focus {
	outline:none;
}

#respond .comment-form-url {
	margin-bottom: 15px;
}

#respond textarea {
	padding:14px;
	border: 1px solid #ECECEC;
	width:95%;
	height:120px;
	font-size:13px;
	color: #808080;
	margin-bottom: 20px;
	line-height:20px;
	font-family:"Georgia";
}

#respond textarea:focus {
	outline:none;
}

#respond #submit {
	font-family:"Lato";
	text-transform:uppercase;
	letter-spacing:2px;
	border-radius:0;
	font-size:11px;
	color:#666;
	padding: 10px 20px 10px;
	margin-top:6px;
	display:inline-block;
	border:none;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	cursor:pointer;
	width:auto;
	background-color: transparent;
	border: 1px solid #D8D8D8;
}

#respond #submit:hover {
	background:#333;
	color:#FFF;
	border: 1px solid #333;
}

/*--------------------------------------------------------------------------------*/
/*  11. ARCHIVE
/*--------------------------------------------------------------------------------*/

.archive-box {
	padding: 30px 0 35px;
	text-align:center;
	margin-bottom:70px;
	margin-top:-70px;
	border-bottom: 4px double #F1F1F1;
	border-top: 4px double #F1F1F1;
}

.archive-box span {
	font-size:14px;
	font-style:italic;
	letter-spacing:1px;
	color: #BBB;
}

.archive-box h1 {
	font-size:26px;
	letter-spacing: 4px;
	text-transform:uppercase;
	padding-top: 10px;
}

.nothing {
	margin-bottom:90px;
	text-align:center;
}

/*--------------------------------------------------------------------------------*/
/*  12. WP CORE
/*--------------------------------------------------------------------------------*/
.sticky {
}
.gallery-caption {
}
.bypostauthor{ 
}
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
	font-family:'Raleway', sans-serif;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.gallery .gallery-caption{  
    font-size:12px;
	color:#888;
	font-family:'Raleway', sans-serif;
}  
  
.gallery .gallery-icon img{  
    border-radius:2px;  
    border:1px solid #eee !important;  
	padding:7px;
}

.gallery .gallery-icon img:hover {
	border:1px solid #ccc !important;  
}

/*--------------------------------------------------------------------------------*/
/*  13. CONTACT FORM 7
/*--------------------------------------------------------------------------------*/

.wpcf7 input {
	width:266px;
}

div.wpcf7 {
	overflow:hidden;
	margin-top:40px;
}

.wpcf7 p.zt_input {
	float:left;
	margin-right:19px;
}

.wpcf7 p.zt_message {
	clear:both;
}

.wpcf7 input, .wpcf7 textarea {
	padding:8px;
	border:1px solid #DDD;
	margin-right:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#777;
	font-size:12px;
	margin-top:6px;
	margin-bottom:6px;
}

.wpcf7 textarea {
	width:95%;
}

.wpcf7 .wpcf7-submit {
	background:#171717;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius:20px;
	padding:12px 24px;
	color:#FFF;
	letter-spacing:3px;
	font-size:11px;
	text-transform:uppercase;
	cursor:pointer;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	display:block;
	border:none;
	width:auto;
}

.wpcf7 .wpcf7-submit:hover {
	background:#777;
}

/*--------------------------------------------------------------------------------*/
/*  14. 404
/*--------------------------------------------------------------------------------*/

.error-404 {
	margin-bottom:105px;
	text-align:center;
}

.error-404 h1 {
	font-size:150px;
	font-weight:700;
	margin-bottom:-5px;
}
.error-404 p {
	color:#999;
	font-size:18px;
	font-style:italic;
	padding-bottom: 10px;
}

/*--------------------------------------------------------------------------------*/
/*  END
/*--------------------------------------------------------------------------------*/