/*
   Theme Name: Skyview Child Theme
   Theme URI: https://www.stage.cottage-place.prospectleasing.com/
   Description:
   Author: Riley E. Stadel
   Template: skyviewcomplex
   version: 1.0.0
*/


/************* Header ************/
    .header-logo{
        width: 220px;
        height: 50px;
        position: absolute;
        float: left;
        margin: 20px;
        z-index: 100;
        top: 30px;
    }

    .header-logo img{
        height: 100%;
        width: 100%;
    }

    .logo-wrapper{
        display: none;
    }

    #opal-masthead{
        z-index: 100;
    }

    .header-main{
        margin: 0;
        float:right;
        padding:80px 5%;
        max-width: calc(100% - 220px);
    }
    
    @media (max-width: 991px) {
        .header-main{
            float: none;
        }
    }

    .header-absolute .opal-breadscrumb{
        box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5);
        background-position-y: center;
        background-size: 100% !important;
        padding-bottom: 144px;
        background-image: url(https://www.stage.cottage-place.prospectleasing.com/wp-content/uploads/2019/12/Front-close-1-e1576777746945.jpg)
    }

    @media (max-width: 1240px) {
        .header-absolute .opal-breadscrumb{
            padding-bottom: 60px;
        }
    }

    .header-absolute .opal-breadscrumb .breadcrumb>*,
    .header-absolute .opal-breadscrumb .breadcrumb>:after,
    .header-absolute .opal-breadscrumb .breadcrumb a{
        color: #fff;
    }

    .breadcrumb li{
        display: none;
    }

    .breadcrumb a{
        display: none;
    }

    .megamenu .menu-item{
        animation: bouncy 5s linear;
    }

    .megamenu .menu-item:nth-child(2){
        animation-delay: .05s;
    }
    .megamenu .menu-item:nth-child(3){
        animation-delay: .1s;
    }
    .megamenu .menu-item:nth-child(4){
        animation-delay: .15s;
    }
    .megamenu .menu-item:nth-child(5){
        animation-delay: .2s;
    }
    .megamenu .menu-item:nth-child(6){
        animation-delay: .25s;
    }
    .megamenu .menu-item:nth-child(7){
        animation-delay: .3s;
    }

    .megamenu .menu-item a:hover:before{
        transform: translate(105%, 97%);
    }

    @keyframes bouncy {
        0%   {top:0em}
        40%  {top:0em}
        43%  {top:-1em}
        46%  {top:0em}
        48%  {top:-0.8em}
        50%  {top:0em}
        100% {top:0em;}
    }

    .navbar-mega .navbar-nav > li > a{
        font-size: 1.5rem;
    }

/***************** Social Media Links ************/
    .sm-links{
        position: absolute;
        right: 10px;
        top: 10px;
    }

    i.fab{
        display: block;
        height: 14px;
        width: 14px;
    }

    .sm-links .sm-link{
        border: 2px solid;
        border-radius: 50%;
        padding: 13px;
        position: relative;
        display: inline-block;
        margin: 10px;
        transition: all 200ms linear;
        text-align: center;
    }

    .sm-links .sm-link:hover{
        cursor: pointer;
        transform: translateY(-5px);
        background: transparent;
    }

    .sm-links .sm-link.instagram-link{
        color: #fff;
        border-color: #e1306c;
        background-color: #e1306c;
    }


    .sm-links .sm-link.instagram-link:hover{
        color: #fff;
        background: transparent;
    }

    .sm-footer .sm-link.instagram-link:hover{
        color: #3b5998;
    }

	.sm-links .sm-link.facebook-link{
        color: #fff;
        border-color: #3b5998;
        background-color: #3b5998;
    }


    .sm-links .sm-link.facebook-link:hover{
        color: #fff;
        background: transparent;
    }

    .sm-footer .sm-link.facebook-link:hover{
        color: #3b5998;
    }

    .sm-links .sm-link.twitter-link{
        color: #fff;
        border-color: #00a0d1;
        background-color:#00a0d1;
    }

    .sm-links .sm-link.twitter-link:hover{
        color: #fff;
        background: transparent;
    }

    .sm-footer{
        top: auto;
        right: auto;
        position: relative;
        text-align: center;
    }

