/*
Theme Name: amez
Theme URI: http://wordpress.org/themes/amez
Author: Ata Nemani
Author URI: http://atanemani.ir
Description: Personal Blog
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-colors, two-columns, custom-header, custom-menu, featured-images, sticky-post, translation-ready
Text Domain: amez
*/



/**
* general & reset
*/

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

body {
	background:#333;
	color:#333;
	font-family: "Open Sans";
	font-size: 1em;
}

@font-face {
	font-family: 'icomoon';
	font-style: normal;
	font-weight: normal;
	src: url('icon-fonts/icomoon.eot?-4sq35k');
	src: url('icon-fonts/icomoon.eot?#iefix-4sq35k') format('embedded-opentype'),
		  url('icon-fonts/icomoon.woff?-4sq35k') format('woff'),
		  url('icon-fonts/icomoon.ttf?-4sq35k') format('truetype'),
		  url('icon-fonts/icomoon.svg?-4sq35k#icomoon') format('svg');
}

a {
	color:inherit;
	text-decoration:none;
}

img,
object,
embed,
video {
	display: block;
	max-width: 100%;
}

input,
textarea {
	font-family:"Open Sans";
	font-size: 0.8em;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;	
}

button,
input[type="button"],
input[type="submit"] {
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}

button:hover,
input[type="button"]:hover
input[type="submit"]:hover {
	background:#888;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;	
}

button,
input:not([type="submit"]),
input:not([type="button"]),
textarea {
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

button:focus,
input:not([type="submit"]):focus,
input:not([type="button"]):focus,
textarea:focus {
	background:#f9f9f9;	
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;	
}

.wrap {
	margin:0 auto;
	position:relative;
	width:1400px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight:normal;	
}

h1 {
	font-size: 2em;	
}

h2 {
	font-size: 1.8em;	
}

h3 {
	font-size: 1.6em;	
}

h4 {
	font-size: 1.4em;	
}

h5 {
	font-size: 1.2em;	
}

h6 {
	font-size: 1em;	
}

code,
pre {
	white-space:pre-wrap;	
}

pre {
	background:#eee;
	border:1px solid rgba(0, 0, 0, 0.2);
	padding:10px;	
}


/**
* amez container
*/

.amez-container {
	background:#FFF;
	margin-top:50px;	
}

/**
* header
*/

.header {
	padding:140px 0 140px 40%;
	position:relative;
}

.header:before {
	content:'';
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:30%;
	z-index:0;
}

.header .heading {
	position:relative;
	z-index:1;
}

.header .heading img {
	background:#FFF;
	border-radius:50%;
	height:240px;
	left:-260px;
	padding:10px;
	position:absolute;
	top:-67px;
	width:240px;
}

.header .heading h1,
.header .heading h2 {
	font-size: 2.8em;
	margin:0;
}

.header .heading h3 {
	color:#888;
	font-weight:100;
	margin:-10px 0 0;	
}

/**
* navbar
*/

#menu-navbar {
	list-style:none;
	margin:0;
	padding:0;
}

#menu-navbar li {
	display:inline-block;
	margin-right:10px;
	position:relative;	
}

#menu-navbar li.menu-item-home:before {
	color:#888;
	content:'\e601';
	font:14px "icomoon";
	margin-right:5px;
}

#menu-navbar li a {
	font-size:13px;
	color:#888;
	height:25px;
	line-height:22px;
}

#menu-navbar ul {
	background:#FFF;
	border:1px solid #ccc;
	border-radius:3px;
	left:0;
	opacity:0;
	padding:0;
	position:absolute;
	visibility:hidden;
	white-space:nowrap;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

#menu-navbar li:hover > ul {
	opacity:1;
	visibility:visible;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;	
}

#menu-navbar ul li {
	display:block;
	margin-right:0;
}

#menu-navbar ul li:not(:last-child) {
	border-bottom:1px dotted #ccc;	
}

#menu-navbar ul li a {
	display:block;
	padding:0 10px;	
}

#menu-navbar ul ul {
	left:98%;
	top:-1px;	
}

.navbar-btn {
	cursor: pointer;
	display: none;
	height: 32px;
	width: 32px;	
}

.navbar-btn:before {
	content: '\e6b8';
	font: 32px icomoon;	
}

/**
* main
*/

.main {
	overflow:auto;
	position:relative;
}

.main:before {
	bottom:0;
	content:'';
	height:100%;
	left:0;
	position:absolute;
	width:30%;
	z-index:0;	
}

/**
* sidebar
*/

.sidebar {
	float:left;
	height:100%;
	overflow:auto;
	padding:0 3%;
	position:relative;
	width:30%;
	z-index:1;
}

.sidebar .block {
	color:#FFF;
	margin-bottom:50px;
}

