_member.scss 9.33 KB

.um input[type=submit].um-button, .um input[type=submit].um-button:focus, .um a.um-button{
  text-transform: uppercase !important;
  background-color: #183668 !important;
  background:#183668 !important;
  color: #fff;
  border-radius: 0px !important;
}
.um input[type=submit].um-button:hover, .um input[type=submit].um-button:focus, .um a.um-button:hover{
  background-color: #132C55 !important;
  background:#132C55 !important;
  font-weight: bold !important

}
.um .um-tip:hover, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-member-name a:hover, .um .um-member-more a:hover, .um .um-member-less a:hover, .um .um-members-pagi a:hover, .um .um-cover-add:hover, .um .um-profile-subnav a.active, .um .um-item-meta a, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color{
 color:#3EAF49 !important;
}
.um-account-profile-link{
  display: none !important;
}

.directory-filters-top{
  border-top: 1px solid #3eaf49!important;
  padding: 10px 0 0px 0;
}
.directory-filters-bottom{
  border-bottom: 1px solid #3eaf49!important;
  margin-bottom: 40px !important;
}

.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a{
  font-size: 18px;
  line-height: 24px;
  color: #1a3668;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px 0;
  display: block;
  font-weight: 800;
}
.um-member-directory-filters{
  justify-content:flex-start;
}
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters{
  justify-content: flex-start !important;
}
.glyphicon-chevron-up::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.432' height='11.567' viewBox='0 0 19.432 11.567'%3E%3Cpath id='Path_1875' data-name='Path 1875' d='M395.235 274.525a1.19 1.19 0 0 0 1.681.063l9.188-8.526a1.19 1.19 0 0 0 0-1.744l-9.187-8.526a1.19 1.19 0 1 0-1.619 1.744l8.248 7.654-8.248 7.654a1.19 1.19 0 0 0-.063 1.681Z' transform='translate(274.905 -394.917) rotate(90)' fill='%231A3668'/%3E%3C/svg%3E");
}
.um-member-directory-filters-visible{
  a{
  .glyphicon-chevron-up::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.631' height='11.905' viewBox='0 0 19.631 11.905'%3E%3Cpath id='Path_1875' data-name='Path 1875' d='M395.235 274.525a1.19 1.19 0 0 0 1.681.063l9.188-8.526a1.19 1.19 0 0 0 0-1.744l-9.187-8.526a1.19 1.19 0 1 0-1.619 1.744l8.248 7.654-8.248 7.654a1.19 1.19 0 0 0-.063 1.681Z' transform='matrix(-0.017  -1  1  -0.017  -248.34  411.22)' fill='%231A3668'/%3E%3C/svg%3E");
  }
}
}

.um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row{
  justify-content: flex-start !important;
}

#quicksearch {
  width: 600px;
  border: 1px solid #fff !important;
  border-bottom: 1px solid #8e908f!important;
  margin-bottom: 15px;
}
.um-do-search.um-button{
display: none;
}

.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label{
flex:unset !important;
}
.um-faicon-angle-left:before{
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.095' height='15' viewBox='0 0 9.095 15'%3E%3Cpath id='Path_1291' data-name='Path 1291' d='M7.515 5.543c.52-.526 1.03-1.048 1.546-1.564Q10.918 2.123 12.779.272a.834.834 0 0 1 1.232 0c.236.242.477.479.716.718a.817.817 0 0 1 0 1.222L11.379 5.557Q9.758 7.18 8.138 8.8a.9.9 0 0 1-.606.289.864.864 0 0 1-.667-.288Q5.614 7.551 4.363 6.3L.956 2.889c-.232-.232-.465-.463-.7-.7A.812.812 0 0 1 .269.993l.71-.71a.833.833 0 0 1 1.25 0l3.016 3L7.429 5.462Z' transform='translate(9.095) rotate(90)' fill='%231A3668'/%3E%3C/svg%3E")  !important;
}
.um-faicon-angle-right:before{
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.095' height='15' viewBox='0 0 9.095 15'%3E%3Cpath id='Path_1369' data-name='Path 1369' d='M7.515 3.553c.52.526 1.03 1.048 1.546 1.564q1.857 1.856 3.718 3.708a.834.834 0 0 0 1.232 0c.236-.242.477-.479.716-.718a.817.817 0 0 0 0-1.222L11.379 3.538Q9.758 1.915 8.138.29A.9.9 0 0 0 7.532 0a.864.864 0 0 0-.667.288Q5.614 1.544 4.363 2.8L.956 6.207c-.232.232-.465.463-.7.7A.812.812 0 0 0 .269 8.1l.71.71a.833.833 0 0 0 1.25 0l3.016-3L7.429 3.634Z' transform='translate(9.095) rotate(90)' fill='%231A3668'/%3E%3C/svg%3E") !important;
}

