/*
 Theme Name:    Eternia Theme
 Theme URI:    http://eterniaweb.com
 Description:  Theme for a mechanic that doesn't like working on his own car.
 Author:       Eternia Web Solutions
 Author URI:   http://eterniaweb.com
 Version:      1.0.0
 Template: essu
*/

/* Contact */

a.ews-em-ob:before {
    content: "moc.bewa";
}

a.ews-em-ob:after {
    content: "te@olleh";
}

a.ews-em-ob {
    unicode-bidi: bidi-override;
    direction: rtl;
}

.wpcf7-form-control.wpcf7-submit {
    color: #ffffff !important;
}

.page input:not([type="checkbox"]), .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    width: 100% !important;
}


/* Portfolio */

.kktfwp-secondCol.masonry, .kktfwp-secondCol {
    position: static !important;
    height: auto !important;
}

ul.masonry-brick li, .kktfwp-secondCol ul li {
    list-style: none;
    margin-bottom: 100px;
}

ul.masonry-brick, .kktfwp-secondCol ul {
    padding: 0;
    overflow: hidden;
}

ul.masonry-brick li img, .kktfwp-secondCol ul li img {
    width: 100%;
    height: auto;
}

.kktfwp-video-project .kktfwp-secondCol ul.eternia-gallery li {
    height: auto;
    position: relative;
    padding-bottom: 0 !important;
}

.kktfwp-video-project .kktfwp-secondCol ul li {
    padding-bottom: 62.5% !important;
}

.single-kktfwp_portfolio {
    background: #fafafa;
}

ul.eternia-gallery li {
    position: relative;
}

.ews-hover-filter {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(51,51,51,.8);
    opacity: 0;
    -webkit-transition: all .5s; /* Safari */
    transition: all .5s;
}

.ews-hover-filter:hover {
    opacity: 1;
    -webkit-transition: all .5s; /* Safari */
    transition: all .5s;
}

h3.ews-port-item-title {
    color: #fff;
    font-size: 29px;
    top: 50%;
    font-family: "Roboto", sans-serif;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    line-height: 32px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform:    translate(-50%, -50%);
    -ms-transform:     translate(-50%, -50%);
    -o-transform:      translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: table;
    padding: 0 50px;
}


/* Fix for overlapping titles on mobile */
@media (max-width: 1199px) {

    body:not([class*="portfolio-mosaic-"]) a.has-overlay .proj-content .proj-terms {
        position: static !important;

}