/*
Theme Name: Piecia
Theme URI: http://themeforest.net/user/peelone
Author: PeElOne
Author URI: http://themeforest.net/user/peelone
Tags: gray,white,two-columns,light,responsive-layout,custom-background,custom-header,sticky-post,theme-options
Description: Piecia is not an ordinary template available on themeforest. It’s tailored landing page which perfect suit for many industries. In our package we have included many variants to get the best result for our clients. You wont find revolution slider, many scripts etc. It’s simple and lightweight template but have strong sections important to landing pages.
Version: 1.0
License: Proprietary
License URI: http://themeforest.net
Text Domain: piecia

*/

body.admin-bar #header {
    top: 32px !important;
}

.more-link:hover {
    background: #E75C00 none repeat scroll 0 0;
    color: #fff;
}

.widget_search input[type="text"] {
    width: 100%;
    padding: 10px 15px;
    height: 40px;
    border: 1px solid #E0E0E0;
    transition: all 0.2s ease-in 0s;
}

.widget_search label {
    display: none;
}

.widget_search button {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border: none;
    color: #333;
    display: inline-block;
    background: transparent none repeat scroll 0 0;
}

#wp-calendar {
    width: 100%;
}

#wp-calendar caption {
    position: relative;
    padding: 8px 0;
    text-align: center;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    color: #333;
    background: transparent none repeat scroll 0 0;
    font-size: 16px;
}

#wp-calendar thead,
#wp-calendar tr {
    border-bottom: 1px solid #DDD;
}

#wp-calendar th,
#wp-calendar td {
    font-size: 14px;
    text-align: center;
    padding: 10px 0;
    color: #999;
}

#wp-calendar td a {
    color: #999;
}

.recentcomments {
    padding: 15px 0;
    display: block;
    text-transform: uppercase;
    color: #999;
    border-bottom: 1px solid #E0E0E0;
}

.recentcomments:first-child {
    border-top: 1px solid #e0e0e0;
}

#blog .sidebar .sidebar-widget #recentcomments li:first-child a {
    border-top: none;
}

.recentcomments a {
    border-bottom: none !important;
}

.recentcomments a:before {
    display: none;
}

.recentcomments:before {
    margin-right: 10px;
    font-family: FontAwesome;
    font-size: 14px;
    content: "\f0da";
    color: #2C3E50;
}

#blog .navigation a {
    color: #999;
}

.commentlist {
    padding: 0;
    margin: 0;
    list-style: none;
}

.wp-caption img {
    margin-bottom: 10px;
}

.single-post #blog .post .post-content p {
    margin-bottom: 30px;
}

.logged-in-as a {
    color: #999;
}

.single-post #blog .post .post-content .wp-caption-text {
    margin-bottom: 10px;
}

.post a {
    color: #999;
}

.more-link {
    background: #D35400 none repeat scroll 0 0;
    color: #FFF !important;
    padding: 11px 30px;
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 3px;
    font-family: "Montserrat", sans-serif;
    display: inline-block;
}

/* MARKER */
.sticky .marker-ribbon {
    position: absolute;
    top: 22px;
    left: -12px;
    z-index: 9;
}

