#pre-header {
  background:#19C6AA;
  color:white;
  padding:5px 0px;
  margin:0px;
}

#text-header {
  font-family:Montserrat, sans-serif;
  margin-bottom:0px;
  text-transform:uppercase;
}

@media (max-width: 400px) {
  #text-header {
    font-size:14px;
  }
}

#header {
  background:#FFFFFF;
  box-shadow:0 6px 8px -2px rgba(0,0,0,0.05);
  padding:15px 0px;
}

#logo-column {
  display:flex;
  align-items:center;
}

#logo-column h1 {
  color:#595959;
  font-family:Montserrat, sans-serif;
  font-size:20px;
  margin-bottom:0px;
  text-transform:uppercase;
}

@media (max-width: 400px) {
  #logo-column h1 {
    font-size:19px;
  }
}

#logo-column img {
  margin-right:10px;
}

#header .btn {
  border-radius:50px;
  background:#F06473;
  font-family:Montserrat, sans-serif;
  font-size:14px;
  border-color:transparent !important;
  text-transform:uppercase;
}

#overlay .btn {
  border-radius:50px;
  background:#F06473;
  font-family:Montserrat, sans-serif;
  font-size:14px;
  border-color:transparent !important;
  text-transform:uppercase;
}

#body {
  background:#F6F6F6;
  padding:40px 0 0 0;
}

#result-location {
  font-family:Montserrat, sans-serif;
  color:#595959;
  text-transform:uppercase;
  font-size:16px;
  letter-spacing:1px;
  opacity:0.7;
}

@media (min-width: 769px) {
  #result-location {
    padding-left:20px;
  }
}

#result-count {
  font-family:Montserrat, sans-serif;
  font-weight:bold;
  color:#F06473;
  font-size:16px;
  text-transform:uppercase;
}

#results-column {
  display:flex;
  align-items:center;
}

@media (max-width: 768px) {
  #results-column {
    align-items:center !important;
    flex-direction:column !important;
  }
}

#results-column p {
  margin-bottom:0px;
}

#filters {
  background:#FFFFFF;
  box-shadow:0 6px 8px -2px rgba(0,0,0,0.05);
  border-radius:50px;
  display:inline-block;
  padding:8px 20px;
  cursor:pointer;
}

#filters p {
  font-family:Montserrat, sans-serif;
  color:#595959;
  font-size:14px;
  text-transform:uppercase;
  margin:0px 10px;
}

#meta-row {
  margin-bottom:40px;
}

.profile-wrapper {
  background:#FFFFFF;
  box-shadow:0 6px 8px -2px rgba(0,0,0,0.05);
  border-radius:12px;
  overflow:hidden;
  margin-bottom:20px;
  cursor:pointer;
}

.pic-wrapper {
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}

.profile-overlay {
  background-image:linear-gradient(180deg, rgba(0,0,0,0.00) 37%, rgba(0,0,0,0.69) 100%);
  display:flex;
  align-items:flex-end;
}

.profile-action {
  display:flex;
  padding:10px;
  justify-content:space-between;
  width:100%;
  align-items:center;
}

.status-msg {
  font-family:Montserrat, sans-serif;
  font-size:14px;
  color:#ffffff;
  margin-bottom:0px;
  text-transform:uppercase;
}

@media (max-width: 400px) {
  .status-msg {
    font-size:12px !important;
  }
}

.profile-bottom {
  background:white;
  padding:20px 10px;
}

.pseudo {
  margin-bottom:0px;
  font-family:Montserrat, sans-serif;
  font-weight:bold;
  font-size:18px;
  color:#595959;
}

@media (max-width: 400px) {
  .pseudo {
    font-size:16px !important;
  }
}

.cta-btn {
  display:flex;
  color:white;
  justify-content:flex-end;
}

.cta-btn i.fa-heart {
  background:#F06473 !important;
  margin-right:10px;
}

.cta-btn i.fa-comment {
  background:#19C6AA !important;
}

.cta-btn i {
  padding:10px;
  border-radius:50px;
  font-size:14px;
}

@media (max-width: 400px) {
  .cta-btn i {
    padding:6px !important;
    font-size:10px !important;
  }
}

.profile-info {
  font-size:14px;
  font-weight:300;
  font-family:Montserrat, sans-serif;
  margin-bottom:0px;
}

@media (max-width: 767px) {
  #signup-col {
    display:none;
  }
}

#filter-col {
  display:flex;
  justify-content:flex-end;
}

@media (max-width: 768px) {
  #filter-col {
    justify-content:center !important;
    margin-top:20px;
  }
}

#overlay {
  background-image:linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(72,72,72,0.98) 50%);
  height:70vh;
  width:100%;
  margin-top:-60vh;
  z-index:1;
  position:relative;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  flex-direction:column;
  padding-bottom:75px;
}

#overlay-content {
  font-family:Montserrat, sans-serif;
  color:rgb(255,255,255);
  font-size:20px;
  text-transform:uppercase;
  text-align:center;
}

.modal-backdrop {
  display:none !important;
}

#signup-modal {
  background:rgba(65,65,65,0.9);
}

.error-msg {
  font-size:14px;
  line-height:18px;
  color:#1D6156;
  font-family:'Montserrat', sans-serif;
  display:flex;
  align-items:center;
  margin-bottom:0px;
  padding-left:15px;
}

.error-msg p {
  margin-bottom:0px;
}

.error-msg label {
  font-weight:bold;
  color:#FFFFFF !important;
  cursor:pointer;
}

.error-msg i {
  color:#1D6156 !important;
  font-size:18px !important;
  margin-right:10px !important;
}

#signup_cgu:hover {
  color:#1D6156 !important;
  text-decoration:underline;
}

#heading-modal {
  font-family:Montserrat, sans-serif;
  color:#1D6156;
  text-align:center;
  text-transform:uppercase;
  font-size:20px;
}