.um-directory .um-members-pagination-box .um-members-pagi .pagei.current{
border-color: #fff !important;
background-color: #fff !important;
color: #3eaf49 !important;
font-weight: 800 !important;
}
.um-directory .um-members-pagination-box .um-members-pagi .pagei.current span{
border-color: #fff !important;
background-color: #fff !important;
color: #3eaf49 !important;
font-weight: 800 !important;
}
.pagei span{
color: #2c2c2c !important;

}
.um-check-filter-type label:before{
height: 20px !important;
width: 20px !important;
} 
.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter{
width: auto !important;
}
.directory-filters-bottom.um-member-directory-filters-bar:not(.um-header-row-invisible){
.um-search.um-search-1.um-search-invisible{
display: flex !important;
flex-wrap: wrap !important;
}
}

.um-member-card-header{
  width: 150px!important;
  @media only screen and (max-width:800px) {
    width: 100%!important;
  }
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content{
  flex-direction: row !important;
  @media only screen and (max-width:800px) {
    flex-direction: column !important;
  }
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main.no-animate{
  width: 80% !important;
  display: inline-block  !important;
}

.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta{
  margin: 0px !important;

}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-metaline{

}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo{
  width: 80px !important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a{
  height: auto !important;
}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a img{
  width: 70px !important;
  height: 70px !important;
}
.um-member-name{
  text-transform: capitalize;
}
.um-member-meta{
  display: grid !important;
  @media only screen and (max-width:800px) {
    display: flex !important;
    flex-direction: column;
  }
}
.um-member-metaline{
  padding: 0px 0 10px 0 !important;
}
.um-member-metaline-phone_number,
.um-member-metaline-user_email,
.um-member-metaline-mobile_number{
  grid-column-start: 1;
  grid-row: 1;
}
.um-member-metaline-phone_number{
  grid-row: 2;
}
.um-member-metaline-user_email{
  grid-row: 1;
}
.um-member-metaline-mobile_number{
  grid-row: 3;
}
.um-member-metaline-position,
.um-member-metaline-department_branch{
  grid-column-start: 2;
}
.um-member-metaline-position{
  grid-row: 1;
}
.um-member-metaline-department_branch{
  grid-row: 2;
}
.um-member-card-container{
  margin:0px !important

}
.um-directory .um-members-wrapper .um-members .um-member{
border-width: 0px !important;
box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}

.um-directory .um-members-pagination-box .um-members-pagi .pagei {
  cursor: pointer;
  display: inline-block;
  width: auto;
  height: 34px;
  line-height: 34px;
  transition: all .2s linear;
  padding: 0 14px;
  color: #666 !important;
  font-weight: normal; }



    .um-directory .um-members-pagination-box .um-members-pagi .pagei {
      cursor: pointer;
      display: inline-block;
      width: auto;
      height: 34px;
      line-height: 34px;
      transition: all .2s linear;
      padding: 0 14px;
      color: #666 !important;
      font-weight: normal; }
      .um-directory .um-members-pagination-box .um-members-pagi .pagei.pagi-arrow {
        line-height: 38px; }
        .um-directory .um-members-pagination-box .um-members-pagi .pagei.pagi-arrow i:before {
          font-size: 20px;
          vertical-align: middle !important;
          height: 34px;
          line-height: 34px;
          top: -2px;
          position: relative; }
      .um-directory .um-members-pagination-box .um-members-pagi .pagei.current {
        cursor: default;
        color: #fff !important; }
        .um-directory .um-members-pagination-box .um-members-pagi .pagei.current:hover {
          color: #fff !important; }
      .um-directory .um-members-pagination-box .um-members-pagi .pagei.disabled {
        cursor: default;
        opacity: .4; }
      .um-directory .um-members-pagination-box .um-members-pagi .pagei.none {
        color: #aaa !important; }

      #um_field_467_phone_number_12,
      #department_email-453{
        display: none !important;
      }