//
//  Common
//  _____________________________________________

& when (@media-common = true) {
    .find-provider {
        background-color: #c8dae6;
        padding: 40px 0;
        text-align: center;
        p {
            .lib-font-size(18);
            color: @djo-gray-light;
            line-height: 1.6111111;
        }
        h4 {
            .lib-font-size(16);
            color: @djo-gray;
        }
        .form.find-provider-form {
            &:extend(.abs-add-box-sizing all);
            display: table;
            margin-left: auto;
            margin-right: auto;
            max-width: 328px;
            input {
                border-radius: 30px;
                padding-left: 20px;
                padding-right: 40px;
                &:focus {
                    box-shadow: none;
                    outline: none;
                }
            }
            .actions {
                display: table-cell;
                vertical-align: top;
                width: 1%;
                .action.provider {
                    height: 32px;
                    margin-left: -35px;
                    min-width: 100px;
                    padding: 2px 20px;
                    white-space: nowrap;
                    span {
                        display: inline-block;
                        span {
                            display: none;
                        }
                    }
                }
            }
        }
    }
}


//
//  Desktop
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .find-provider {
        .wrapper {
            max-width: 74%;
            margin: 0 auto;
        }
        p, ul, ol, li {
            .lib-font-size(21);
        }
        h4 {
            .lib-font-size(22);
        }
        .form.find-provider-form {
            .actions {
                .action.provider {
                    span {
                        span {
                            display: inline-block;
                        }
                    }
                }
            }
        }
    }
}