asc_bootstrap - sass for new people filter mobile view

web/themes/asc_bootstrap/assets/sass/components/_people.scss

@@ -160,6 +160,69 @@
 }
 
 
+// --------------------------------------------------
+
+//## Mobile View.
+
+#views-exposed-form-people-directory-page-2 {
+  background: #D8D8D8;
+  padding: 10px;
+
+  details {
+    background: #ffffff;
+    padding: 5px 10px;
+    border-radius: 8px;
+    margin: 10px 0;
+  }
+
+  .ppl-filter-heading {
+    color: #225D62;
+    margin: 5px 0;
+    text-transform: capitalize;
+  }
+
+  .ppl-taxon-heading {
+    margin-top: 50px;
+    margin-bottom: -5px;
+  }
+
+  .form-checkbox {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -ie-appearance: none;
+    background-color: #fafafa;
+    border: 1px solid #cacece;
+    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
+    padding: 9px;
+    border-radius: 3px;
+    display: inline-block;
+    position: relative;
+    top: 4px;
+    margin-right: 5px;
+
+    &:active, &:checked:active {
+      box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
+    }
+
+    &:checked {
+      background-color: #442369;
+      border: 1px solid #adb8c0;
+      box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
+      color: #99a1a7;
+    }
+
+    &:checked:after {
+      content: '\2713';
+      font-size: 14px;
+      position: absolute;
+      top: 0px;
+      left: 3px;
+      color: $white;
+    }
+  }
+
+}
+
 
 // --------------------------------------------------
 

web/themes/asc_bootstrap/css/style.css

@@ -11311,50 +11311,109 @@ article.news-story {
   height: 100%;
 }
 
-/* line 168, ../assets/sass/components/_people.scss */
+/* line 167, ../assets/sass/components/_people.scss */
+#views-exposed-form-people-directory-page-2 {
+  background: #D8D8D8;
+  padding: 10px;
+}
+/* line 171, ../assets/sass/components/_people.scss */
+#views-exposed-form-people-directory-page-2 details {
+  background: #ffffff;
+  padding: 5px 10px;
+  border-radius: 8px;
+  margin: 10px 0;
+}
+/* line 178, ../assets/sass/components/_people.scss */
+#views-exposed-form-people-directory-page-2 .ppl-filter-heading {
+  color: #225D62;
+  margin: 5px 0;
+  text-transform: capitalize;
+}
+/* line 184, ../assets/sass/components/_people.scss */
+#views-exposed-form-people-directory-page-2 .ppl-taxon-heading {
+  margin-top: 50px;
+  margin-bottom: -5px;
+}
+/* line 189, ../assets/sass/components/_people.scss */
+#views-exposed-form-people-directory-page-2 .form-checkbox {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  -ie-appearance: none;
+  background-color: #fafafa;
+  border: 1px solid #cacece;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
+  padding: 9px;
+  border-radius: 3px;
+  display: inline-block;
+  position: relative;
+  top: 4px;
+  margin-right: 5px;
+}
+/* line 203, ../assets/sass/components/_people.scss */
+#views-exposed-form-people-directory-page-2 .form-checkbox:active, #views-exposed-form-people-directory-page-2 .form-checkbox:checked:active {
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
+}
+/* line 207, ../assets/sass/components/_people.scss */
+#views-exposed-form-people-directory-page-2 .form-checkbox:checked {
+  background-color: #442369;
+  border: 1px solid #adb8c0;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
+  color: #99a1a7;
+}
+/* line 214, ../assets/sass/components/_people.scss */
+#views-exposed-form-people-directory-page-2 .form-checkbox:checked:after {
+  content: '\2713';
+  font-size: 14px;
+  position: absolute;
+  top: 0px;
+  left: 3px;
+  color: #ffffff;
+}
+
+/* line 231, ../assets/sass/components/_people.scss */
 .path-user .page-header {
   display: none;
 }
 
-/* line 172, ../assets/sass/components/_people.scss */
+/* line 235, ../assets/sass/components/_people.scss */
 .bio-header-top {
   background: #F9F9F9;
 }
-/* line 177, ../assets/sass/components/_people.scss */
+/* line 240, ../assets/sass/components/_people.scss */
 .bio-header-top .bio-top-right img {
   padding: 15px 0;
   width: 100%;
 }
-/* line 185, ../assets/sass/components/_people.scss */
+/* line 248, ../assets/sass/components/_people.scss */
 .bio-header-top .field--name-field-google-map-location .field--item {
   padding: 20px 0;
 }
-/* line 188, ../assets/sass/components/_people.scss */
+/* line 251, ../assets/sass/components/_people.scss */
 .bio-header-top .field--name-field-google-map-location .field--item .geolocation-formatter-map-wrapper {
   border: solid 2px #979797;
 }
 
-/* line 195, ../assets/sass/components/_people.scss */
+/* line 258, ../assets/sass/components/_people.scss */
 .bio-header {
   width: 100%;
   float: left;
   margin: 0 0 20px;
 }
 
-/* line 201, ../assets/sass/components/_people.scss */
+/* line 264, ../assets/sass/components/_people.scss */
 .bio-btm-left {
   margin-bottom: 40px;
 }
-/* line 204, ../assets/sass/components/_people.scss */
+/* line 267, ../assets/sass/components/_people.scss */
 .bio-btm-left h2 {
   font-size: 22px;
 }
-/* line 208, ../assets/sass/components/_people.scss */
+/* line 271, ../assets/sass/components/_people.scss */
 .bio-btm-left .bio-exp {
   padding-left: 0;
 }
 
-/* line 214, ../assets/sass/components/_people.scss */
+/* line 277, ../assets/sass/components/_people.scss */
 .bio-btm-right h3 {
   font-size: 18px;
   padding-top: 20px;