.sticky .marker-ribbon .ribbon-text,
.sticky .marker-ribbon .ribbon-banner,
.sticky .marker-ribbon a {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

.sticky .marker-ribbon .ribbon-banner {
    position: relative;
    top: 0;
    left: 0;
    width: 100px;
    display: block;
    float: right;
    color: #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sticky .marker-ribbon .ribbon-banner:after,
.sticky .marker-ribbon .ribbon-banner:before {
    position: absolute;
    width: 30px;
    height: 12px;
    display: block;
    background-color: #B64E09;
    content: '';
}

.sticky .marker-ribbon .ribbon-banner:before {
    left: -45px;
    -webkit-transform: skewY(-45deg) translate(50%, 15px);
    -moz-transform: skewY(-45deg) translate(50%, 15px);
    -ms-transform: skewY(-45deg) translate(50%, 15px);
    -o-transform: skewY(-45deg) translate(50%, 15px);
    -webkit-transform-origin: 100% center;
    -moz-transform-origin: 100% center;
    -ms-transform-origin: 100% center;
    -o-transform-origin: 100% center;
}

.sticky .marker-ribbon .ribbon-banner:after {
    right: -17px;
    top: 30px;
    -webkit-transform-origin: 0 center;
    -moz-transform-origin: 0 center;
    -ms-transform-origin: 0 center;
    -o-transform-origin: 0 center;
    -webkit-transform: translate(100%, -100%) skewY(45deg) translateX(-58%);
    -moz-transform: translate(100%, -100%) skewY(45deg) translateX(-58%);
    -ms-transform: translate(100%, -100%) skewY(45deg) translateX(-58%);
    -o-transform: translate(100%, -100%) skewY(45deg) translateX(-58%);
}

.sticky .marker-ribbon .ribbon-text {
    position: relative;
    padding: 6px 0;
    min-height: 18px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    background-color: #D35400;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    line-height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    z-index: 2;
}

.sticky .marker-ribbon .ribbon-text:before,
.sticky .marker-ribbon .ribbon-text:after {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 30px;
    background-color: #D35400;
    z-index: -1;
    content: "";
}

.sticky .marker-ribbon .ribbon-text:before {
    -webkit-transform: translateX(-15%) skewX(-45deg);
    -moz-transform: translateX(-15%) skewX(-45deg);
    -ms-transform: translateX(-15%) skewX(-45deg);
    -o-transform: translateX(-15%) skewX(-45deg);
}

.sticky .marker-ribbon .ribbon-text:after {
    -webkit-transform: translateX(15%) skewX(45deg);
    -moz-transform: translateX(15%) skewX(45deg);
    -ms-transform: translateX(15%) skewX(45deg);
    -o-transform: translateX(15%) skewX(45deg);
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.gallery-caption {
    display: block;
}

.bypostauthor {
    display: block;
}

.post-content img {
    max-width: 100%;
}

.wp-caption {
    max-width: 100%;
}

.post-content table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border: 1px solid #DDD;
}

.post-content table > caption + thead > tr:first-child > td, .post-content table > caption + thead > tr:first-child > th, .post-content table > colgroup + thead > tr:first-child > td, .post-content table > colgroup + thead > tr:first-child > th, .post-content table > thead:first-child > tr:first-child > td, .post-content table > thead:first-child > tr:first-child > th {
    border-top: 0 none;
}

.post-content table > thead > tr > td, .post-content table > thead > tr > th {
    border-bottom-width: 2px;
}

.post-content table > tbody > tr > td, .post-content table > tbody > tr > th, .post-content table > tfoot > tr > td, .post-content table > tfoot > tr > th, .post-content table > thead > tr > td, .post-content table > thead > tr > th {
    border: 1px solid #DDD;
}

.post-content table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #DDD;
}

.post-content table > tbody > tr > td, .post-content table > tbody > tr > th, .post-content table > tfoot > tr > td, .post-content table > tfoot > tr > th, .post-content table > thead > tr > td, .post-content table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #DDD;
}

#blog {
    padding-bottom: 0;
}

#recentcomments .comment-author-link {
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

/* BLOG */
body.blog {
    padding: 70px 0 0 0;
}

.blog {
    position: relative;
    padding: 80px 0 20px 0;
}

.blog article {
    position: relative;
    margin-bottom: 60px;
}

.blog article .thumbnail {
    width: 250px;
    height: auto;
    float: left;
    margin-right: 30px;
}

@media (max-width: 768px) {
    .blog article .thumbnail {
        margin-bottom: 30px;
        width: 100%;
    }
}

.blog article .meta {
    text-transform: uppercase;
    font-size: 13px;
}

.blog article .meta span {
    font-family: "Montserrat", sans-serif;
    color: #777;
}

.blog article .meta span:after {
    content: '\2022';
    margin: 0 10px;
}

.blog article .meta a {
    color: #777;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}

.blog article h4 a {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    color: #4C4C4C;
}

.blog article h4 a:hover {
    color: #d35400;
}

.blog article p {
    margin: 20px 0;
}

body.single-post .blog article .thumbnail {
    width: 100%;
    height: auto;
    float: none;
    margin-right: 0;
    margin-bottom: 60px;
}

.blog .commentlist {
    padding: 0;
    margin: 0;
    list-style: none;
}

.blog .commentlist li {
    position: relative;
}

.blog .commentlist li .avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: auto;
}

.blog .commentlist li .reply {
    display: inline-block;
}

.blog .commentlist li cite {
    display: inline-block;
    font-size: 16px;
    margin-left: 0;
    color: #333333;
    font-style: normal;
}

.blog .commentlist li cite .fn {
    display: inline-block;
    font-size: 16px;
    color: #333333;
    font-style: normal;
    font-weight: normal;
}

.blog .commentlist li cite span {
    display: none;
}

.blog .commentlist li cite:after {
    content: '-';
    margin: 0 5px;
    color: #777;
    font-size: 12px;
}

.blog .commentlist li .date {
    margin-left: 0;
    text-transform: uppercase;
    color: #777;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
}

.blog .commentlist li .date:after {
    content: '-';
    margin: 0 6px;
}

.blog .commentlist li .comment-reply-link {
    text-transform: uppercase;
    color: #777;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
}

.blog .commentlist li .comment {
    position: relative;
    margin-bottom: 30px;
    padding-left: 124px;
    min-height: 100px;
}

.blog .commentlist li .comment.comment-content {
    margin: 0;
    padding: 0;
    min-height: auto;
}

.blog .commentlist li .comment.comment-content p {
    margin: 10px 0 0 0;
}

.blog #reply-title {
    margin-top: 60px;
    display: block;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    color: #4C4C4C;
    font-size: 18px;
}

.blog #commentform {
    position: relative;
    margin: 0;
}

