:root {
  --jumbotron-padding-y: 3rem;
}

.jumbotron {
  padding-top: var(--jumbotron-padding-y);
  padding-bottom: var(--jumbotron-padding-y);
  margin-bottom: 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: calc(var(--jumbotron-padding-y) * 2);
    padding-bottom: calc(var(--jumbotron-padding-y) * 2);
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

.col-md-4 {
margin-top: -20px;	margin-bottom: 30px;	
	
}


.content {
	padding: 0 100px;
}


.event {
	padding: 15px!important;   margin: 0 0 0 0; background-color: #efefef; 
}

.event-interior {
	
	}


.event-title, .event-title a {
	color:#a32638;font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 10px;
    text-decoration: none;
}

.category-title {
    font-size: 22px; font-weight: 600; line-height: 26px; margin-top: 10px;
}
.category-title a {
    color:#a32638;
    text-decoration: none;
}


a {
	color: #a32638;
}

a:hover {
	color: #000; text-decoration: none;
}

.faculty {
	font-size: 14px; line-height: 19px; color: #333;
}
.category-description {
    font-size: 18px;
}

    /** program "card" styles */
.card-img-container {
    position: relative;
    overflow: hidden;
}
.new-tag {
    position: absolute;
    right: -25px;
    top: 18px;
    transform: rotate(45deg);
    background: #a32638;
    color: white;
    font-weight: bolder;
    width: 110px;
    text-align: center;
}

/* is this used, probably not?
.topic h2 {*/
/*    margin-top: 25px;*/
/*    font-size: 38px;*/
/*    font-weight: 500;*/
/*}*/
.call-to-action {
    font-size: 18pt;
    background-color: #b7d56a;
    border-radius: 15px;
    color: #000000;
    padding: 10px;
    margin: 55px;
    text-decoration: none;
}

/* page titles within activities */
.cafe-page-title {
    font-size: 36px;
    font-weight: bold;
}

/* cafe adjustments for this design only */
#content, .cafe-area-header {
    width: 950px;
    padding: 15px;
    margin: auto;
}

@media (min-width: 992px) {
    .cafe-area-header .container {
        max-width: none;
    }
}
@media (min-width: 768px) {
    .cafe-area-header .container {
        max-width: none;
    }
}
@media (min-width: 576px) {
    .cafe-area-header .container {
        max-width: none;
    }
}

/* different coloring for different topic category pages */
.category-lyme .event-title, .category-lyme .event-title a {
    color: #98b158;
}