body {
	font-family: "proxima-nova", sans-serif;
	font-size: 21px;
}

#content {
	padding-left: 0;
	padding-right: 0;
}

h1, h2, h3,
.jumbotron-lcclib h1 {
	color: #a2257f;
	font-weight: 700;
	font-family: "proxima-nova-condensed", sans-serif;
}
h2 {
	font-size: 40px;
}

.dmbs-main {
	padding-left: 0;
	padding-right: 0;
}

#google_translate_element {
	padding-right: 15px
}

.navbar {
	margin-bottom: 0;
/*	max-height: 48px; */
}

.navbar.navbar-lcclib {
	background-color: #a2257f;
	border-color: #a2257f;
}

.btn-lcclib {
  color: #fff;
  background-color: #a2257f;
  border-color: #a2257f;
  border-radius: 5px;
}
.btn-lcclib:hover,
.btn-lcclib:focus,
.btn-lcclib:active {
  color: #fff;
  background-color: #a2257f;
  border-color: #a2257f;
}

.jumbotron-lcclib {
	background-color: #fee95a;
}
.jumbotron-lcclib.banner {
	background-image: url('/public_resources/landing_pages/join2025/reading-tablet.jpg');
/*	background-size: cover; */
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}
@media (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
	.jumbotron-lcclib.banner {
		background-size: cover;
	}
}
@media (min-width: 1200px) {
	.jumbotron-lcclib.banner {
		background-size: cover;
	}
}

.jumbotron-lcclib.footer {
	background-color: #fee8a3;
	border-bottom: 5px solid #a2257f;
}

.thumbnail {
	border: 0;
}
.thumbnail img.img-rounded {
	border-radius: 5px;
}
.thumbnail h3 {
	margin-top: 0;
}

.container.content .p15 {
	padding-left: 15px;
	padding-right: 15px;
}

.row.equal .panel-body.multi-links a {
  font-weight: bold;
  color: #337ab7;
}
@media (min-width: 992px) {
  .row.equal .card,
  .row.equal .card .panel,
  .row.equal > div > .panel {
    height: 100%;
  }
}
.row.equal {
  display: flex;
  flex-wrap: wrap;
  /* Small devices (tablets, 768px and up) */
  /* Medium devices (desktops, 992px and up) */
  /* Large devices (large desktops, 1200px and up) */
}
@media (max-width: 767px) {
  .row.equal .col-xs-2 {
    flex: 2 0 16%;
  }
  .row.equal .col-xs-2:last-child {
    flex: 0 0 16%;
  }
  .row.equal .col.xs-4 {
    flex: 4 0 33%;
  }
  .row.equal .col.xs-4:last-child {
    flex: 0 0 33%;
  }
  .row.equal .col.xs-6 {
    flex: 6 0 50%;
  }
  .row.equal .col.xs-6:last-child {
    flex: 0 0 50%;
  }
  .row.equal .col-xs-12 {
    flex: 12 0 100%;
  }
  .row.equal .col-xs-12:last-child {
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) {
  .row.equal .col-sm-2 {
    flex: 2 0 16%;
  }
  .row.equal .col-sm-2:last-child {
    flex: 0 0 16%;
  }
  .row.equal .col.sm-4 {
    flex: 4 0 33%;
  }
  .row.equal .col.sm-4:last-child {
    flex: 0 0 33%;
  }
  .row.equal .col.sm-6 {
    flex: 6 0 50%;
  }
  .row.equal .col.sm-6:last-child {
    flex: 0 0 50%;
  }
  .row.equal .col-sm-12 {
    flex: 12 0 100%;
  }
  .row.equal .col-sm-12:last-child {
    flex: 0 0 100%;
  }
}
@media (min-width: 992px) {
  .row.equal .col-md-2 {
    flex: 2 0 16%;
  }
  .row.equal .col-md-2:last-child {
    flex: 0 0 16%;
  }
  .row.equal .col-md-4 {
    flex: 4 0 33%;
  }
  .row.equal .col-md-4:last-child {
    flex: 0 0 33%;
  }
  .row.equal .col-md-6 {
    flex: 6 0 50%;
  }
  .row.equal .col-md-6:last-child {
    flex: 0 0 50%;
  }
  .row.equal .col-md-12 {
    flex: 12 0 100%;
  }
  .row.equal .col-md-12:last-child {
    flex: 0 0 100%;
  }
}
@media (min-width: 1200px) {
  .row.equal .col-lg-4 {
    flex: 4 0 33%;
  }
  .row.equal .col-lg-4:last-child {
    flex: 0 0 33%;
  }
  .row.equal .col-lg-6 {
    flex: 6 0 50%;
  }
  .row.equal .col-lg-6:last-child {
    flex: 0 0 50%;
  }
  .row.equal .col-lg-12 {
    flex: 12 0 100%;
  }
  .row.equal .col-lg-12:last-child {
    flex: 0 0 100%;
  }
}
.row.equal .col-md-4,
.row.equal .col-md-6,
.row.equal .col-md-12 {
  padding: 15px;
}