.blog #commentform p {
    margin: 0 0 20px;
}

.blog #commentform p.form-submit {
    margin-bottom: 0;
}

.blog #commentform .comment-form-input {
    position: relative;
}

.blog #commentform .comment-form-comment {
    margin-bottom: 15px;
}

.blog #commentform .required {
    display: none;
}

.blog #commentform input[type="text"] {
    padding: 10px 15px;
    height: 40px;
    width: 100%;
    transition: all 0.2s ease-in 0s;
    font-size: 13px;
    background: #FFF none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}

.blog #commentform textarea {
    padding: 10px 15px;
    height: 150px;
    width: 100%;
    transition: all 0.2s ease-in 0s;
    font-size: 13px;
    background: #FFF none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}

.blog #commentform input[type="submit"] {
    border: none;
}

.blog article.single-article .thumbnail {
    width: 100%;
    height: auto;
    float: none;
    margin-right: 0;
    margin-bottom: 60px;
}

.blog .comments-title {
    margin-top: 40px;
    margin-bottom: 20px;
    display: block;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    color: #4C4C4C;
    font-size: 18px;
}

.blog .commentlist {
    padding: 0;
    margin: 0;
    list-style: none;
}

.blog .commentlist li {
    position: relative;
}

.blog .commentlist li .avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: auto;
}

.blog .commentlist li .reply {
    display: inline-block;
}

.blog .commentlist li cite {
    font-size: 16px;
    color: #333333;
    font-style: normal;
}

.blog .commentlist li cite .fn {
    display: inline-block;
    font-size: 16px;
    color: #333333;
    font-style: normal;
}

.blog .commentlist li cite span {
    display: none;
}

.blog .commentlist li cite:after {
    content: '-';
    margin: 0 5px;
    color: #777;
    font-size: 12px;
}

.blog .commentlist li .date {
    text-transform: uppercase;
    color: #777;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
}

.blog .commentlist li .date:after {
    content: '-';
    margin: 0 6px;
}

.blog .commentlist li .comment-reply-link {
    text-transform: uppercase;
    color: #777;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
}

.blog .commentlist li .comment {
    position: relative;
    margin-bottom: 30px;
    padding-left: 124px;
    min-height: 100px;
}

.blog .commentlist li .comment.comment-content {
    margin: 0;
    padding: 0;
    min-height: auto;
}

.blog .commentlist li .comment.comment-content p {
    margin: 10px 0 0 0;
}

.blog #reply-title {
    margin-top: 60px;
    display: block;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    color: #4C4C4C;
    font-size: 18px;
}

.blog #commentform {
    position: relative;
    margin: 0;
}

.blog #commentform p {
    margin: 0 0 20px;
}

.blog #commentform p.form-submit {
    margin-bottom: 0;
}

.blog #commentform .comment-form-input {
    position: relative;
}

.blog #commentform .comment-form-comment {
    margin-bottom: 15px;
}

.blog #commentform .required {
    display: none;
}

.blog #commentform input[type="text"] {
    padding: 10px 15px;
    height: 40px;
    width: 100%;
    transition: all 0.2s ease-in 0s;
    font-size: 13px;
    background: #FFF none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}

.blog #commentform textarea {
    padding: 10px 15px;
    height: 150px;
    width: 100%;
    transition: all 0.2s ease-in 0s;
    font-size: 13px;
    background: #FFF none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}

.blog #commentform input[type="submit"] {
    border: none;
}

.blog .sidebar {
    margin-bottom: 60px;
}

.blog .sidebar .widget_search {
    width: 100%;
}

.blog .sidebar .widget_search input {
    width: 100%;
}

.blog .sidebar .widget_search button {
    position: absolute;
    right: 15px;
    top: 0;
    width: 40px;
    height: 40px;
    display: inline-block;
    background: transparent;
}

.blog .sidebar .widget-title {
    margin: 25px 0;
}

.blog .sidebar p {
    margin: 0;
}

.blog .sidebar .widget_tag_cloud a {
    padding: 6px 8px;
    margin: 0 1px 4px 0;
    font-size: 12px !important;
    background: #d35400;
    color: #ffffff;
    display: inline-block;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    transition: 0.2s ease-in;
}

.blog .sidebar .widget_tag_cloud a:hover {
    background: #e75c00;
}

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

.blog .sidebar ul li:first-child a {
    border-top: 1px solid #e0e0e0;
}

.blog .sidebar ul li a {
    padding: 15px 0;
    display: block;
    text-transform: uppercase;
    color: #777;
    border-bottom: 1px solid #e0e0e0;
}

.blog .sidebar ul li a:hover {
    color: #d35400;
}

.blog .sidebar ul li a:before {
    margin-right: 10px;
    font-family: FontAwesome;
    font-size: 14px;
    content: "\f0da";
    color: #4C4C4C;
}

.blog .comment-respond {
    margin-bottom: 60px;
}

.single-post .blog article {
    margin-bottom: 40px;
}