:root {
  --image-border-radius: 8px;
}

.btn { border-radius:10px!important; }

/* {{{ Header */
header .donate-button, header .my-account {
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}
/* }}} */

/* {{{ Perks Listing Page */
#switchButtons .btn { border-radius:10px; }
#sorting > div {
  border-radius:10px;
}
#listingArea li {
  box-shadow:5px 10px 8px #cccccc;
  border:1px solid #cccccc;
  background-color:white;
  height:300px;
  border-radius:20px;
  transition:transform 250ms ease-in;
}
#listingArea a:first-child li { border-top:1px solid #cccccc; }

#listingArea li:hover { transform:scale(1.05); }
#listingArea li:hover .button { background-color:var(--primary-button-hover-background-colour);   color: var(--primary-button-hover-text-colour);}

/*
#listingArea li .pretext { border-top-left-radius:20px;border-top-right-radius:20px; }
*/

#listingArea .title { margin:0;padding:8px;width:100%;text-align:center; font-family:'Roboto Condensed', sans-serif;height:auto;overflow:hidden;background-color:white;}


#listingArea .button {
  width:60%;
  padding:5px 2px;
  text-align:center;
  font-size:16px;
  margin:0 auto;
  border-radius:10px;
  background-color:var(--primary-color);
  color:var(--text-color);
  position: absolute;
  bottom: 16px;
  left: 50%;
  margin-left:-30%;
  border:0;
  transition: background-color 250ms ease, border-color 250ms ease;
}

@media (max-width: 800px) {
  #listingArea li { width:100%; height: auto; min-height: 90px; padding:0 10px 0 5px; margin:0 auto;margin-bottom:16px; }
  #listingArea li:hover { transform:scale(1); }
  #listingArea .button { width:140px; position: static; margin-left: 0;}
  #listingArea .title { width:60%; width: calc(100% - 140px); background-color:transparent }
  #listingArea .catImage { width: 2em; height: 2em; line-height: 2em; right: 10px; }
}
/* }}} */

/* {{{ Perks Map Page */
.perks-map #locButton .button {
  border-radius:10px;
  background-color:var(--primary-color);
  text-align:center;
  font-size:12px;
  color:var(--text-color);
  padding:5px 2px;
  font-weight:bold;
  margin-top:30px;
}


/* }}} */

/* {{{ Contest Listing Page */
.contestRow {
  box-shadow:5px 10px 8px #cccccc;
  border:1px solid #cccccc;
  background-color:white;
  border-radius:20px;
  transition:transform 200ms ease-in;
  margin-bottom:30px;
}
.contestRow:hover { transform:scale(1.02); }
.contestRow .image img { border-radius:26px;padding:16px; }
.contestRow .details .btn { border-radius:10px; }

.contest-profile-update { border-radius: 20px; }
@media screen and (max-width: 800px) {
  .contestRow:hover { transform:scale(1); }
}

#contest-fields { border-radius: 20px;}
/* }}} */

/* {{{ Event Listing Page */
#eventArea li {
  margin-bottom:30px;
  box-shadow:5px 10px 8px #cccccc;
  border:1px solid #cccccc;
  background-color:white;
  border-radius:20px;
}
#eventArea li .img-container {
  padding:16px;
}

#eventArea li .graphic {
  border-top-left-radius:20px;
  border-top-right-radius:20px;
}

#eventArea li .graphic.legacy {
  border-radius:20px;
}

#eventArea .title {

}
.special-btn { border-radius:10px; }
#eventArea .buttonbar { bottom:10px;right:22px; }
#eventArea .title .start-date, #eventArea .title .end-date {
  border-radius:10px;
}

@media (max-width: 760px) {
  #eventArea .title { padding:2px 4px 50px 4px; }
}
/* }}} */

/* {{{ Event Details */
#event-details { border-radius:20px; }
#event-details .details-box { border-radius:20px;}
#event-details .graphic { border-top-left-radius:18px;border-top-right-radius:18px; }
#event-details .map-box { border-bottom-left-radius:18px;border-bottom-right-radius:18px; }
/* }}} Event Details */

/* {{{ Event Register */
.events .form-container { border-radius:20px; }
.events .form-container ul li:first-child { border-top-left-radius:18px; }
.events .form-container ul li:last-child { border-top-right-radius:18px; }

@media (max-width: 700px) {
  .events .steps li.active {
    border-top-left-radius:18px;
    border-top-right-radius:18px;
  }
}
/* }}} Event Register */

/* {{{ News Listing Page */
.newsRow {
  margin-bottom:30px;
  box-shadow:5px 10px 8px #cccccc;
  border:1px solid #cccccc;
  background-color:white;
  border-radius:20px;
  transition:transform 200ms ease-in;
}
.newsRow:hover { transform:scale(1.02); }
.newsRow .image { vertical-align:top;padding:16px; }
.newsRow .image img { border-radius:var(--image-border-radius); }
.newsRow .details .btn { border-radius:10px; }
@media screen and (max-width: 800px) {
  .newsRow:hover { transform:scale(1); }
}
/* }}} */

/* {{{ Jobs Listing Page */
#joblistingArea li { margin-bottom:30px;transition:transform 200ms ease-in;border:0; }
#joblistingArea li:hover { transform:scale(1.02); }
#joblistingArea .job { position:relative;margin:0;padding:20px 20px 10px 20px;width:100%;text-align:left; font-family:'Roboto', sans-serif;
  box-shadow:5px 10px 8px #cccccc;
  border:1px solid #cccccc;
  background-color:white;
  border-radius:20px;
}
#joblistingArea .job .details-btn { border-radius:10px; }
#joblistingArea .job p.posted { width:100%;color:#222222;font-size:12px;margin:0;padding:0;display:block;text-align:left; }
@media (max-width: 600px) {
	#joblistingArea .job .left-side { width:100%;display:block;text-align:left; }
	#joblistingArea .job .right-side { width:100%;display:block;text-align:left; }
	#joblistingArea .job p.category { display:block;text-align:left; }
	#joblistingArea .job p.posted { text-align:left; }
  #joblistingArea li:hover { transform:scale(1); }
}
/* }}} */

/* {{{ Stories Listing Page */
#storylistingArea a {

  box-shadow:5px 10px 8px #cccccc;
  border:1px solid #cccccc;
  background-color:white;
  border-radius:20px;
  padding:16px;
}

.stories-header .list-button {
  border-radius: 10px;
}

#storylistingArea div .story img, #storylistingArea div .story .grad-year {
  border-radius:var(--image-border-radius);
}
/* }}} */

/* {{{ Marketplace Listing Page */
#marketplace-listing a {

  box-shadow:5px 10px 8px #cccccc;
  border:1px solid #cccccc;
  background-color:white;
  border-radius:20px;
  padding:16px;
}

/* }}} */