/*
    Theme Name: Photoform
    Theme URI: http://demo.touchsize.com/photoform
    Description: Our themes are using the Foundation by ZURB grid system while the mark-up is powered by a strong css framework. Photoform Theme has been tested in all modern browsers - IE 8, IE 9 , Opera, Firefox, Safari and Chrome. Key features of the template - Background Styling Options, Custom Text-based Logos, Social Media Links, Multiple Multi-Level jQuery Menus, Built-in Breadcrumbs, Custom Front Page Layout, Advertisement Sidebars, Custom Widget (Popular, Recent, Comments, Tags), Twitter Widget, Contact Form Widget, Flickr Widget, Custom Page Templates, Hide/Show Meta Elements for each particular post, Featured Image, Built-in Social Sharing, About the author box, Built-in Related Posts, Nested Comments, 100+ Shortcodes, Unlimited sidebars, Language support.
    Version: 0.6
    Tags: custom-menu,custom-colors,custom-header,custom-background,two-columns,left-sidebar,right-sidebar,sticky-post,theme-options
	License: GNU General Public License and Themeforest general license
	License URI: Licensing/README_License.txt
	Author URI: http://touchsize.com
    Author: TouchSize
*/
.lwa-submit-links label{display: inline;}

/* ---- RECENT BLOG POSTS STYLE ---- */

.home .row.recent {
    display: flex;
}
.home .row.recent > h3 {display: none;}

.home .row.recent a {
    border: 2px solid white;
    position: relative;
}

.home .row.recent .ovl {
    opacity: 0;
    position: absolute;
    top: 5%;
    left: 5%;
    bottom: 5%;
    right: 5%;
    color: black;
    background-color:white;
    display: flex;
    flex-direction: column;
    align-items:center;
    justify-content: space-around;
    font-size: 15px;
    transition: all 350ms ease-in-out;
}

.home .row.recent .ovl:hover { opacity: 1; }
.home .row.recent .ovl img { width: 40%; }

@media (max-width:1024px) {
    .home .row.recent .ovl {
        opacity: 1;
        position: static;
    }
    .home .row.recent .ovl img { display: none }
}

@media (max-width:768px) {
    .home .row.recent { flex-wrap: wrap; }
    .home .row.recent a { width: 100%; margin-bottom: 15px; }
    .home .row.recent > h3 {display: block;  margin: 0 auto;}
}


/* ---- RECENT TESTIMONIALS STYLE ---- */

.home .row.testimonials {
    display: flex;
    flex-direction:column;
    margin-top: 25px;
    position: relative;
    padding: 0 25px;
}
.home .row.testimonials > h3 {display: none;}

.home .row.testimonials .btn {
    position: absolute;
    left: -5px;
    top: 50%;
    font-size: 25px;
    cursor:pointer;
    transition: all 200ms ease-in-out;
}
.home .row.testimonials .btn.icon-next {
    left: unset;
    right: -5px;
}
.home .row.testimonials .btn:hover {
    transform: scale(1.2);
}

.home .row.testimonials .tes {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.home .row.testimonials div * {
    flex-wrap: wrap;
}
.home .row.testimonials .icon-quote:before {
    transform: rotate(180deg);
}

.home .row.testimonials h3 {
    width: 100%;
}

.home .row.testimonials img {
    max-height: 350px;
    object-fit: cover;
}

.home .row.testimonials .cont {
    flex: 1 0 0;
    display: flex;
    justify-content:center;
    align-items:center;
    padding: 0 30px;
}

.home .row.testimonials div:nth-child(2n) h3 {
    text-align: right;
}
.home .row.testimonials div:nth-child(2n) img {
    order: 1;
}

@media (max-width:768px) {

    .home .row.testimonials {
        width: 100%;
    }
    .home .row.testimonials > h3 {display: block; margin: 0 auto;}
    .home .row.testimonials .tes {
        flex-direction: column;
    }
    .home .row.testimonials h3 {
        text-align: center !important;
    }
    .home .row.testimonials img{
        order: 0 !important;
        max-width: unset;
        width: 100%;
    }
    .home .row.testimonials .cont{
        align-content: flex-start;
    }
}