.sidebar .block .block-title {
	border-bottom:2px solid rgba(255,255,255,0.3);
	margin-bottom:10px;	
}

.sidebar .block .block-title h3 {
	font-size: 1.2em;
	font-weight:700;
	margin:0 0 5px;
	text-transform:uppercase;
}

.sidebar .block p {
	margin:0 0 10px;	
}

.sidebar .block ul {
	list-style:none;
	margin:0;
	padding:0;	
}

.sidebar .block ul li {
	padding-left:18px;
	position:relative;
}

.sidebar .block ul li:before {
	background:#FFF;
	border-radius:50%;
	content:'';
	height:6px;
	left:0;
	position:absolute;
	top:9px;
	width:6px;
}

.sidebar .block ul li a:hover {
	opacity:0.8;	
}

/**
* widget search
*/

.sidebar .block.widget_search form,
.sidebar .block.widget_search form label {
	width:100%;	
}

.sidebar .block.widget_search form span,
.sidebar .block.widget_search form input[type="submit"] {
	display:none;	
}

.sidebar .block.widget_search form input[type="search"] {
	border:none;
	border-radius:3px;
	padding:10px;
	width:100%;
}

/**
* widget calendar
*/

.sidebar .block.widget_calendar table {
	border-collapse:collapse;
	text-align:center;
	width:100%;	
}

.sidebar .block.widget_calendar table caption {
	font-size:20px;
	font-weight:700;
	margin-bottom:10px;
}

.sidebar .block.widget_calendar table thead {
	background:rgba(0,0,0,0.1);	
}

.sidebar .block.widget_calendar table td {
	padding:5px 0;	
}

.sidebar .block.widget_calendar table tbody a {
	border-bottom:1px dotted #FFF;
	font-size:19px;
	font-weight:bold;
}

/**
* widget tag cloud
*/

.sidebar .block.widget_tag_cloud a {
	line-height:15px;
}


/**
* content
*/

.content {
	float:right;
	width:70%;
	padding:0 3%;
}

.post-container input[type="search"] {
	border:1px solid #ccc;
	border-radius:3px;
	margin-bottom:10px;
	padding:10px;
	width:100%;
}

.post-container input[type="submit"] {
	border:none;
	border-radius:3px;
	color:#FFF;
	cursor:pointer;
	padding:5px 10px;
}

.type-post,
.type-page {
	margin-bottom:70px;	
}

.type-post header,
.type-page header {
	margin-bottom:10px;	
}

.type-post img,
.type-page img {
	height:auto;
	margin-bottom:10px;
	max-width:100%;
}

.type-post h2,
.type-page h2 {
	margin:0;	
}

.type-post.sticky h2:before {
	content:'\e6c9';
	font-family:"icomoon";
	margin-left:-5px;
	margin-right:10px;	
}

.info {
	color:#aaa;
	font-size: 0.9em;
	font-weight:700;	
	margin-bottom:10px;
}

.info span,
.info time {
	display:inline-block;
	margin-right:10px;
	padding-left:20px;
	position:relative;
}

.info span span {
	padding-left:0;
}

.info span:before,
.info time:before {
	font-family:"icomoon";
	font-weight:100;
	left:0;
	position:absolute;
	top:2px;
}

.info time.post-date:before {
	content:'\e648';
}

.info span.post-author:before {
	content:'\e670';
}

.info span.post-cmts:before {
	content:'\e66d';
}

.info span.post-edit:before {
	content:'\e606';
}

.post .more-link {
	display:inline-block;
	font-size: 1em;
	font-weight:bold;
}

.post .more-link:before {
	content:'... ';
}






.page-links {
	clear: both;
}

.page-links span {
	display:inline-block;
	margin:0 2px;
	padding:2px 6px;
}

.page-links a span {
	border-radius:3px;
	color:#FFF;
}

.page-links a span:hover {
	background:#888;	
}

.entry-header h1,
.entry-header h2 {
	font-size: 2em;
	margin:0;	
}


/**
* single
*/

body.single .post p img {
	max-width:100%;
}

.the-tags {
	clear:both;	
}

.the-tags h6 {

}


/**
* comments
*/

.commentlist {
	margin: 10px 0;
	padding: 0;
}

.commentlist li {
	display: block;
}

.commentlist .comment-body {
	margin: 0 0 15px 0;
	min-height: 100px;
	position: relative;
}

.commentlist .comment-body .vcard {
	width: 70px;
	position: absolute;
	left: 0;
	top: 0;
}

.commentlist .comment-body .vcard img {
	border-radius: 50px 0 50px 50px;
	margin: 0;
}

.comment-body .fn {
	color: rgba(0, 0, 0, 0.6);
	font-size:17px;
	font-weight:bold;
	text-transform:capitalize;
}

