
/* begin reset to default bootstrap */
.course-finder *, 
.course-finder *:before, 
.course-finder *:after                       { -moz-box-sizing: border-box; box-sizing: border-box; }
.course-finder h2                            { line-height: 1.1; padding: 0; }
.course-finder form button.btn-search        { width: auto; height: auto; display: inline-block; padding: 10px 16px; margin-bottom: 0; 
                                               background-color: #fff; border: 1px solid #ccc; color: #333; border-radius: 6px; } 
.course-finder form input.field-search       {  }
.course-finder form select.field-course-type {  }
.course-finder form label.sr-only            { float: none; width: 1px; display: inline-block; }
/* end of reset to default bootstrap */

.course-finder                               { background-color: #2aa1ff; color: #fff; padding: 10px 15px 20px 10px; }
.course-finder .panel-heading                { padding: 0; }
.course-finder h2                            { color: inherit; margin-bottom: 10px; width: auto; }
.course-finder form                          { text-align: left; }
.course-finder form .form-group              { min-width: 85%; }
.course-finder form .form-group .input-group { width: 100%; border: }
.course-finder form input.field-search       { width: calc(100% - 11em); }
.course-finder form select.field-course-type { width: 11em; }
.course-finder form button.btn-search        { margin-left: 10px; }

@media screen and (max-width:948px)
{
   .course-finder form .form-group              { min-width: 80%; }
}

@media screen and (max-width:768px)
{
   .course-finder form button.btn-search        { margin-left: 0; }
   .course-finder form input.field-search       { width: calc(100% - 8em); }
   .course-finder form select.field-course-type { width: 8em; }
}

@media screen and (max-width:472px)
{
   .course-finder form input.field-search       { width: 100%; border-radius: 0px; } 
   .course-finder form select.field-course-type { width: 100%; border-radius: 0px; margin-top: 10px; float: left; }
}
