/*
Theme Name: Kalium - Photography Theme
Theme URI: https://laborator.co/themes/kalium/
Author: Laborator
Author URI: https://laborator.co/
Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: <a href="https://themeforest.net/user/laborator">Envato</a> &bull; <a href="https://twitter.com/thelaborator">Twitter</a> &bull; <a href="https://www.facebook.com/laboratorcreative">Facebook</a> &bull; <a href="https://www.instagram.com/laboratorcreative/">Instagram</a>
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
*/
/* ===========================================================
Custom modification only for PHOTOGRAPHY Demo - START
=========================================================== */
/* Home: Auto Type Element */
.home .auto-type-element {
    line-height: 26px
}

/* Menu Trigger Icon - Narrow the lines */
.menu-bar .ham:after {
    top: 6px !important;
}

.menu-bar .ham:before {
    top: -6px !important;
}

.menu-bar.exit .ham:before {
    top: -10px !important;
}

/* About: Menu Trigger White */
.page-id-2167 .menu-bar.menu-skin-dark .ham:after,
.page-id-2167 .menu-bar.menu-skin-dark .ham:before,
.page-id-2167 .menu-bar.menu-skin-dark .ham {
    background-color: #fff;
}

/* Contact: Menu Trigger White */
.page-id-2261 .menu-bar.menu-skin-dark .ham:after,
.page-id-2261 .menu-bar.menu-skin-dark .ham:before,
.page-id-2261 .menu-bar.menu-skin-dark .ham {
    background-color: #fff;
}

/* Blog: Description Line height  */
.page-heading--description {
    line-height: 1.5;
}

/* Blog: White hover  */
.blog-posts .post-item .post-thumbnail .post-hover {
    background: rgba(255,255,255,0.85) !important;
}

/* Blog: Hide Icon on Hover */
.blog-posts .post-item .post-thumbnail .post-hover .hover-icon {
    display: none;
}

/* Blog: Hide Borders */
.blog-posts .post-item.template-standard .post-details, .blog-posts .post-item.template-standard .post-thumbnail {
    border: none;
}

/* Blog: Center Titles */
.blog-posts .post-item .post-details .post-title {
    text-align: center !important;
    line-height: normal;
    margin-bottom: 0px;
}

/* Blog: Remove Post Title Underline */
.blog-posts .post-item .post-details .post-title a:after  {
    display: none;
}

/* Blog: Hide Category Icon */
.blog-posts .post-item .post-details .post-meta i {
    display: none !important;
}

/* Blog: Center date */
.blog-posts .post-item .post-details .post-meta.date {
    text-align: center;
    float: none !important;
    margin-top: 5px;
}

/* Blog Post: Style date */
.blog-posts .post-item .post-details .post-meta.category,
.blog-posts .post-item .post-details .post-meta.date {
    float: none !important;
    letter-spacing: 5px;
    color: #999;
}

/* Blog Post: Comments label line adjust */
body.single-post .message-form .form-group .placeholder {
    padding-bottom: 0px !important;
}

/* Blog Post: Comment Connector */
.single-blog-holder .comments-holder .comment-holder .commenter-image .comment-connector {
    border-color: #fff;
}

/* Blog Post: Date Styling */
.single-post .post .post-meta.date {
    display: inline-block;
    width: auto;
    float: none !important;
    letter-spacing: 5px;
    padding: 0px;
    color: #999;
}

/* Blog Post: Remove Margin Bottom */
.single-post .post .entry-header {
    margin-bottom: 15px;
}

/* Blog Post: Add Margin Bottom to Image */
.single-post .post-image {
    margin-bottom: 45px;
}

/* Blog Post: Hide Date */
.single-post .post .post-meta.date i {
    display: none;
}

/* Pages: Center Title  */
.blog .page-heading--title-section, .home .section-title  {
    text-align: center !important;
}

/* Portfolio: Category Hover Color*/
.portfolio-holder .thumb .hover-state .info p a:hover {
    color: #a58f60;
}

/* About: Center Social Networks */
body.page-id-2167 .social-networks .list-inline {
    text-align: center;
}

/* Portolio: Center Categories */
.portfolio-title-holder .pt-column {
    margin: auto;
}

.product-filter .portfolio-subcategory {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
	width: 100%;
}

.product-filter {
    text-align: center;
}

/* Contact: Dashed Bottom Border */
body.page-id-2261 .lab-autotype-text-entry {
    box-shadow: 0px 2px 0px #222
}

/* XS: Mobile devices */
@media screen and (max-width: 480px){

    .blog .section-title h1, .home .section-title h1 {
        margin-top: 100px;
    }
}

/* SM: Mobile and tablet devices */
@media screen and (min-width: 768px) {

    .blog .section-title h1, .home .section-title h1 {
        margin-top: 100px;
    }
}

/* MD: Tablet and desktop devices */
@media screen and (min-width: 992px) {

    .blog .section-title h1, .home .section-title h1 {
        margin-top: 20px;
    }
}

/* LG: Desktop devices */
@media screen and (min-width: 1200px) {

    /* Padding on single blog comments */
    .post-comments .container,
    .single-post .post--column {
        padding: 0 70px;
    }

    .single-post .post-comments+.post-comment-form .comment-respond,
    .single-post .comment-respond {
        padding: 30px 55px;
    }

    .single-post .post--full-width-image.format-quote blockquote {
        padding-left: 70px;
        padding-right: 70px;
    }
}
/* ===========================================================
Custom modification only for PHOTOGRAPHY Demo - END
=========================================================== */

/* ===========================================================
User CSS modifications
=========================================================== */
.example {
    color: red !important;
}