/* ==========================================================================
    CULINARY MEDICINE PAGE CSS
========================================================================== */


/* --- GET INVOLVED --- */


.culmed__get-involved {
    padding: 1rem;
    background: linear-gradient(
      180deg,
      #FFF7E0 0%,
      #FFE8A3 100%);
    border: 2px solid rgba(242, 183, 5, 0.6);
    border-radius: 6px;
    margin-top: 2.5rem;
}
.culmed__get-involved h2 {
    color: var(--vcu-black);
    border-left: none;
    padding-left: 0;
    text-align: center;
    margin: 0 auto 1rem;
}

/* Call-to-Action Buttons */

.culmed__get-involved .t4_button a {
    display: block;
    box-shadow: 0.2rem 0.2rem rgba(0,0,0,0.25);
    color: var(--vcu-black) !important;
}
@media (min-width: 768px) {
  .culmed__get-involved .t4_button a {
      max-width: 65%;
      margin: auto;
  }
}
.culmed__get-involved .t4_button a:hover, 
.culmed__get-involved .t4_button a:focus {
    box-shadow: 0.25rem 0.25rem var(--vcu-rust)!important;
}
.culmed__get-involved p.t4_button {
    padding-top: 0;
    text-wrap: balance;
}

/* Cook With Us at Home */

.culmed__cook {
    background: var(--vcu-gold);
    padding: 1rem;
    color: var(--vcu-black);
    margin: .9rem auto 3rem;
    border-radius: 6px;
    align-items: stretch;
}
.culmed__cook h2 {
    padding-left: 0;
    border-left: none;
    color: var(--vcu-black);
    margin: 0 auto 1rem;
}
.culmed__cook h2::before {
  	font-family: "Font Awesome 6 Free";
  	font-weight: 900;
  	color: var(--vcu-rust);
  	text-align: center;
    display: block;
    margin: 0 auto 1.5rem;
    content: "\f787";
    font-size: 2.5rem;
}
.culmed__cook h2, 
.culmed__cook p {
    text-align: center;
    text-wrap: balance;
}
.culmed__cook > div:first-child {
    background: rgba(255,255,255,0.35);
    padding: 1rem;
    border-radius: 6px;
  	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Responsive Embed */

.culmed__playlist {
    border-radius: 6px;
    overflow: hidden;
  	border: 2px solid rgba(0,0,0,.12);
    background: rgba(255,255,255,.25);
}


/* --- OUR TEAM --- */


.team .plugin-card__body {
    padding: 1rem;
}
.team p {
    margin: 0;
    line-height: 1.4;
}
.team .plugin-card__body p:has(a[href^="mailto:"]),
.team .plugin-card__body p:has(a[href^="tel:"]) {
  	display: flex;
  	align-items: center;
  	gap: .25rem;
}
.team .plugin-card__body p:has(a[href^="mailto:"])::before,
.team .plugin-card__body p:has(a[href^="tel:"])::before {
  	font-family: "Font Awesome 6 Free";
  	font-weight: 900;
  	color: var(--vcu-gold);
  	width: 1.1em;
  	text-align: center;
  	flex: 0 0 auto;
}
.team .plugin-card__body p:has(a[href^="mailto:"])::before {
  	content: "\f0e0";
}
.team .plugin-card__body p:has(a[href^="tel:"])::before {
  	content: "\f095";
}
.team .plugin-card__body p:has(a[href^="mailto:"]) a {
  	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	display: inline-block;
  	max-width: 100%;
}
.team .plugin-card__body p + p:not(:has(a[href^="mailto:"])):not(:has(a[href^="tel:"])) {
    margin-top: .15rem;
}
@supports not selector(p:has(a)) {
    .team .plugin-card__body p{
        display:block;
    }
}

/* Deploy grid at 768px instead of 1024px */
@media (min-width: 768px) and (max-width: 1400px) { 
    .cwf-grid.cwf-grid--4-columns.team {
       --cwf-grid--columns: 3;
       --cwf-grid--grid-template-columns: repeat(var(--cwf-grid--columns), 1fr);
    }
}