/* Footer css rules 
*
*/

.elementor-177 .elementor-element.elementor-element-3b70131 img{
    margin-top: -21px;
}

/* hide the third section that comes in the footer as default and the is removed in the designs */
section.elementor-section.elementor-top-section.elementor-element.elementor-element-4d7d2e1.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default{
    display: none;
}

/* add svg overlay to footer section */
.elementor.elementor-177{
    position: relative;
    overflow: hidden;
}

.elementor.elementor-177::before{
    position: absolute;
    content: "";
    display: block;
    width: 112%;
    height: 100%;
    bottom: -6%;
    left: -1%;
    background-image: url("../images/Graphics/shape-overlay-inverted-white.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.1;
    z-index: 1;
}

/* this is so the elements inside the footer are infront of the overlay */
.elementor.elementor-177 section.elementor-section .elementor-container{
    z-index: 2;
}

/* change the color of the top menu anchors text */
section.elementor-section.elementor-top-section.elementor-element.elementor-element-73c485c.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default a
{
    /* color: var(--gardner-deep-blue-hover); */
}

.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-781fd56 .elementor-heading-title
{
    /* color: var(--gardner-deep-blue); */
    margin-bottom: 0;
}


.mailchimp_custom input[type="submit"]:hover{
    background-color: var(--gardner-orange-hover);
    border-color: var(--gardner-orange-hover);
}

/* to change the footer social icons color on hover */
.elementor-177 .elementor-element.elementor-element-21404f4 .ova-framework-social-icon:hover{
    background-color: var(--gardner-orange) !important;
}


@media screen and (max-width: 1024px) {
    .elementor-177 .elementor-container .elementor-top-column.elementor-element{
        width: 50%;
        padding-top: 10px;
    }

    /* 
    .elementor-177 .elementor-element.elementor-element-781fd56.elementor-column > .elementor-widget-wrap{
        justify-content: center;
    } */
}


@media screen and (max-width: 767px) {

    /* make the top element with social icons full wudth */
    .elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-781fd56{
        width: 100%;
        padding-top: 0;
    }

    /* center the div that contains the social icons */
    .elementor-177 .elementor-element.elementor-element-781fd56.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{
        justify-content: center;
    }

    
}

/* 567 */
/* make the 4 blocks fullwidth */
@media screen and (max-width: 527px) {
    .elementor-177 .elementor-container .elementor-top-column.elementor-element{
        width: 100%;
        padding-top: 0;
    }
}