/* GANTRY5 DEVELOPMENT MODE ENABLED.

   WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!

   For more information on modifying CSS, please read:

   http://docs.gantry.org/gantry5/configure/styles
   http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/* @override 
 https://modern.wctest.ca/templates/g5_hydrogen/custom/css-compiled/nice-select_34.css */
/* line 23, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  border-radius: 0px;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  line-height: 60px !important;
  font-weight: bold;
  font-style: inherit;
  height: 42px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: center !important;
  transition: all 0.2s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: auto;
  border: 1px solid #ddd !important;
  border-bottom-style: none !important;
  border-left-style: none !important;
  border-top-style: none !important;
  font-size: 16px !important;
}
/* line 50, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select.form-control {
  height: 60px !important;
  box-shadow: none !important;
}
/* line 59, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: none !important;
}
@media (max-width: 480px) {
  /* line 64, templates/g5_hydrogen/custom/scss/nice-select.scss */
  .nice-select:after {
    /*          border-bottom: 2px solid $arrow_color;
     border-right: 2px solid $arrow_color;
     content: '';
     display: block; 
     height: 5px;
     margin-top: -4px;
     pointer-events: none;
     position: absolute; 
     right: 12px; 
     top: 50%; 
     transform-origin: 66% 66%;
     transform: rotate(45deg);
     transition: all 0.15s ease-in-out;
     width: 5px;*/
  }
}
/* line 82, templates/g5_hydrogen/custom/scss/nice-select.scss */
/* line 83, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select span.current:before {
  content: "Sort by: ";
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}
@media (max-width: 480px) {
  /* line 90, templates/g5_hydrogen/custom/scss/nice-select.scss */
  .nice-select span.current {
    font-size: 12px;
  }
}
/* line 95, templates/g5_hydrogen/custom/scss/nice-select.scss */
/* line 97, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select.open:after {
  transform: rotate(-135deg);
}
/* line 101, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 49px !important;
  left: 0;
}
/* line 110, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select.open .list:before {
  content: "Sort By";
  margin-right: auto;
  margin-left: auto;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 50px;
  border-bottom: 1px solid #ddd;
}
/* line 125, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select.open .list:after {
  font: normal normal 40px fontawesome;
  content: "\f00d";
  -webkit-text-stroke: 5px white;
  position: absolute;
  top: 4px;
  right: 15px;
  text-decoration: none;
  color: #ccc;
  z-index: 9999999;
}
/* line 139, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
/* line 143, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select.disabled:after {
  border-color: #ccc;
}
/* line 149, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select.wide {
  width: 100%;
}
/* line 151, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
/* line 157, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select.right {
  float: right;
}
/* line 159, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select.right .list {
  left: auto;
  right: 0;
}
/* line 165, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
/* line 169, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select.small:after {
  height: 4px;
  width: 4px;
}
/* line 174, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
/* line 181, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select .list {
  background-color: #fff;
  border-radius: 0px;
  box-shadow: none;
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  transform-origin: 50% 0;
  transform: scale(0.75) translateY(- 21px);
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}
/* line 198, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
/* line 202, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select .list li {
  border-bottom: 1px solid #ddd;
}
/* line 207, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  transition: all 0.2s;
}
/* line 218, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f6f6;
}
/* line 222, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select .option.selected {
  font-weight: bold;
}
/* line 226, templates/g5_hydrogen/custom/scss/nice-select.scss */
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}
/* line 235, templates/g5_hydrogen/custom/scss/nice-select.scss */
/* line 236, templates/g5_hydrogen/custom/scss/nice-select.scss */
.no-csspointerevents .nice-select .list {
  display: none;
}
/* line 240, templates/g5_hydrogen/custom/scss/nice-select.scss */
/* line 241, templates/g5_hydrogen/custom/scss/nice-select.scss */
.no-csspointerevents .nice-select.open .list {
  display: block;
}
/*# sourceMappingURL=nice-select_34.css.map */