/* Filters */

.aside-filters {
  position: relative;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-top: -80px;
  -webkit-box-shadow: 0 30px 30px 0 rgba(0,0,0,0.2);
  box-shadow: 0 30px 30px 0 rgba(0,0,0,0.2);
  z-index: 2;
}
    
    .btn-reset-filters,
    .aside-filters  .search-filter-reset {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      align-content: center;
      -ms-align-items: center;
      align-items: center;
      justify-content: space-between;
      padding: 0 1rem;
      height: 30px;
      width: 90px;
      min-width: 90px;
      color: #fff;
      font-size: 14px; font-size: 1.4rem;
      font-weight: 400;
      background-color: #97132F;
      border-radius: 15px;
      border: none;
      cursor: pointer;
      text-decoration: none !important;
    }
    
    .aside-filters .search-filter-reset {
      position: absolute;
      top: 25px;
      right: 25px;
    }
    
      .btn-reset-filters:after,
      .aside-filters .search-filter-reset:after {
        display: inline-block;
        margin-left: 2rem;
        content: '';
        width: 24px;
        height: 24px;
        vertical-align: middle;
        background: url('/wp-content/uploads/icon-reset@1.5x.svg') center center no-repeat;
        background-size: 14px 16px;
          -webkit-background-size: 14px 16px;
      }
      
    .aside-filters .btn-filter,
    .aside-filters .card-body,
    .aside-filters .card-body .form-check,
    .aside-filters .sf-level-0,
    .aside-filters .searchandfilter h4,
    .searchandfilter ul li
    .searchandfilter ul {
      display: block;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      -ms-align-items: center;
      align-items: center;
      -ms-align-items: center;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
    }
    
    .searchandfilter ul li {
      padding: 0;
      margin: 0 auto;
      overflow-x: hidden;
    }
    
    .searchandfilter ul .sf-field-post-meta-article_topics,
    .searchandfilter ul .sf-field-post-meta-article_countries {
      /* height: 60px;
      overflow: hidden; */
      transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
    }
    
    .searchandfilter ul .sf-field-post-meta-article_topics h4,
    .searchandfilter ul .sf-field-post-meta-article_countries h4 {
      /* cursor: pointer;   */
    }
    
    .searchandfilter ul .sf-field-post-meta-article_topics > ul,
    .searchandfilter ul .sf-field-post-meta-article_countries > ul {
      /* height: 0;
      overflow: hidden; */
    }
    
    .searchandfilter ul .sf-field-post-meta-article_topics.active,
    .searchandfilter ul .sf-field-post-meta-article_countries.active,
    .searchandfilter ul .sf-field-post-meta-article_topics.active > ul,
    .searchandfilter ul .sf-field-post-meta-article_countries.active > ul {
      overflow: visible;
      height: auto;
    }
    
    .searchandfilter ul {
      background-color: #fff;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    
    .btn-filter,
    .aside-filters .card-body .form-check-label p,
    .aside-filters .searchandfilter h4  {
      font-size: 14px; font-size: 1.4rem;
      margin-bottom: 0;
    }
    
    .btn-filter,
    .aside-filters .searchandfilter h4  {
      position: relative;
      padding: 1rem 2rem 1rem 4.5rem;
      width: 100%;
      height: 60px;
      color: #BE0F34;
      font-weight: 700;
      background-color: #EBF0F6;
      transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
    }
    
    .sf-field-post-meta-article_topics label {
      position: relative;
      width: 100%;
      overflow-x: hidden;
      cursor: pointer;
    }
    
    .btn-filter, 
    .sf-field-post-meta-article_topics h4:before,
    .sf-field-post-meta-article_countries h4:before {
      position: absolute;
      top: 27px;
      left: 2rem;
      content: '';
      width: 12px;
      height: 8px;
      background: url('/wp-content/uploads/icon-filter-dropdown@1.5x.svg') center top no-repeat;
      background-size: 12px 8px;
        -webkit-background-size: 12px 8px;
      transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -moz-transform: scale(-1, -1);
        -o-transform: scale(-1, -1);
        -webkit-transform: scale(-1, -1);
        transform: scale(-1, -1);
        z-index: 3;
    }
    
      .btn-filter svg {
        position: absolute;
        top: 2.5rem;
        left: 3rem;
        transition: all 0.3s ease-out;
          -webkit-transition: all 0.3s ease-out;
      }
    
      .btn-filter:hover,
      .btn-filter:active {
        color: #BE0F34;
        text-decoration: none;
      }
      
      .btn-filter.collapsed svg {
        -moz-transform: scale(-1, -1);
        -o-transform: scale(-1, -1);
        -webkit-transform: scale(-1, -1);
        transform: scale(-1, -1);
      }
      
      
    .aside-filters .card-body,
    .searchandfilter .sf-field-post-meta-article_topics ul,
    .searchandfilter .sf-field-post-meta-article_countries ul {
      padding: 3rem 2rem;
      border: none;
      border-radius: 0;
    }
    
    .aside-filters .card-body .form-check,
    .aside-filters .sf-level-0  {
      padding-left: 0;
    }
    
    .aside-filters .card-body .form-check-label p,
    .safety-outcomes-shortcuts-filters .form-check-label p,
    .aside-filters .sf-level-0 label {
      position: relative;
      z-index: 1;
    }
    
    .aside-filters .searchandfilter li[data-sf-field-input-type="checkbox"] label {
      width: 100%;
      height: 30px;
    }
    
    .aside-filters .card-body .form-check-label,
    .searchandfilter .sf-field-post-meta-article_topics ul li,
    .searchandfilter .sf-field-post-meta-article_countries ul li,
    .searchandfilter  select,
    .aside-filters .searchandfilter label input {
      position: relative;
      width: 100%;
      height: 100%;
      margin-bottom: 0;
      padding-left: 4.6rem;
    }
    
    .aside-filters .searchandfilter label, 
    .aside-filters .searchandfilter label input {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      width: 100%;
      bordeR: none;
      height: 50px;
    }
    
    .aside-filters .searchandfilter label {
      width: 120%;
      background: #fff;
    }
    
    .aside-filters .searchandfilter select {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      height: 50px;
      width: 110%;
      border: none;
      cursor: pointer;
      background: #fff;;
    }
    
    .searchandfilter .sf-field-post-meta-article_countries ul li,
    .searchandfilter .sf-field-post-meta-article_topics ul li {
      padding-top: 0;
      padding-bottom: 0;
      margin-bottom: 0;
    }
    
    .searchandfilter .sf-field-post-meta-article_topics ul li,
    .searchandfilter .sf-field-post-meta-article_countries ul li {
      height: 35px;
    }
    
    .aside-filters .sf-level-0  {
      position: relative;
    }
    
    .aside-filters .sf-level-0 input,
    .searchandfilter li[data-sf-field-input-type="checkbox"] label { position: absolute; }
    
    .searchandfilter li[data-sf-field-input-type="checkbox"] label {
      left: 0;
      padding-left: 4rem;
    }
    
    .aside-filters .card-body .form-check-label .form-check-input,
    .safety-outcomes-shortcuts-filters .form-check-label .form-check-input,
    .aside-filters .sf-level-0 input {
      top: 0;
      left: 0;
      width: 100%;
      height: 35px;
      opacity: 0;
      z-index: 3;
      cursor: pointer;
    }
  
  .aside-filters .sf-level-0 label:before {
    content: '';
  }
  
  .aside-filters .card-body .form-check-label .check-circle,
  .aside-filters .sf-level-0 label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-content: center;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
  }
    
  .aside-filters .card-body .form-check-label .check-circle,
  .aside-filters .sf-level-0 label:before {
      width: 20px;
      height: 20px;
      background-color: #EBF0F6;
      border-radius: 50px;
      transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
    }
    
    .aside-filters .card-body .form-check-label .check-circle:after,
    .aside-filters .sf-level-0 label:after {
      content: '';
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      margin: auto;
      width: 10px;
      height: 10px;
      background-color: #EBF0F6;
      border-radius: 20px;
      z-index: 10;
      transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
    }
    
    .aside-filters .sf-level-0 label:after {
      position: absolute;
      top: 5px;
      left: 5px;
      margin: 0;
    }
    
    .aside-filters .card-body .form-check-label input:checked + .check-circle:after,
    .aside-filters .sf-option-active label:after {
      background-color: #BE0F34;
    }
    
    .search-country-container {
      padding: 2rem 0;
      border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    
    .aside-filters .search-country {
      width: 100%;
      max-width: 294px;
    }
    
    /* Filter By Country */
    
    .filter-by-country-container {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      align-content: stretch;
      -ms-align-items: stretch;
      align-items: stretch;
      justify-content: stretch;
      padding: 2rem 2rem 5rem;
    }
    
    .all-filters-by-countries,
    .nav-filter-country {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      align-content: center;
      -ms-align-items: center;
      align-items: center;
      justify-content: flex-start;
    }
    
    .all-filters-by-countries {
      width: 90%;
      width: calc(100%-30px);
    }
    
      .aside-filters .all-filters-by-countries .card-body {
        padding: 0;
      }
    
      .aside-filters .all-filters-by-countries .card-body .form-check-label,
      .safety-outcomes-shortcuts-filters .form-check-label  {
        padding: 0;
        width: 100%;
        max-width: 230px;
        height: 26px;
        min-height: 26px;
        max-height: 26px;
        font-size: 14px; font-size: 1.4rem;
        font-weight: 400;
        text-align: left;
        text-transform: none;
      }
      
      .aside-filters .all-filters-by-countries .card-body .form-check-input {
        margin-top: 0;
      }
      
      .aside-filters .all-filters-by-countries .card-body .form-check-label p,
      .safety-outcomes-shortcuts-filters .form-check-label p {
        padding: 0 1rem;
        width: 220px;
        height: 26px;
        min-height: 26px;
        max-height: 26px;
        border-radius: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; 
        line-height: 1.8;
        transition: all 0.3s ease-out;
          -webkit-transition: all 0.3s ease-out;
      }
    
    .nav-filter-country {
      width: 30px;
    }
      .nav-filter-country a {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        align-content: center;
        -ms-align-items: center;
        align-items: center;
        justify-content: center;
        margin-bottom: 0.5rem;
        width: 20px;
        height: 20px;
        font-size: 12px; font-size: 1.2rem;
        text-align: center;
        border-radius: 100px;
        transition: all 0.3s ease-out;
          -webkit-transition: all 0.3s ease-out;
      }
      
      .nav-filter-country a.collapsed:link,
      .nav-filter-country a.collapsed:visited,
      .all-filters-by-countries .card-body a:link,
      .all-filters-by-countries .card-body a:visited,
      .aside-filter .all-filters-by-countries .card-body .form-check-label p,
      .nav-filter-country a.collapsed.disabled,
      .nav-filter-country a.collapsed.disabled,
      .nav-filter-country a.collapsed.disabled:hover,
      .safety-outcomes-shortcuts-filters p {
        color: #222;
        background-color: #fff;
        text-decoration: none;
      }
      
      .nav-filter-country a:link,
      .nav-filter-country a:visited,
      .nav-filter-country a.collapsed:hover,
      .all-filters-by-countries .card-body a:hover,
      .aside-filters .all-filters-by-countries .card-body .form-check-label input:checked + p,
      .safety-outcomes-shortcuts-filters input:checked + p  {
        color: #fff;
        background-color: #BE0F34;
        text-decoration: none;
      }
      
      .nav-filter-country a.collapsed.disabled:hover {
        color: #222;
        background-color: #fff;
        text-decoration: none;
      }
      
      .nav-filter-country a.collapsed.disabled {
        opacity: 0.3;
      }
      
      .aside-filters .searchandfilter .sf-field-reset h4 {
        display: none;
      }
      
/* Filters */