/**************** Buttons *************/
    .kc_button{
        transition: all .3s ease 0s;
        font-size: 16px;
        letter-spacing: 1px;
    }

    body a.kc_button:hover{
        border-color: #fff !important;
        box-shadow: 1px 2px 3px 1px #f4b86f;
    }

    body a.kc_button:active{
        color: #f4b86f !important;
        box-shadow: 1px 1px 2px 0px #f4b86f;
    }

    body a.kc_button:focus{
        box-shadow: none;
        background-color: #f4b86f !important;
        color: #fff !important;
    }

    .gform_button{
        background-color: #f4b86f;
        border: #f4b86f solid 1px;
        color: #fff;
        transition: all 150ms linear;
    }

    .gform_button:hover{
        background: transparent;
        color: #f4b86f;
    }

    .forum_nav_button{
        background-color: #f4b86f;
    }

    .forum_nav_button:hover{
        background: transparent;
    }

    .phone-button{
        position: relative;
        display: inline-block;
        outline: none;
        color: #ffffff;
        vertical-align: bottom;
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
        font-weight: 500;
    }

    .phone-button.dark{
        color:#404d5b;
    }

    .phone-button:hover:before{
        transform: translateY(0px)
    }

    .phone-button:before{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: rgba(255,255,255,0.2);
        content: '';
        transition: transform 0.2s,-webkit-transform 0.2s;
        -webkit-transform: translateY(95%);
        -ms-transform: translateY(95%);
        transform: translateY(95%);
    }

    .phone-button.dark:before{
        background-color: rgba(52,73,94,0.2);
    }

    .footer-v1 .kc_text_block a{
        color: #fff;
    }

    .footer-v1 .kc_text_block a:hover{
        color: #f4b86f;
    }
/*************** Pricing Table ************/
    .kc-pricing-tables.kc-pricing-layout-2 .header-pricing .kc-pricing-price span{
        color:#ffa136;
    }

/**************** Home ************/
    .home-floorplan{
        text-align: center;
        border-radius: 15px;
    }

    /** floorplan lightbox **/
    #pp_full_res{
        text-align: center;
        padding: 100px 0;
    }

    .home-slider-wrapper:after{
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        right: 0;
        top: -45px;
        background-image: linear-gradient(to bottom right, #f4b86f, #eeeeee);
        opacity: .25;
        height: 99px;
        z-index: -1;
    }

    .kc-elm.overview-bg-img:after {
        content: "";
        display: block;
        position: absolute;
        left: -200px;
        right: 50%;
        top: 300px;
        background-image: linear-gradient(to top right, #f4b86f, #eeeeee);
        opacity: .25;
        height: 256px;
        z-index: -1;
    }

    @media (max-width: 600px){
        .kc-elm.overview-bg-img{
            max-height: 300px;
        }

        .kc-elm.overview-bg-img:after{
            top: 200px;
            height: 156px;
        }
    }

    @media (max-width: 480px){
        .kc-elm.overview-bg-img{
            max-height: 200px;
        }

        .kc-elm.overview-bg-img:after{
            top: 100px;
            height: 156px;
        }
    }

    .home-slider-wrapper{
        background-color: #2f2b48;
    }

    .home-slider-wrapper .item{
        text-align: center;
    }

    .home-slider-wrapper img{
        height: 400px;
    }

    .element-floor-info{
        padding:90px 30px;
    }

    @media (max-width: 768px) {
        .element-floor-info{
            padding:90px 30px 10px;
        }
    }

    .info.col-md-3.col-sm-12.col-xs-12{
        display: none;
    }

    .feature.col-md-3.col-sm-12.col-xs-12{
        width:90%;
    }

    .info.col-md-3.col-sm-12.col-xs-12.floor-description{
        white-space: nowrap;
    }

    .tp-mask-wrap{
        text-align: center;
    }
/************ Application ***********/
    .application-description{
        flex-basis: 100%;
    }

    .application-button{
        color:#ffffff;
        padding: 10px 40px;
        background-color: #f4b86f;
        border: #f4b86f solid 1px;
        border-radius: 5px;
        transition: all 400ms;
        white-space: nowrap;
    }

    .application-button:hover{
        background-color: rgba(0,0,0,0) !important;
    }
/*********** Footer **********/
    body.kc-css-system .footer-v1 .kc-col-inner-container{
        flex-wrap: wrap;
    }

    body.kc-css-system .footer-v1 .kc_text_block{
        white-space: nowrap;
        flex-basis: 50%;
    }

    .footer-map{
        max-width: 100%;
    }

/************ Carousel ***********/
    .kc-sync2.owl-carousel.owl-theme .owl-wrapper-outer{
        height: 75px !important;
    }

    .kc-carousel-images.owl-carousel-images.kc-sync1.owl-nav-round.owl-carousel.owl-theme{
        height: 385px;
    }

/*********** Blog **********/
    .blog-share-text{
        text-align: center;
    }

/*********** Common **********/
    @media only screen and (max-width: 992px) {
        body.kc-css-system .overview-container .kc-container{
            max-width: 100% !important;
        }
    }

    @media only screen and (max-width: 768px) {
        body.kc-css-system .kc-css-758126 .kc-container{
            max-width: 100% !important;
        }
        body.kc-css-system .kc-css-116702{
            padding: 50px 10px;
        }
        .kc_column, .kc_column_inner{
            padding: 0px;
        }
        body.kc-css-system .kc-css-663134{
            margin-top: 0px;
        }
    }

    .kc_row.kc_row_inner{
        width: 100% !important;
    }

    @media (max-width: 992px){
        body.kc-css-system .kc-css-955621 .kc-container{
            max-width:100% !important;
        }
    }

    .bbwptw-description, .bbwptw-topic{
        font-size: 14px;
        line-height: 1.5em;
    }