/*  ------ RECIP LANDING PAGE -------- */

.mrp-sidebar-tab {
    display:none;
}

.mrp-weblet-image-banner + .mrp-weblet-listings .idx-search-button-wrapper {
    display:none;
}

#vow-banner {
    margin-top:30px;
}

#vow-banner .mrp-resp-banner {
        height:500px;
        padding-bottom:0px;
    }

#vow-banner .mrp-resp-banner ul.images img {
    width:auto;
    height:100%;
}

#vow-intro {
    padding:60px 60px 60px 60px;
}

#vow-intro p {
    font-size:28px;
    text-align:center;
}

#vow-cta-1 {
    padding-bottom:25px;
}

#vow-cta-1 .mrp-leadins.vertical .mrp-leadin .mrpl-image-container,
#vow-cta-3 .mrp-leadins.vertical .mrp-leadin .mrpl-image-container  {
    padding-bottom:65%;
    width:100%;
}

#vow-cta-1 .mrpl-inner,
#vow-cta-3 .mrpl-inner {
    position:relative;
}

#vow-cta-1 .mrpl-heading,
#vow-cta-3 .mrpl-heading {
    position:absolute;
    background-color:rgba(30,30,30,0.7);
    width:100%;
    color:#fff;
    bottom:0px;
    margin:0px;
    text-align:center;
    padding:10px 0px 10px 0px;
    font-weight:bold;
    text-transform:none;
    font-size:20px;
}

#vow-cta-1 .mrp-leadins .mrp-leadin .mrpl-image-container .mrpl-image-inner img.mrpl-image,
#vow-cta-3 .mrp-leadins .mrp-leadin .mrpl-image-container .mrpl-image-inner img.mrpl-image {
    width:100%;
}

#vow-cta-1 .mrpl-content,
#vow-cta-3 .mrpl-content {
    padding:24px;
    border:1px solid #cdcdcd;
    border-top:0px;
    width:100%;
}

#vow-cta-1 .mrpl-link,
#vow-cta-2 .mrpl-link,
#vow-cta-3 .mrpl-link {
    margin-top:24px;
}

#vow-cta-1 .mrpl-link a,
#vow-cta-3 .mrpl-link a {
    margin-top:24px;
    border:0px;
    padding:0px;
}

#vow-cta-1 .mrpl-link a:hover,
#vow-cta-3 .mrpl-link a:hover {
    background:transparent;
    color:#00000;
}



#vow-cta-2 {
    padding-bottom:25px;
}

#vow-cta-2 .mrp-leadins {
    background-color:#fafafa;
    margin:10px 20px 10px 20px;
}

#vow-cta-2 h1 {
    text-align:center;
    margin:25px 0px 25px 0px;
}

#vow-cta-1 .mrp-leadins .mrp-leadin,
#vow-cta-3 .mrp-leadins .mrp-leadin {
    padding:10px 20px 10px 20px; 
}

#vow-cta-2 .mrp-leadins .mrp-leadin {
    padding:0px 70px 30px 70px;
}

#vow-cta-2 .mrp-leadins.horizontal .mrp-leadin .mrpl-image-container {
    width:calc(100% - 410px);
    padding-bottom:32%;
}

#vow-cta-2 .mrp-leadins.horizontal .mrp-leadin .mrpl-content {
    width:350px;
}

#vow-cta-2 .mrp-leadins .mrpl-link a {
    background-color: #303030;
    color: #fff;
    font-size: 16px;
    border: 0;
    border-radius: 4px;
    color:#fff;
    padding:8px 12px;
}

#vow-cta-1 .mrp-leadins.columns-3 .mrp-leadin,
#vow-cta-3 .mrp-leadins.columns-3 .mrp-leadin {
    width:33.3%;
}

#vow-banner .mrp-resp-banner .mrp-js-banner-hero-title {
    font-size:46px;
    font-weight:bold;
    text-shadow:1px 1px 2px rgba(0,0,0,1);
    color:#fff;
    text-align:center;
    max-width:100%;
}

#vow-banner .mrp-js-banner-hero-text {
    color:#fff;
    font-size:24px;
    text-shadow:1px 1px 2px rgba(0,0,0,1);
    max-width:100%;
    text-align:center;
}

