/*
bootstrap has .card already, so we will use .crd
*/

.image-auto { width:100%; } /* padding set inline per image */
.image-p50 { width:100%; padding-bottom:50%; }
.image-p66 { width:100%; padding-bottom:66%; }
.image-p80 { width:100%; padding-bottom:80%; }

.crdset { margin:1.5rem 0; }
.crd { background-color:#fafafa; height:100%; }
.crd-auto { height:auto; }  /* as with masonry */ 
.crd a { display:block; height:100%; text-decoration:none; color:inherit; }
.crd a:hover { color:inherit; text-decoration:none; }
.crd-image { display:block; }
.crd-image-img { display:block; background-color:#eee; background-size:cover; background-position:center center; }
.crd-content { padding:1.5rem; }

.crd-headline { font-weight:700; margin-bottom:0.5rem; }
.crd-text { font-size:1rem; }


/* South Park Splash Staff Cards */

.staff-cards { display:block; }
.staff-card { display:block; }
.staff-card-image { width:100%; padding-bottom:100%; background-color:white; background-position:center center; background-size:cover; }
.staff-card-content { padding-top:0.75rem; }
.staff-card-content-name { color:inherit; font-weight:700; }
.staff-card-content-title { color:inherit; }
.staff-card-content-email { color:inherit; }
.staff-card-content-phone { color:inherit; }


/* South Park Splash Event Lis Cards */

.evicards { margin-bottom:1rem; }

.evicard { display:block; margin-top:1rem; }
.evicard a { display:table; width:100%; text-decoration:none; }
.evicard a:hover { text-decoration:none;  }

.evicard-left { display:table-cell; width:100px; text-align:center; vertical-align:middle; padding:8px 24px; }
.evicard-right { display:table-cell; width:auto; text-align:left; vertical-align:middle; padding:8px 24px; }

.evicard-left { background-color:var(--ccbrand-sun); color:var(--ccbrand-pine); }
.evicard-right { background-color:var(--ccbrand-cloud); color:var(--ccbrand-pine); }

.evicard-datetip { font-weight:700; font-size:0.6rem; text-transform:uppercase; }
.evicard-dateday { font-weight:400; font-size:36px; line-height:40px;  font-family: 'SP Feature Display',serif; margin-bottom:2px; }
.evicard-datemonth { font-weight:400;  font-size:0.6rem; text-transform:uppercase; }
.evicard-headline { font-weight:700; font-size:1rem; }
.evicard-dateline { font-weight:400; font-size:0.9rem; }