.commentlist .comment-body .comment {
	background: #f9f9f9;
	margin: 0 0 0 80px;
	padding: 10px;
	position: relative;
}

.commentlist .comment-body .commentmetadata {
	color: rgba(0, 0, 0, 0.4);
	font-size: 14px;
}

.comment-body .comment-reply-link {
	color: rgba(0, 0, 0, 0.6);
	font: bold 15px "Open Sans";
	right: 10px;
	top: 10px;
}

.comment-body .comment-reply-link:before {
	content:'\e669';
	font-family:"icomoon";
	margin-right:5px;
}

.comment-awaiting-moderation {
	font: italic 14px "Open Sans";
	margin: 0 200px 0 0;
}

.comment-form p.comment-form-author,
.comment-form p.comment-form-email,
.comment-form p.comment-form-url {
	float:left;
	padding:0 5px;
	width:33.33333333333333%;
}

.comment-form p.comment-form-author {
	padding-left:0;	
}

.comment-form p.comment-form-url {
	padding-right:0;	
}

.comment-form p.comment-form-author input,
.comment-form p.comment-form-email input,
.comment-form p.comment-form-url input {
	border:1px solid #ccc;
	border-radius:3px;
	padding:10px;
	width: 100%;
}

.comment-form p label {
	display:block;
	margin:0 5px 5px;
}

.comment-form p.comment-form-comment {
	clear:both;	
}

.comment-form p.comment-form-comment textarea {
	border:1px solid #ccc;
	border-radius:3px;
	margin:0;
	padding:10px;
	resize:vertical;
	width: 100%;	
}

.comment-form input[type="submit"] {
	border:none;
	border-radius:3px;
	color:#FFF;
	cursor:pointer;
	padding:3px 10px 5px;
}

#comments,
#reply-title {
	font: normal 24px "Open Sans";
	margin: 20px 0;
}

.bypostauthor {
	position: relative;
}

.bypostauthor:before {
	color: #FFF;
	content: 'author';
	font-size: 11px;
	padding: 0 5px 2px;
	position: absolute;
	left: -67px;
	top: 80px;
}

#respond {
	margin-bottom:100px;	
}











.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;
}

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%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.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;
}

/* 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. */
}





/**
* nav links
*/

.nav-links {
	border-top:2px solid #ddd;
	margin:50px 0;
	position:relative;
	text-align:center;
	text-transform:uppercase;
}

.nav-links .page-numbers {
	display:inline-block;
	margin:10px;	
}

.nav-links .prev,
.nav-links .next {
	padding-bottom:5px;
	padding-top:5px;
	position:absolute;	
}

.nav-links .prev {
	left:0;
}

.nav-links .next {
	right:0;
}

.nav-links .current {
	border-radius:3px;
	color:#FFF;
	padding:5px 10px;;
}



/**
* archive header
*/

.archive-header {
	margin-bottom:20px;
	padding:0 20px 5px;
}

.archive-header h1 {	
	font-size: 2em;
	margin:0;
}

.archive-header p {
	margin:0;	
}


/**
* social links
*/

.social-links {
	left:7.5%;
	position:absolute;
	top:125px;
	width:84px;
}

.social-links .item {
	float:left;
	height:32px;
	margin:5px;
	position:relative;
	width:32px;
}

.social-links .item:before {
	color:rgba(255,255,255,0.3);
	font:32px "icomoon";	
}

.social-links .item:hover:before {
	color:#FFF;
}

.social-links .item.fb:before {
	content:'\e750';	
}

.social-links .item.tw:before {
	content:'\e754';	
}

.social-links .item.gp:before {
	content:'\e74c';	
}

.social-links .item.ig:before {
	content:'\e752';	
}

.social-links .item.li:before {
	content:'\e785';	
}

.social-links .item.pt:before {
	content:'\e78d';	
}










/* ======================== */
/* Gallery */
/* ======================== */

.gallery {
	width:100%;
	margin-bottom: 20px;
	overflow:auto;
}

.gallery-item {
	float: left;
	margin: 2px;
	overflow: hidden;
	position: relative;
}

.gallery-item img {
	max-width:100%;
	height:auto;
	border:none;
	display:block;
	margin:0 auto;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: -webkit-calc(50% - 4px);
	max-width:         calc(50% - 4px);
}

.gallery-columns-3 .gallery-item {
	max-width: 32%;
	max-width: -webkit-calc(33.3% - 4px);
	max-width:         calc(33.3% - 4px);
}

.gallery-columns-4 .gallery-item {
	width: 23%;
	width: -webkit-calc(25% - 4px);
	width:         calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);
}

.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	clear: left;
}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.gallery-caption:before {
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}





/**
* footer
*/

.footer {
	color:#ccc;	
	font-size:13px;
}

.footer span {
	display:inline-block;
	margin:30px 0;	
}