/*
Theme Name: Bouwer Child
Theme URI: https://bouwer.jwsthemeswp.com
Template: bouwer
Author: the JWSThemes team
Author URI: https://jwsuperthemes.com
Description: Bouwer is an Architecture &amp; Construction WordPress Theme made for Construction, Architecture, Building Services, Engineering, Interior Design, Home Decor, Decoration, Art Decor, Furniture, Building Business and single property websites etc. It’s clean and creative elements which help you to build your own site. Bouwer will make your work look more impressive and attractive to viewers. Designed on grid system, This template includes 5 Homepages for Architecture and 2 Homepages for Construction, which are easy to edit and customize to fit your needs.
Tags: one-column,flexible-header,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 3.0.1
Updated: 2019-03-28 09:16:11
*/

.footer-cta {
    background: #AABF46;
}
.footer-cta .cta-inner {
    display: flex;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 0;
}
.footer-cta .wpb_content_element {
    margin-bottom: 0;
}
.footer-cta .cta-inner a {
    flex-grow: 1;
    display: flex;
    flex-flow: column;
    align-items: center;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    font-weight: 700;
    color: #fff;
    font-size: 20px;
    padding: 25px 0 22px;
    position: relative;
    z-index: 1;
    text-align: center;
    max-width: 34%;
}
.footer-cta .cta-inner a img {
    height: 34px;
    margin: 0 0 10px 0;
}
.footer-cta .cta-inner a:after {
    transition: all 0.3s ease-in-out 0s;
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    top: 0;
    background: #A4522C;
    z-index: -1;
    bottom: 50%;
}
.footer-cta .cta-inner a:before {
    transition: all 0.3s ease-in-out 0s;
    content: "";
    position: absolute;
    left: 100%;
    right: 0;
    top: 50%;
    background: #A4522C;
    z-index: -1;
    bottom: 0;
}
.footer-cta .cta-inner a:hover:after {
    right: 0;
}
.footer-cta .cta-inner a:hover:before {
    left: 0;
}
