/*
Theme Name: LMG Create:Creative
Theme URI: https://wearelmg.com/
Description: This is the Create:Creative theme created for the Genesis Framework.
Author: :<G
Author URI: https://www.wearelmg.com/

Version: 2.8.0

Tags: accessibility-ready, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, left-sidebar, one-column, right-sidebar, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, two-columns

Template: genesis

License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Text Domain: genesis-sample
*/

@import url('//cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.theme.default.min.css');
@import url('//cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.min.css');

@media screen and (min-width: 700px) {
	.hide-for-medium-up {
		display: none;
	}
}

.values-grid {
    position: relative
}
@media screen and (min-width: 64em) {
.values-grid:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 1px;
    background: #54B8A1;
    transform: translate(-50%,-50%)
}
}



.card-column {
    position: relative;
    padding: 2rem;
    border-bottom: 1px solid #54B8A1
}

.card-column:last-child {
    border-bottom: 0
}

@media screen and (min-width: 64em) {
    .card-column {
        border-bottom:0;
        padding: 14rem 1rem
    }
}

@media screen and (min-width: 64em) {
    .card-column:nth-child(2)::before,.card-column:nth-child(3)::before,.card-column:nth-child(4)::before,.card-column:nth-child(6)::before,.card-column:nth-child(7)::before {
        content:"";
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        height: 80%;
        width: 1px;
        background: #54B8A1;
        transform: translate(-50%,-50%)
    }

    .card-column .card-back,.card-column .card-front {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2rem
    }
}

.card-column .card-front h4 {
    line-height: 1
}

@media screen and (min-width: 64em) {
    .card-column .card-front h4 {
        font-size:2rem;
        font-family: Montserrat,sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 1.5rem;
        color: #12254A
    }
}

.card-column .card-front i.lmg-fa-plus {
    display: none;
    color: #54B8A1;
    border: 2px solid #54B8A1;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 20px auto 0
}

@media screen and (min-width: 64em) {
    .card-column .card-front i.lmg-fa-plus {
        display:flex
    }
}

.card-column .card-front {
    transition: opacity 1s ease .5s,top 1s ease .5s,left 0s ease 0s
}

@media screen and (min-width: 64em) {
    .card-column .card-back {
        top:100px;
        opacity: 0;
        left: -99999px;
        transition: opacity 1s,top 1s,left 0s ease 1s;
        text-align: center
    }

    .card-column .card-back .pam-button {
        border: 2px solid #fff;
        background: 0 0
    }

    .card-column .card-back .pam-button:hover {
        background: #fff;
        color: #1c3664;
        opacity: 1
    }

    .card-column:hover>.card-front {
        top: -100px;
        opacity: 0;
        left: -9999px;
        transition: opacity 1s ease 0s,top 1s ease 0s,left 0s ease 1s
    }

    .card-column:hover>.card-back {
        opacity: 1;
        left: 0;
        top: 0;
        transition: opacity 1s ease .5s,top 1s ease .5s,left 0s ease 0s
    }
}
.gfield-choice-input[type="checkbox"]{
   margin: 0;
}