/********** Range Input Styles **********/
/*Range Reset*/
input[type="range"] {
   -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
    width: 15rem;
}

/* Removes default focus */
input[type="range"]:focus {
  outline: none;
}

/***** Chrome, Safari, Opera and Edge Chromium styles *****/
/* slider track */
input[type="range"]::-webkit-slider-runnable-track {
   background-color: #fa9160;
   border-radius: 0.5rem;
   height: 0.5rem;
    box-shadow: 1px 1px 1px white;
}

/* slider thumb */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
   appearance: none;
   margin-top: -12px; /* Centers thumb on the track */
   border: 2px solid white; /*Removes extra border that FF applies*/

   /*custom styles*/
   background-color: #f97233;
   height: 2rem;
   width: 1rem;
    box-shadow: 1px 1px 1px white;
}

/*input[type="range"]:focus::-webkit-slider-thumb {*/
/*  border: 1px solid #fa9160;*/


/*}*/

/******** Firefox styles ********/
/* slider track */
input[type="range"]::-moz-range-track {
   background-color: #fa9160;
   border-radius: 0.5rem;
   height: 0.5rem;
    box-shadow: 1px 1px 1px white;


}

/* slider thumb */
input[type="range"]::-moz-range-thumb {
   border: 2px solid white; /*Removes extra border that FF applies*/
   border-radius: 0; /*Removes default border-radius that FF applies*/

   /*custom styles*/
   background-color: #f97233;
   height: 2rem;
   width: 1rem;
}

/*input[type="range"]:focus::-moz-range-thumb {*/
/*  border: 1px solid #fa9160;*/
/*}*/