#vow-banner .mrp-js-banner-hero-title::after {
    content:'Click To Start Your Search!';
    background-color: rgba(255,255,255,0.7);
    padding: 15px;
    display:block;
    margin:12px auto 30px auto;
    font-size:20px;
    border-radius:6px;
    text-shadow:none;
    font-weight:bold;
    width:320px;
    color:#303030;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
}

#vow-banner .mrp-js-banner-hero-text::after {
    content:'';
    background:url('_media/Images/down-arrow.png') no-repeat;
    width:61px;
    height:61px;
    display:block;
    margin:30px auto 0px auto;
}

#vow-banner .mrp-resp-banner .mrp-js-banner-content {
    width:630px;
    pointer-events:none;
    max-width:100%;
}

.mrp-listing-details #vow-banner,
.mrp-listing-details #vow-intro,
.mrp-listing-details #vow-cta-1,
.mrp-listing-details #vow-cta-2,
.mrp-listing-details #vow-cta-3,
.mrp-listing-results #vow-banner,
.mrp-listing-results #vow-intro,
.mrp-listing-results #vow-cta-1,
.mrp-listing-results #vow-cta-2,
.mrp-listing-results #vow-cta-3 {
    display:none;
}


@media (max-width: 1150px) {

#vow-cta-2 .mrp-leadins.horizontal .mrp-leadin .mrpl-image-container {
    width:calc(100% - 410px);
    padding-bottom:40%;
}
}

@media (max-width: 960px) {

    #vow-cta-1 .mrpl-heading,
    #vow-cta-3 .mrpl-heading {
        font-size:16px;
    }

    #vow-cta-2 .mrp-leadins.horizontal .mrp-leadin .mrpl-image-container {
        padding-bottom:50%;
    }

}


@media (max-width: 900px) {

    #vow-cta-2 .mrp-leadins.horizontal .mrp-leadin .mrpl-image-container {
        width:100%;
        float:none;
    }

    #vow-cta-2 .mrp-leadins.horizontal .mrp-leadin .mrpl-content {
        width:100%;
        float:none;
    }
    

}


@media (max-width: 850px) {

    #vow-intro p {
        font-size:22px;
    }

}


@media (max-width: 825px) {

    #vow-cta-1 .mrp-leadins.columns-3 .mrp-leadin,
    #vow-cta-3 .mrp-leadins.columns-3 .mrp-leadin {
        width:100%;
    }
    
    #vow-cta-1 .mrp-leadins.vertical .mrp-leadin .mrpl-content {
        width:100%;
    }

    #vow-intro p {
        font-size:20px;
    }

    #vow-cta-1 .mrpl-heading,
    #vow-cta-3 .mrpl-heading {
        font-size:18px;
    }

    #vow-cta-2 .mrp-leadins .mrp-leadin {
        padding:0px 50px 30px 50px;
    }

    #vow-cta-2 h1 {
        padding:0px 50px 0px 50px;
    }
}



@media (max-width: 660px) {

    #vow-intro {
        padding:60px 20px 60px 20px;
    }

    #vow-banner .mrp-resp-banner {
        height:420px;
    }

    #vow-banner .mrp-resp-banner .mrp-js-banner-content {
        width:500px;
    }

    #vow-banner .mrp-js-banner-hero-text {
        font-size:20px;
    }

    #vow-banner .mrp-resp-banner .mrp-js-banner-hero-title {
        font-size:34px;
    }

#vow-banner .mrp-js-banner-hero-title::after {
    font-size:18px;
    width:270px;
}

}

@media (max-width: 610px) {

    #vow-cta-2 .mrp-leadins.horizontal .mrp-leadin .mrpl-image-container {
        padding-bottom:50%;
    }

    #vow-cta-2 .mrp-leadins .mrp-leadin .mrpl-image-container .mrpl-image-inner img.mrpl-image {
        width:100%;
    }

    #vow-cta-2 .mrp-leadins .mrp-leadin {
        padding:0px 25px 25px 25px;
    }

}

@media (max-width: 410px) {

    #vow-banner .mrp-resp-banner .mrp-js-banner-hero-title {
        font-size:26px;
    }

}


/*---- When in Editor -----*/

._editing .mrp-weblet-image-banner + .mrp-weblet-listings .idx-search-button-wrapper {
    display:block;
}