ul {
  padding: 0;
}

ul > li {
  list-style-type: none;
}

.container {
  margin: 5px auto;
	padding-left: 0;
	padding-right: 0;
}
.card-body {
	padding: 7px 14px;
}

#all-posts .row {
  min-height: 100px;
}

.job-title h3 {
	color: #34495E;
	font-size: 22px;
	font-weight: 600;
	margin: 0px;
}

.company-name h5, .job-location h5 {
	font-weight: 400;
	color: #222;
	margin-bottom: 0;
}

.company-logo{
	padding-right: 4px;
}

.logo .align-self-center {
/* 	display: flex;
	justify-content: center;
	align-items: center; */
/* 	height: 5.5rem;
	width: 5.5rem; */
}

/* .cta-btn .view {
  margin-bottom: 10px;
} */

.btn-link .view {
  cursor: pointer;
  color: #fff;
  background-color: #34495e;
  box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%),
    0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
  padding: 6px 16px;
  font-size: 0.875rem;
  min-width: 64px;
  box-sizing: border-box;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  line-height: 1.75;
  border-radius: 4px;
  text-transform: capitalize;
  border: none;
}

#job-post-card > .card {
  margin: 10px auto;
  box-shadow: 0px 2px 1px -1px rgb(0 0 0 / 20%),
    0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%);
  border: none;
	cursor: pointer;
}

#job-post-card > .card:hover {
  background-color: #e1f0fa;
}

/* .card div a.btn-link::after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: ' ';
} */

.job-info {
	padding-left: 4px;
	padding-right: 12px;
}

.date-data {
	display: flex;
	flex-direction: row;
}

p.created-date {
	margin-right: 50px;
	margin-bottom: 0;
}
p.due-date {
	margin-bottom: 0;
}

/* Media Queries */

@media only screen and (min-width: 600px) {
  #all-posts .row {
    height: 100px;
  }
  .post {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
		margin-left: 14px;
  }
}

@media only screen and (max-width: 600px) {
	
  .card {
    min-height: 160px;
    overflow: scroll;
  }
  .post {
    margin: 20px auto;
  }
/* 	.view {
		width: 80%;
	} */
	.cta-btn .view {
  margin-bottom: 10px;
}
	.date-data {
		display: flex;
		flex-direction: column;
	}
	
	.logo .align-self-center {
	height: 4rem;
	width: 4rem;
	}
}

/* Pagination */

.page-btn {
  margin: 10px 2px;
  color: #34495e;
  background-color: #fff;
  border: 1px solid #34495e;
}

.page-btn:hover,
.active-page {
  background-color: #e1f0fa;
  border: 1px solid #34495e;
}

.loader {
	text-align: center
}