/*
 * Template Name: Spring Parade of Homes
 */

/*******************************************************
*
* Body
*
*******************************************************/

/* Container */
#inner-page-wrapper {
    margin-bottom: 0;
}

    #inner-page-wrapper > .container {
        width: 100%;
        padding: 0;
    }

    #inner-page-wrapper  #breadcrumbs {
        max-width: 1470px;
        width: 100%;
        margin: auto;
        padding: 0 0;
    }

/* IP Banner */
/*.ip-banner {
    display: none;
}*/

    .ip-slider-cont {
        position: relative;
    }

    .ip-slider {
        position: relative;
        z-index: 1;
    }

    .ip-slider canvas {
        display: block;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        z-index: 1;
        min-height: 600px;
    }

    .ip-slider-overlay {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.35);
        z-index: 5;
    }

    .ip-slider-overlay::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 50%;
        background: rgb(0,0,0);
        background: linear-gradient(180deg, rgba(0,0,0,0.7903536414565826) 0%, rgba(255,255,255,0) 100%);
        z-index: 7;
    }

    .ip-slider-overlay::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 30%;
        z-index: 7;
        background: rgb(0,0,0);
        background: linear-gradient(0deg, rgba(0,0,0,0.7903536414565826) 0%, rgba(255,255,255,0) 100%);
    }

    .ip-spoh-slider-title {
        top: 0;
        z-index: 20;
        max-width: 900px;
        margin: 0 auto;
        left: 0;
        right: 0;
    }

    .ip-spoh-slider-title .hp-slider-title-text {
        text-transform: uppercase;
    }

    .ip-spoh-slider-title .hp-slider-subtitle-text span {
        text-decoration: underline;
        font-weight: 600;
    }
    
    .ip-spoh-slider-title .hp-slider-subtitle-text {
        font-size: 18px;
    }

    .ip-slider-cont .arrow-cont {
        z-index: 20;
    }

    .ip-slider-cont .primary-btn-cont {
        border: 1px solid #fff;
        background: var(--primary);
        color: #fff;
    }

.ip-breadcrumbs {
    margin: 0 auto;
    max-width: 1470px;
    padding: 20px 0;
}
.ip-breadcrumbs p {
    font-size: 15px;
    letter-spacing: 0.05em;
    line-height: 20px;
    color: #507198;
    text-transform: uppercase;
    margin: 17px 0;
}
.ip-breadcrumbs p span.breadcrumb_last {
    color: #000;
}

.ip-spoh-content {
    padding: 100px 0;
}
    .ip-spoh-title {
        font-weight: 400;
        font-style: normal;
        font-size: 48px;
        letter-spacing: 0px;
        text-transform: none;
        margin-bottom: 30px;
    }
        .ip-spoh-title small {
            display: block;
            font-size: 16px;
            line-height: 1.5625;
            font-weight: 300;
            color: #666666;
        }
    .text-center {
        text-align: center;
    }
    .ip-spoh-content p {
        font-size: 16px;
        line-height: 1.5625;
        font-weight: 300;
        color: #666666;
        margin-bottom: 25px;
    }
    .ip-spoh-content h3 {
        color: #4a4a4a;
        font-weight: 400;
        font-style: normal;
        font-size: 22px;
        letter-spacing: 2px;
        text-transform: uppercase;
        line-height: 1.2em;
        margin: 24px 0;
    }

    .ip-spoh-btn {
        max-width: 227px;
        margin: 0 auto;
    }
        .ip-spoh-btn a {
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            border: 1px solid #000;
            background: var(--primary);
            color: #fff;
            font-weight: 600;
            text-transform: uppercase;
            margin-top: 40px;
            font-size: 15px;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
        }
        .ip-spoh-btn a:hover {
            background: transparent;
            color: #000;
        }

    .ip-spoh-vide-logo {

    }
        .ip-spoh-vide-logo img {
            display: block;
            width: 100%;
            height: auto;
        }
    .ip-spoh-video-embed {
        margin: 40px 0;
    }
    .ip-spoh-video-text {
        margin-bottom: 24px;
    }

    .ip-spoh-title-img {
        position: relative;
        margin-bottom: 24px;
    }
        .ip-spoh-title-img img {
            display: block;
            margin-left: auto;
            width: 70%;
            height: auto;
        }
        .ip-spoh-title-img h2 {
            position: absolute;
            background-color: #000;
            padding: 5%;
            top: 0;
            left: 0;
            margin-top: 6%;
            width: 45%;
            font-size: 37px;
            color: #fff;
            font-weight: 700;
            font-style: normal;
            letter-spacing: .01em;
            text-transform: none;
            line-height: 1.2em;
        }

    .ip-spoh-big-video {
        margin: 15px 0;
    }
        .ip-spoh-big-video > iframe {
            display: block;
            max-width: 100%;
        }
    .ip-spoh-thumb-img {
        margin: 15px 0;
    }
        .ip-spoh-thumb-img img,
        .ip-spoh-big-video img {
            display: block;
            width: 100%;
            height: auto;
        }

a.ip-spoh-pdf-link {
    display: block;
    max-width: 300px;
    margin: 0 auto;
}
    a.ip-spoh-pdf-link span {
        display: block;
        margin: 5px 0 0;
        text-transform: uppercase;
        color: #4f6d91db;
    }

/*******************************************************
*
* Mobile styles and other media queries
*
*******************************************************/

@media only screen and (min-width: 992px) {
    .pull-right-md {
        float: right!important;
    }
} 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
    

} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
    .ipcustom-banner:after, .ipcustom-banner:before {
        display: none;
   }
    .ipcustom-banner-inner {
        margin-top: 0;
   }
    .ipcustom-banner-title {
        font-size: 40px;
   }

   

   
   
} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {

    .ip-slider-cont .arrow-cont {
        display: block;
    }
    
    .ip-slider canvas {
        min-height: 350px;
    }


}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 567px) {
    .ip-spoh-slider-title .hp-slider-subtitle-text {
        font-size: 9px;
        margin-bottom: 10px;
    }
    
    .ip-spoh-slider-title {
        padding: 20px 10px;
        display: flex;
    }
    .ip-spoh-title {
        font-size: 25px;
    }
    .ip-spoh-title-img h2 {
        font-size: 16px;
        top: initial;
        bottom: 0;
    }
    .ip-spoh-content h3 {
        font-size: 18px;
    }
    
}