.thecard {
  width: 300px;
  margin: 5% auto;
  box-shadow: 0 1px 10px rgba(0,0,0,.4);
  display: block;
  background-color: #fff;
  border-radius: 4px;
  transition: 400ms ease;
}

.card-img {
  height: 200px;
}

.card-img img {
  width:100%;
  border-radius: 4px 4px 0px 0px;
}

.card-caption {
  position: relative;
  background: #E5E5E5;
  padding: 5px 10px 1px 5px;
  border-radius: 0px 0px 0px 0px;
}

.card-outmore {
  padding: 10px 25px 10px 25px;
  border-radius: 0px 0px 4px 4px;
  border-top: 1px solid #e0e0e0;
  background: #ffff;
  color: #222;
  display: inline-table;
  width: 100%;
  box-sizing: border-box;
  transition: 400ms ease;
}
.card-outmore h5 {
  float: left;
}
.card-outmore i {
  float: right;
}


h5 {
  margin:0;
}

#like-btn {
  font-size: 18px;
  background: #446CB3;
  color: #fff;
  padding: 13px 15px;
  border-radius: 50em;
  position: absolute;
  right: 20px;
  top: -22px;
  box-shadow: 0 2px 1px rgba(0,0,0,.2);
  transition: 400ms ease;
}

#like-btn:hover {
  font-size: 18px;
  background: #3B5998;
  color: #fff;
  padding: 13px 15px;
  border-radius: 50em;
  position: absolute;
  right: 20px;
  top: -22px;
  box-shadow: 0 4px 5px rgba(0,0,0,.3);
}

#outmore-icon {
  border:1px solid ;
  padding: 1px 6px;
  border-radius: 50em;
}


.btn-default{background:#479ae7; color:#fff; font-weight:700; text-shadow:1px 1px 0 rgba(0,0,0,0.2); font-size:14px;}


/*
* — For cards dedicated to ambassadors —
*/

.thecard_ambassador {
  width: 150px;
  margin: 5% auto;
  box-shadow: 0 1px 10px rgba(0,0,0,.4);
  display: block;
  background-color: #fff;
  border-radius: 4px;
  transition: 400ms ease;
}

.card-img_ambassador {
  height: 130px;
}

.card-img_ambassador img {
  width:100%;
  border-radius: 4px 4px 0px 0px;
}

.card-caption_ambassador {
  position: relative;
  background: #E5E5E5;
  padding: 5px 5px 1px 5px;
  border-radius: 0px 0px 0px 0px;
}