.search-filter-results .wp-pagenavi span:first-child {
  border-left: 1px solid #D7D7D7; }

.searchandfilter {
  margin-bottom: 2rem; }
  .searchandfilter:before, .searchandfilter:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .searchandfilter:after {
    clear: both; }
  .searchandfilter ul {
    padding: 0; }
  .searchandfilter ul li::before {
    display: none; }

.sf-field-search,
.sf-field-taxonomy-portfolio_skills,
.sf-field-taxonomy-portfolio_category {
  margin: 0 0 18px 0;
  margin:  0 0 1.125rem 0;
  padding-top: 6px;
  padding-top:  0.375rem; }
  .sf-field-search:before, .sf-field-search:after,
  .sf-field-taxonomy-portfolio_skills:before,
  .sf-field-taxonomy-portfolio_skills:after,
  .sf-field-taxonomy-portfolio_category:before,
  .sf-field-taxonomy-portfolio_category:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .sf-field-search:after,
  .sf-field-taxonomy-portfolio_skills:after,
  .sf-field-taxonomy-portfolio_category:after {
    clear: both; }
  .sf-field-search label,
  .sf-field-search ul,
  .sf-field-taxonomy-portfolio_skills label,
  .sf-field-taxonomy-portfolio_skills ul,
  .sf-field-taxonomy-portfolio_category label,
  .sf-field-taxonomy-portfolio_category ul {
    display: block;
    float: left; }
  .sf-field-search label,
  .sf-field-taxonomy-portfolio_skills label,
  .sf-field-taxonomy-portfolio_category label {
    color: #5a5a5a;
    margin-left: 12px; }
  .sf-field-search h4,
  .sf-field-taxonomy-portfolio_skills h4,
  .sf-field-taxonomy-portfolio_category h4 {
    display: block;
    line-height: 20px !important;
    line-height:  1.25rem !important;
    font-size: 17px !important;
    font-size:  1.0625rem !important;
    text-transform: uppercase;
    font-weight: 500; }

.sf-field-search {
  border-bottom: 1px solid #efefef; }
  .sf-field-search label {
    width: calc(100% - 200px);
    margin-left: 0px; }
  .sf-field-search input {
    font-size: 17px !important;
    font-size:  1.0625rem !important;
    line-height: 18px !important;
    line-height:  1.125rem !important;
    padding: 0 0 0px 0 !important;
    height: auto !important;
    color: #000 !important;
    border: none;
    width: 100%; }

.sf-field-search input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ccc; }

.sf-field-search input::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc; }

.sf-field-search input:-ms-input-placeholder {
  /* IE 10+ */
  color: #ccc; }

.sf-field-search input:-moz-placeholder {
  /* Firefox 18- */
  color: #ccc; }

.no-results {
  padding: 30px 0 21px 0;
  padding:  1.875rem 0 1.3125rem 0; }

.sf-field-category,
.sf-field-taxonomy-portfolio_skills,
.sf-field-taxonomy-portfolio_category {
  border-bottom: 1px #efefef solid; }
  .sf-field-category ul,
  .sf-field-taxonomy-portfolio_skills ul,
  .sf-field-taxonomy-portfolio_category ul {
    padding-top: 0;
    padding-bottom: 0; }
  .sf-field-category ul li,
  .sf-field-taxonomy-portfolio_skills ul li,
  .sf-field-taxonomy-portfolio_category ul li {
    display: block;
    float: left; }
    .sf-field-category ul li:before, .sf-field-category ul li:after,
    .sf-field-taxonomy-portfolio_skills ul li:before,
    .sf-field-taxonomy-portfolio_skills ul li:after,
    .sf-field-taxonomy-portfolio_category ul li:before,
    .sf-field-taxonomy-portfolio_category ul li:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .sf-field-category ul li:after,
    .sf-field-taxonomy-portfolio_skills ul li:after,
    .sf-field-taxonomy-portfolio_category ul li:after {
      clear: both; }
    .sf-field-category ul li label,
    .sf-field-taxonomy-portfolio_skills ul li label,
    .sf-field-taxonomy-portfolio_category ul li label {
      position: relative;
      margin-right: 21px;
      margin-right:  1.3125rem;
      padding-left: 0 !important;
      margin-left: 6px !important;
      margin-top: -1px;
      float: right;
      display: block;
      font-size: 17px !important;
      font-size:  1.0625rem !important;
      line-height: 18px !important;
      line-height:  1.125rem !important; }
    .sf-field-category ul li input,
    .sf-field-taxonomy-portfolio_skills ul li input,
    .sf-field-taxonomy-portfolio_category ul li input {
      position: relative;
      float: left;
      border-style: none;
      width: 16px;
      height: 16px;
      border: 1px #000 solid;
      padding: 0;
      margin: 0;
      cursor: pointer;
      /*

 			+ label:before {
              width: 13px;
              height: 13px;
            }
           

           &:checked + label:before {
           	  width: 8px;
              height: 13px;
              top:0px;
           }
            
            &:checked {
                + label:after {
                    background: $black;
                }
            }
            
           
            
            &:checked {
                + label:before {
                    animation: material-grow ease-in-out 0.2s;
                }
            }
            */ }

/*
.sf-field-reset {
    float: right;
    @include rem-size(font-size, 15px !important);
    @include rem-size(line-height, 18px !important) {
        text-decoration: none
    }
}
*/
.l-grid {
  display: flex;
  flex-wrap: wrap;
  /* Alignment per row */
  /* With gutters */ }
  .l-grid--top {
    align-items: flex-start; }
  .l-grid--bottom {
    align-items: flex-end; }
  .l-grid--center {
    align-items: center; }
  .l-grid--gutter {
    margin: -1rem 0 0 -1rem; }
    .l-grid--gutter > .l-grid__col {
      padding: 1rem 0 0 1rem; }
  .l-grid__col {
    flex: 1;
    /* Alignment per cell, override for individual flex items. */ }
    .l-grid__col--top {
      align-self: flex-start; }
    .l-grid__col--bottom {
      align-self: flex-end; }
    .l-grid__col--center {
      align-self: center; }

.l-grid--6 > .l-grid__col {
  flex: 0 0 50%; }

@media screen and (min-width: 37.5em) {
  .l-grid--6 > .l-grid__col {
    flex: 0 0 33.33%; } }

@media screen and (min-width: 50em) {
  .l-grid--6 > .l-grid__col {
    flex: 0 0 25%; } }

.c-brand {
  display: block;
  height: 100%; }
  .c-brand-image {
    display: flex;
    align-items: center;
    width: 100%;
    height: 200px;
    padding: 2rem 2rem 0 1rem; }
  .c-brand__img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    width: auto; }
  .c-brand__text {
    align-self: flex-start;
    color: #000;
    width: 100%;
    font-size: 19px;
    font-size:  1.1875rem;
    padding: 0.5rem 1rem 0 1rem;
    text-align: center;
    line-height: 1.25; }

/*# sourceMappingURL=maps/filter.css.map */