fix schedule a showing

mail@pastecode.io avatar
unknown
plain_text
25 days ago
3.7 kB
1
Indexable
Never
div.schedule{

    /*start padding*/
    padding-top: 96px;
    padding-bottom:96px;

        @media only screen and (max-width:1200px){
            div.schedule__content{
                padding-top: 0;
                padding-bottom: 96px;
            }
                padding-bottom: 64px;
                    padding-top: 0;
        }
        @media only screen and (max-width:820px){
            div.schedule__content{
                padding-top: 64px;
                padding-bottom:96px;
            }
        }
        @media only screen and (max-width:768px){
            div.schedule__content{
                padding-top: 64px;
                padding-bottom:64px;
            }
        }
    /*end*/
    
    /*start button theming*/
    .type-selector__group label.type-selector__label.lp-btn.lp-btn--outline.lp-btn--dark{
       border-color: #050E3D!important;
       background-color: transparent;
       color: #050E3D;
       font-size: 13px;
       &:hover{
           border-color: #050E3D!important;
           background-color: #050E3D;
           color: #fff;
       }
   }   
   .custom-select button.custom-select-toggle.is-placeholder {
       color: #000;
       text-transform: uppercase;
       border-color: #000;
       &:after{
           border-color: #000;
       }
   }
   button.slick-arrow{
       border-color: #050E3D;
       background-color: transaprent!important;
       &:before{
           border-color: #050E3D;
       }
       &:hover{
           border-color: #050E3D;
           background-color: #050E3D!important;
           &:before{
           border-color: #fff;
           }
       }
   }
   
   .calendar__slide.selected .calendar__item {
       border-color: #050E3D;
       background-color: #050E3D;
       color:#fff;
   }
   .custom-select-item{
               color: #000;
           background-color: #fff!important;
       &:hover{
           color: #fff;
           background-color: #050E3D!important;
       }
   } 
   /*end*/
    
/*dropdown Theming*/
.custom-select-toggle:after{
        border-color: #000;
    }
    .info-form .lp-input{
            text-transform: uppercase;
            border-color: #000;
            color: #000;
    }
    .custom-select .lp-input--dark + .custom-select-menu .custom-select-content {
        color: #000;
        background-color: #fff;
    }
    .custom-select-item:focus, .custom-select-item:hover {
        background-color: #050E3D;
        color: #fff;
}
/*end*/
    
/*title alignment*/
.lp-title-group {
    text-align: center;
}
/*end*/
    
/*schedule reset link*/

    .schedule-reset{
          font-weight: 700;
          text-transform: uppercase;
            position: relative!important;
            color: #000!important;
            transition: 0.4s;
            opacity: 1!important;
            &:hover{
                color: #000!important;
            }
            &:before, &:after{
                transition: 0.4s;
                text-decoration: none!important;
                line-height: 1;
                content: "";
                height: 1px;
                position: absolute!important;
                bottom: 0;
                left: 0;
            }
            &:before {
                width: 100%!important;
                background-color: #ccc!important;
                opacity: 0.4;
            }
            &:after{
                width: 0%!important;
                background-color: #050E3D!important; 
            }
            &:hover:after{
                width: 100%!important;
            }
    }
    
/*end*/
   
}
Leave a Comment