/*
Theme Name: Klass
Theme URI: http://demo.lion-coders.com/wp/klass/
Author: LionCoders
Author URI: http://lion-coders.com/
Description: Minimal Portfolio Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: klass
Tags: one-column, custom-menu, featured-images, full-width-template, translation-ready

Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Start WP's Default Styles */
.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;
}

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

.screen-reader-text:focus {
  background-color: #C0A062;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #000;
  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;
}

.gallery-caption {
  display: block;
  text-align: left;
  padding: 0 10px 0 0;
  margin-bottom: 0; 
}
/* End WP's Default Styles */
/* Custom css */
.sticky .blog-item-container h2{
  color: #e74c3c;
}

table{
  padding: 5px;
  width: 100%;
  margin: 10px 0;
  border: 1px solid rgba(221, 226, 232, 0.5);
}
table th{
  border-bottom: 1px solid rgba(221, 226, 232, 0.5);
  border-right: 1px solid rgba(221, 226, 232, 0.5);
  padding: 10px;
}
table td{
  border-bottom: 1px solid rgba(221, 226, 232, 0.5);
  border-right: 1px solid rgba(221, 226, 232, 0.5);
  padding: 10px;
}
a{
  color: #C0A062;
}
a:hover {
  color: #C0A062;
}
blockquote {
  border-left: 5px solid #666666;
}
/* kingcomposer */ 
.kc-elm {
    float: none !important;
}
.kc_column {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* blog page pagination */
.pagination {
    display: block;
    text-align: center;
    margin-top: 50px;
}
.pagination li {
    display: inline-block;
}
.pagination li span.current {
  background-color: #C0A062;
  border-color: #C0A062;
  color: #000000;
  padding: 5px 11px;
  border-style: solid;
  border-width: 1px;
}

.pagination li > a {
  color: #ffffff;
  border-color: transparent;
  font-size: 14px;
  border-radius: 0;
  background-color: transparent;
  padding: 6px 12px;
}
.pagination li > a:hover {
  background-color: #ffffff;
  color: #000000;
  border-color: #ffffff;
  text-decoration: none;
}

/* contact form placeholder color */
.main-contact ::-webkit-input-placeholder {
  color: #787878;
}

/* comment form style */
#comments {
  margin-bottom: 50px;
}
#comments h5 {
  text-transform: uppercase;
  font-size: 13px;
}
.comments-list {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.bypostauthor {
  display: block; 
}
.comments-list > li {
  padding: 14px 0;
  margin-bottom: 14px;
}
.comments-list > li:before,
.comments-list > li:after {
  content: " ";
  display: table;
}
.comments-list > li:after {
  clear: both;
}
.comments-list .children {
  margin: 14px -14px 0;
  list-style: none;
  padding-left: 30px;
}
.comments-list .children > li {
  padding: 14px 0;
}
.comment:before,
.comment:after {
  content: " ";
  display: table;
}
.comment:after {
  clear: both;
}
.comment img {
  margin-top: 10px;
  border-radius: 50%;
  width: 100%;
  height: auto;  
}
.comment p {
  color: #787878;
}
.comment-date {
  display: block;
  margin-bottom: 10px;
  font-size: 11px;
  text-transform: uppercase;
  color: #787878;
}
.comment-reply {
  text-transform: uppercase;
  font-size: 11px;
}
#respond h5 {
  font-size: 13px;
  text-transform: uppercase;
}

.comment-respond .comment-form {
  padding: 20px 0;
  margin-bottom: 50px;
}

.comment-respond .form-control {
  font-size: 11px;
  text-transform: uppercase;
  background-color: #131414;
}

.comment-respond textarea {
  min-height: 120px;
  max-width: 100%;
  resize: none;
}
.comment-respond input.form-control:focus,
.comment-respond textarea.form-control:focus {
  border: 1px solid #444;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.form-double:before,
.form-double:after {
  content: " ";
  display: table;
}
.form-double:after {
  clear: both;
}
.form-double .form-group {
  width: 50%;
  float: left;
  padding-right: 5px;
}
.form-double .form-group.last {
  padding-right: 0;
  padding-left: 5px;
}
.form-submit {
  text-align: right;
}
.klass-comments-nav{
  overflow: hidden;
}
/* sidebar style */
.widget-area{
  padding: 0 50px;
}
.widget-area ul{
  list-style: none;
  padding-left: 10px;
}
.widget-title{
  margin-bottom: 20px;
}
/* search */
.searchform label{
  display: none;
}
#s{
  color: #C0A062;
}
#searchsubmit{
  padding: 5px 10px 5px 10px;
}
@media screen and (max-width: 640px) {
    .comment .col-xs-2 {
        padding-left: 0;
    }
    .comments-list .children {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
}