/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* BuddyPress CSS Conditions  */

#members-dir-list img.avatar {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
}

#members-dir-list a:hover img.avatar {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: -webkit-filter 0.2s ease-in-out;
-moz-transition: -moz-filter 0.2s ease-in-out;
transition: filter 0.2s ease-in-out;
}

#buddypress #members-list li {
overflow: auto;
list-style: none;
float: left;
width: 25%;
margin: 0 0 8px 0;
border: 0;
display: flex;
flex-direction: column;
align-items: center;
min-height:380px !important;
}

#buddypress #members-dir-list ul.item-list li div.item-title, #buddypress #members-dir-list ul.item-list li h4, #buddypress #members-dir-list ul.item-list li div.item-meta
{
width: 100%;
text-align: center;
}

#buddypress #members-dir-list ul.item-list li div.item-title {
font-size: 110%;
}

#buddypress #members-dir-list ul.item-list li div.item-meta, #buddypress #members-dir-list ul.item-list li div.item-location {
text-transform: uppercase;
font-size: 80%;
}

#buddypress #members-dir-list ul.item-list li img.avatar {
margin-bottom: 8px;
}

#buddypress #members-dir-list a.friendship-button.add {
/*-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;*/
border: 1px solid #1295b6;
font-size: 14px;
background: #2ac4ea;
color: #fff;
line-height: 42px;
width: 42px;
height: 42px;
}

#buddypress #members-dir-list a.friendship-button.is_friend.remove, #buddypress #members-dir-list a.friendship-button.pending_friend {
  /*-webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;*/
border: 1px solid #7e4e4e;
font-size: 14px;
background: #d9c3c3;
color: #ffffff;
line-height: 42px;
width: 42px;
height: 42px;

}
.item-location {
    text-align: center;
}

.mpp-item.mpp-gallery.mpp-gallery-photo.mpp-gallery-view-default.mpp-u-1-1 {
    width: 50%;
}
td.eventful {
  background-color: #2ac4ea;
}
table.em-calendar td.eventful a, table.em-calendar td.eventful-today a {
    color: #fff;
  }

select#activity-filter-by {
  width:unset;
}
div#item-nav {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

ul#members-list.item-list li div.action {
text-align: center;
overflow-y: hidden;
position: relative;
top: unset;
right: unset;
}

div#pag-bottom {
    clear: both;
    text-align: center;
}

li#members-order-select {
    width: 100%;
  }

input#members_search, input#members_search_submit {
    width: unset;
}

#buddypress div.dir-search {
    float: right;
}

#buddypress input[type=submit] {
    background: #28AACA;
    color:#fff;
  }

  #buddypress input[type=submit]:hover {
      color:#444;
    }

  #buddypress input#members_search {
    padding: 10px !important;
}

#buddypress div.pagination .pagination-links {
    float: right;
    margin-right: 10px;
    font-size: large;
}

#buddypress h2 {
  font-size: 34px;
  line-height: 42px;
}

#buddypress table {
    margin: 20px 0;
}

#buddypress table p{
    padding-bottom: 0;
}

.bp-user h1 {
  position: absolute;
  z-index: 400;
  right: 20px;
  font-size: 34px !important;
  color: #fff !important;
  text-shadow: 0 0 5px #000;
  top: 150px;
}

.bp-user .container-wrap {
  padding-top:0 !important;
}

.what-where {
  background-color: #ffffff1a;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 5px;
    text-align: left;
}

.what-where label {
  width: 20%;
  padding-left:5%
}

.what-where input {
  background-color: unset !important;
  width: 75%;
}

button.vizbuttn {
  width: 100% !important;
}
.vizbuttn img {
  width:40px !important;
}

body[data-form-submit="regular"] .container-wrap button[type=submit].vizbuttn {
  padding:6px 25px !important;
}

#footer-outer #footer-widgets .col ul.social li {
    padding-top: 0 !important;
}

span.title {
    max-width: 300px;
}

@media only screen and (max-width:1200px) {

  #buddypress #members-list li {
  width: 33%;
  }

}

@media only screen and (max-width:1000px) {

  #buddypress #members-list li {
  width: 50%;
  min-height:340px !important;
  }

}

@media only screen and (max-width:600px) {

  #buddypress #members-list li {
  width: 100%;
  }

}