/*
Theme Name: Koto Child
Theme URI: https://koto.qodeinteractive.com/
Description: A child theme of Koto Theme
Author: Elated Themes
Author URI: http://themeforest.net/user/elated-themes
Version: 1.0.2
Text Domain: koto
Template: koto
*/

/* Change footer color */
footer.eltdf-page-footer .eltdf-footer-top-holder {
	background-color: #040c3d;
}

body.page-id-4198 .eltdf-title{
	background-size: cover;
}

/* contact page title overlay */
body.page-id-4198 .eltdf-title::before {
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	z-index: 999;
}

div .eltdf-main-menu>ul>li>a>span.item_outer .item_text:before,
div .eltdf-blog-holder article .eltdf-post-read-more-button .eltdf-btn:after,
div .eltdf-pl-filter-holder ul li span:after,
div .eltdf-mobile-header .eltdf-mobile-nav ul li a span:before, 
div .eltdf-mobile-header .eltdf-mobile-nav ul li h5 span:before{
	top: 100%;
}

div .eltdf-portfolio-list-holder.eltdf-pl-standard-shader article .eltdf-pli-image::after {
	background-color: #03b7e0;
}

div .eltdf-404-page .eltdf-404-header-image {
    background-image: url();
}

div .eltdf-btn.eltdf-btn-wire:before{
	background-color: #03b7e0;
}

div .portfolio-categories-home .pli-cat{
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
	text-align: center;
}

div .portfolio-categories-home .pli-cat .pli-image {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

div .portfolio-categories-home .pli-cat .pli-image img {
    display: block;
    width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

div .portfolio-categories-home .pli-cat:hover .pli-image:after {
    opacity: .7;
}

div .portfolio-categories-home .pli-cat .pli-image:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    width: 100.2%;
    content: '';
    z-index: 1;
    background-color: #03b7e0;
    opacity: 0;
    -webkit-transition: opacity .2sease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2sease-in-out;
}

div .portfolio-categories-home .pli-cat .pli-text {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    padding: 28px 0 52px;
    z-index: 3;
}

div .portfolio-categories-home .pli-cat .pli-text h4{
	margin: 0;
}

div .portfolio-categories-home .pli-cat .pli-link{
	cursor: url(/wp-content/plugins/eltdf-core/assets/css/img/portfolio_plus_white.png), auto;
	z-index: 2;
}

div .portfolio-categories-home .pli-cat .pli-link {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	line-height: 0; 
	font-size: 0; 
	color: transparent;
}

/* load more margin */
div .eltdf-pl-load-more-holder .eltdf-pl-load-more {
	margin: 5px 0 25px 0;
}

/* Archive page text center */
div .eltdf-pli-title-holder,
div .eltdf-portfolio-list-holder.eltdf-pl-standard-shader .eltdf-pli-text-holder .eltdf-pli-category-holder{
	text-align: center
}

/* Custom portfolio pages */
div .eltdf-portfolio-list-holder.eltdf-pl-gallery.eltdf-pl-two-columns article{
    pointer-events: none;
}

/* div .eltdf-portfolio-list-holder article .eltdf-pli-text .eltdf-pli-excerpt {
    margin: 3px 0 0;
    max-width: 30%;
    display: inline-block;
} */
div .portfolio-shop-button{
    margin: 20px auto;
    left: 50%;
    transform: translate(-50%, 0);
}


/* div.eltdf-portfolio-list-holder.eltdf-pl-standard-shader article .eltdf-pli-link {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 0;
    font-family: Abel,sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: .3em;
    outline: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: #232323;
    background-color: transparent;
    border: 1px solid #232323;
    padding: 14px 25px;
    height: auto;
    cursor: pointer;
}

div.eltdf-portfolio-list-holder.eltdf-pl-standard-shader .eltdf-pli-text-holder{
    padding: 28px 0 18px;
}

div.eltdf-portfolio-list-holder.eltdf-pl-standard-shader article:hover .eltdf-pli-image:after {
    opacity: 1;
}
div .eltdf-portfolio-list-holder.eltdf-pl-standard-shader article .eltdf-pli-image::after {
    background-color: none;
}
div.eltdf-portfolio-list-holder.eltdf-pl-standard-shader article .eltdf-pli-image:after {
    position: relative
}
div.eltdf-portfolio-list-holder.eltdf-pl-standard-shader article .eltdf-pli-link:hover{
    background-color: #03b7e0;
} */

div.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-normal-space{
    column-count: 4;
    column-gap: 16px;
}
div.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-columns-4 .eltdf-ig-image{
    width: auto;
    padding: initial;
    margin: auto;
    float: none;
}

div.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-columns-4 .eltdf-ig-image img{
    width: 100%;
    margin-bottom: 16px;
    border-radius: 8px;
    display: block;

}

@media (max-width: 768px) {
    div.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-normal-space {
        column-count: 2;
    }
}

@media (max-width: 480px) {
    div.eltdf-image-gallery .eltdf-ig-grid.eltdf-ig-normal-space {
        column-count: 1;
    }
}

div footer.eltdf-page-footer{
	margin-top: -8px;
}

/* blog changes */
div .eltdf-post-info-author,
div .eltdf-post-info-comments-holder,
div .eltdf-blog-like {
	display: none !important;
}

div .eltdf-blog-holder article .eltdf-post-title a:after{
	top: 0;
	bottom: 0;
}

div .eltdf-blog-holder.eltdf-blog-single article .eltdf-post-heading{
	text-align: center;
}

div .eltdf-blog-holder article .eltdf-post-image img{
	max-height: 800px;
	width: auto;
}

/*lanch css to hide shop buttons for now*/
div .shop_button {
	display: none !important;
}