html,
body {
    font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 16px;
    color: #212529;
}

.container {
    background-color: #f7fafe;
    border-radius: 10px;
    min-height: calc(100vh - 140px);
}

.color-text {
    color: #003087;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

#searchButton {
    color: #fff;
    background-color: #004ad3;
    border: 1px solid #003087;
}

    #searchButton:hover {
        background-color: #003087;
    }

#resetButton {  
   color: #155724;  
   background-color: #d4edda;  
   border: 1px solid #155724;  
}

    #resetButton:hover {
        background-color: #155724;
        color: #fff;
    }

.results-message {
    margin-top: 4rem;
}

.clinic-card {
    width: 200px;
    min-height: 150px;
    margin: 2rem;
}

.filter-certification {
    width: 170px;
}

.filter-zipcode .select2-container {
    width: 150px;
}

.filter-location .select2-container {
    width: 200px;
}

.select2-selection__placeholder {
    color: #707070!important;
}

.select2-selection__rendered {
    padding-right: 6px!important;
    line-height: 36px !important;
}

.select2-container .select2-selection--single {
    height: 36px!important;
}

.select2-selection__arrow {
    top: 5px!important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    height: 34px !important;
    margin-right: 24px !important;
}


@media (max-width: 1400px) {
    html {
        font-size: 14px;
    }

    #searchButton,
    #resetButton {
        font-size: 16px;
    } 
}

@media (max-width: 992px) {

    .select2-selection__rendered {
        line-height: 44px !important;
    }

    .select2-container .select2-selection--single {
        height: 44px !important;
    }

    .select2-selection__arrow {
        width: 32px !important;
        height: 42px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        height: 40px !important;
        margin-right: 40px !important;
    }
}

@media (max-width: 576px) {  
   
    .text-guidance {
        font-size: 15px!important;
    }
    
    .select2-container,
    .filter-certification {  
      width: 100% !important;  
   }

    .btn {
        padding: 0.75rem 1.5rem;
        font-size: 1rem;
    }

    #searchButton,
    #resetButton {
        width: 100%;
        font-size: 1rem;
        padding: 0.75rem 1.5rem;
        font-size: 16px;
    }  

   .form-control {  
       font-size: 1rem;  
       padding: 0.75rem;  
   }  
}

@media (min-width: 576px) and (max-width: 768px) {
    .container, .container-sm {
        max-width: 600px;
    }
}