input,textarea {
    font-size: .875rem;

    &.form-control{
        display: block;
        width: 100%;
        min-height: calc(2rem + .75rem + 2px);
        padding: .375rem .75rem;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.5;
        background-color: $white-color;
        background-clip: padding-box;
        border: 1px solid $border-color;
        border-radius: .25rem;
        @include input-placeholder {
            color: $body-color;
            font-size: .775rem;
            text-transform: capitalize;
        }

        &:focus {
            box-shadow: none;
            outline: none;
            -webkit-outline: none;
            border-color:$pink-color;
            background-color: $white-color;
        }
    }

}
.form-group{
    margin-bottom: 1rem;
    label{
        font-weight: 600;
        text-transform: capitalize;
        margin-bottom: .6125rem;
        display: block;
        color:$heading-color;
        font-size: 1rem;
        sup{
            color:$secondary-color;
        }
    }
}

.custom-input-group{
    @include display-flex(flex);
    @include justify-content-between;
    border:1px solid $border-dark;
    @include radius(5px);
    @include align-items-stretch;
    background-color: $white-color;
    position: relative;
    input{
        flex-grow: 1;
        border:none;
        display: initial;
        background-color: $white-color;
        min-width: 250px;
        width: 100%;
    }
    span{
        &.span-group{
            padding:0 .5rem;
            padding-right:0;
            text-align:center;
            @include display-flex(flex);
            @include justify-content-center;
            @include align-items-center;
            @include flex-direction-column(column);
            cursor: pointer;
            i{
                font-size: 1.3rem;
            }
        }
    }
    &.custom-date{
        &::after {
            content: "arrow_drop_down";
            font-family: "Material Icons";
            position: absolute;
            right:0;
            top:-2px;
            font-size: 1.5rem;
            color: $secondary-color;
            z-index: 99;
            pointer-events: none;
          }
    }
    &.is-bg{
        background-color: transparent;
        border:0;
        input{
            min-height: calc(2.5rem + .75rem + 2px);
        }
        span{
            &.span-group{
                padding:0 1rem;
                background-color: $heading-color;
                color:$white-color;
            }
        }
    }
}
.date-range{
    @include display-flex(flex);
    @include justify-content-between;
    @include radius(5px);
    @include align-items-stretch;
    background-color: $white-color;
    .custom-input-group{
        border:none;
        border-radius: none;
        border-right: 1px solid $border-color;
        input{
            min-width: auto;
            padding-left:.5rem;
        }
        
    }
}

.everest-forms{
    background-color: $white-color;
    padding:10px;
    input.input-text,textarea.input-text{
        display: block;
        width: 100%;
        min-height: calc(2rem + .75rem + 2px);
        padding: .375rem .75rem;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.5;
        background-color: $white-color;
        background-clip: padding-box;
        border: 1px solid $border-color;
        border-radius: .25rem;
        @include input-placeholder {
            color: $body-color;
            font-size: .775rem;
            text-transform: capitalize;
        }

        &:focus {
            box-shadow: none;
            outline: none;
            -webkit-outline: none;
            border-color:$pink-color;
            background-color: $white-color;
        }
    }
    .everest-forms-submit-button.button.evf-submit {
        -webkit-font-smoothing: antialiased;
        font-size: .875rem;
        font-weight: 600;
        text-decoration: none;
        text-transform: capitalize;
        padding: .5rem 2rem;
        display: -webkit-inline-box;
        display: inline-flex;
        position: relative;
        @include justify-content-center;
        @include align-items-center;
        min-width: 164px;
        min-height: 50px;
        cursor: pointer;
        @include transition(all .3s ease-in-out);
        background-color: $pink-color;
        color:$white-color;
        margin-top:1rem;
        &:hover{
            background-color: $orange-color;
            
        }
    
    }
}
.page-template-default{
        .entry-header{
            .entry-title{
                font-size: 1.5rem;
            }
        }
}