.ucsf.card{position:relative}.ucsf.card .card__featured-img img{width:100%;aspect-ratio:335/240}@media screen and (min-width:768px){.ucsf.card .card__featured-img img{aspect-ratio:410/320}}.ucsf.card figure{margin-bottom:0}.ucsf.card article{padding:2rem 0.5rem 1.5rem;transition:all 0.3s ease-in-out}.ucsf.card .tag{display:inline-block;padding:0.25rem 0;margin-bottom:1rem;font-size:1rem;line-height:160%;font-weight:500}.ucsf.card h4{color:var(--primary-color);margin-bottom:1.5rem}.ucsf.card p{font-size:1rem;margin-bottom:1.5rem}.ucsf.card .card__cta .l-btn+.l-btn{margin-top:0.5rem}.ucsf.card .card__activity{display:flex;align-items:center;gap:0.5rem;padding-top:0.5rem}.ucsf.card .card__activity time{color:var(--gray-700);font-size:1rem}.ucsf.card .card__activity span{color:var(--gray-500)}.ucsf.card .card__activity span.card__activity-separator{color:var(--gray-700)}.ucsf.card.has-outline{border:0.0625rem solid var(--gray-100)}.ucsf.card .card__background{display:flex;position:absolute;opacity:0.8;width:100%;height:100%;background-color:var(--overlayColor)}.ucsf.card .card__svg{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%}.ucsf.card .card__svg img{width:3rem;height:3rem}.ucsf.card .card__link{color:transparent;font-size:0;position:absolute;inset:0;cursor:pointer}.ucsf.card .card__link:focus+figure+article,.ucsf.card .card__link:hover+figure+article{background-color:var(--gray-100)}.ucsf.card .card__link:focus+figure+article .l-btn--secondary,.ucsf.card .card__link:hover+figure+article .l-btn--secondary{color:var(--white);background-color:var(--secondary-color);border-color:var(--secondary-color)}.ucsf.card .card__link:focus+figure+article .l-btn--secondary svg path,.ucsf.card .card__link:hover+figure+article .l-btn--secondary svg path{fill:var(--white)}.ucsf.card--panel{padding:2rem 1rem;gap:2rem}@media screen and (min-width:991px){.ucsf.card--panel{display:flex;padding:2rem 1.5rem}}.ucsf.card--panel .card__featured-img{width:100%}@media screen and (min-width:991px){.ucsf.card--panel .card__featured-img{margin-bottom:0;max-width:9rem}}.ucsf.card--panel .card__featured-img img{aspect-ratio:303/144;width:100%}@media screen and (min-width:991px){.ucsf.card--panel .card__featured-img img{aspect-ratio:1/1}}.ucsf.card--panel article{padding:2rem 0 0}@media screen and (min-width:991px){.ucsf.card--panel article{padding:1.46875rem 0.5rem}}.ucsf.card--panel h4{margin-bottom:1rem}.ucsf.card--panel p{margin-bottom:0}@media screen and (max-width:479px){.ucsf.card--2-col{margin-bottom:2rem}}.ucsf.card--2-col .card__featured-img img{aspect-ratio:628/360}.ucsf.card--2-col article{padding:3rem 1.5rem}@media screen and (min-width:991px){.ucsf.card--2-col article{padding:3rem}}.ucsf.card--2-col h4{font-size:2rem}@media screen and (min-width:991px){.ucsf.card--2-col h4{font-size:2.5rem}}.ucsf.card--2-col p{margin-bottom:2rem}@media screen and (max-width:479px){.ucsf.card--3-col article{padding-top:1.5rem;margin-bottom:1rem}}.ucsf.card--3-col h4{margin-bottom:0.5rem}@media screen and (min-width:768px){.ucsf.card--3-col h4{margin-bottom:1rem}}.ucsf.card--3-col p{margin-bottom:1rem}@media screen and (max-width:767px){.ucsf.card--3-col-sec{margin:0}}@media screen and (max-width:767px){.ucsf.card--3-col-sec .card__featured-img img{aspect-ratio:335/240}}.ucsf.card--3-col-sec article{padding-bottom:0}@media screen and (max-width:767px){.ucsf.card--3-col-sec article{padding:1.5rem 0.5rem}}@media screen and (max-width:767px){.ucsf.card--3-col-sec article:last-child{padding-bottom:0}}.ucsf.card--3-col-sec article .alternative-title-style{font-size:1.5rem;font-weight:400}.ucsf.card--3-col-sec .card__body{padding-top:0.5rem}@media screen and (max-width:767px){.ucsf.card--3-col-sec .card__body{padding-top:0}}.ucsf.card--3-col-sec .card__body h4{font-size:1.5rem;font-weight:400}@media screen and (max-width:767px){.ucsf.card--3-col-sec .card__body h4,.ucsf.card--3-col-sec .card__body p{margin-bottom:0.5rem}}@media screen and (max-width:767px){.ucsf.card--3-col-sec .card__cta{padding-top:0.5rem}}.ucsf.card--3-col-sec h4{font-size:2rem;font-weight:300;line-height:120%;margin-bottom:0.125rem}@media screen and (min-width:991px){.ucsf.card--3-col-sec h4{font-size:2rem;margin-bottom:1rem}}.ucsf.card--3-col-sec p{margin-bottom:1rem}@media screen and (max-width:767px){.ucsf.card--3-col-sec-alternating{margin:0}}@media screen and (max-width:767px){.ucsf.card--3-col-sec-alternating .card__featured-img img{aspect-ratio:335/240}}.ucsf.card--3-col-sec-alternating article{padding-bottom:0}@media screen and (max-width:767px){.ucsf.card--3-col-sec-alternating article{padding:2rem 0.5rem}}@media screen and (max-width:767px){.ucsf.card--3-col-sec-alternating article:last-child{padding-bottom:0}}.ucsf.card--3-col-sec-alternating .card__body{padding-top:0.5rem}@media screen and (max-width:767px){.ucsf.card--3-col-sec-alternating .card__body{padding-top:0}}.ucsf.card--3-col-sec-alternating .card__body h4{font-size:2rem;font-weight:300;margin-bottom:1rem}@media screen and (max-width:767px){.ucsf.card--3-col-sec-alternating .card__body h4{font-size:1.75rem;margin-bottom:1rem}}@media screen and (max-width:767px){.ucsf.card--3-col-sec-alternating .card__body p{margin-bottom:0.5rem}}@media screen and (max-width:767px){.ucsf.card--3-col-sec-alternating .card__cta{padding-top:0.5rem}}.ucsf.card--3-col-sec-alternating h4{font-size:2rem;font-weight:300;line-height:120%;margin-bottom:0.125rem}@media screen and (min-width:991px){.ucsf.card--3-col-sec-alternating h4{font-size:2rem;margin-bottom:1rem}}.ucsf.card--3-col-sec-alternating p{margin-bottom:1rem}.ucsf.card--3-col-tertiary .card__featured-img img{aspect-ratio:335/320}@media screen and (min-width:991px){.ucsf.card--3-col-tertiary .card__featured-img img{aspect-ratio:410/320}}.ucsf.card--3-col-tertiary article{padding:1.5rem 1rem}.ucsf.card--4-column-content .tag{font-size:1.125rem}.ucsf.card--4-column-content .card__featured-img{position:relative;aspect-ratio:335/176}.ucsf.card--4-column-content .card__featured-img img{aspect-ratio:302/176}.ucsf.card--4-column-content article{padding:1.3125rem 0 0.875rem}@media screen and (max-width:767px){.ucsf.card--4-column-content article{padding:1rem 0 0.875rem}}.ucsf.card--carousel{display:flex;flex-direction:column;flex-wrap:nowrap;height:100%;background-color:var(--white)}.ucsf.card--carousel .card__featured-img img{aspect-ratio:320/160}.ucsf.card--carousel article{padding:1.5rem 1rem;display:flex;flex-direction:column;flex-wrap:nowrap;flex-grow:1}.ucsf.card--carousel article p{display:-webkit-box;overflow:hidden;-Webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:2.375rem}.ucsf.card--carousel .card__body{flex-grow:1}.ucsf.card--carousel h4{margin-bottom:1.5rem;font-weight:400;display:-webkit-box;overflow:hidden;-Webkit-box-orient:vertical;-webkit-line-clamp:3}.ucsf.card--carousel .l-btn--secondary{padding-inline:0.625rem}.ucsf.card--research-carousel{display:flex;flex-direction:column;flex-wrap:nowrap;height:100%;background-color:var(--white)}.ucsf.card--research-carousel .card__featured-img img{aspect-ratio:320/160}.ucsf.card--research-carousel article{padding:1.5rem 1rem;display:flex;flex-direction:column;flex-wrap:nowrap;flex-grow:1}.ucsf.card--research-carousel article p{margin-bottom:2.5rem}.ucsf.card--research-carousel .card__body{flex-grow:1}.ucsf.card--research-carousel h4{margin-bottom:0.5rem;font-weight:400;display:-webkit-box;overflow:hidden;-Webkit-box-orient:vertical;-webkit-line-clamp:3}.ucsf.card--research-carousel .l-btn--secondary{padding-inline:0.625rem;justify-content:center}.ucsf.card--4-column-article .card__featured-img{position:relative}.ucsf.card--4-column-article .card__featured-img img{aspect-ratio:335/221.85}@media screen and (min-width:991px){.ucsf.card--4-column-article .card__featured-img img{aspect-ratio:302/200}}.ucsf.card--4-column-article .card__body h4{font-weight:400;display:-webkit-box;overflow:hidden;-Webkit-box-orient:vertical;-webkit-line-clamp:2}.ucsf.card--4-column-article .card__body p{margin-bottom:1rem;display:-webkit-box;overflow:hidden;-Webkit-box-orient:vertical;-webkit-line-clamp:3}.ucsf.card--2-col-grid{height:100%;display:flex;flex-direction:column}@media screen and (max-width:767px){.ucsf.card--2-col-grid{margin-bottom:0}}.ucsf.card--2-col-grid .card__featured-img img{aspect-ratio:628/360}.ucsf.card--2-col-grid article{padding:3rem 1.5rem}@media screen and (min-width:991px){.ucsf.card--2-col-grid article{display:flex;flex-direction:column;padding:3rem}}.ucsf.card--2-col-grid .tag{margin-bottom:0}.ucsf.card--2-col-grid h4{font-size:2rem}@media screen and (min-width:991px){.ucsf.card--2-col-grid h4{font-size:2.5rem;margin-bottom:1.5rem}}.ucsf.card--2-col-grid p{margin-bottom:2rem;display:-webkit-box;overflow:hidden;-Webkit-box-orient:vertical;-webkit-line-clamp:3}@media screen and (min-width:991px){.ucsf.card--2-col-grid .card__body{flex-grow:1}}.ucsf.card--2-col-grid .card__cta .l-btn{width:100%;justify-content:center}.ucsf.card--2-col-grid .card__cta .l-btn+.l-btn{justify-content:center;margin-top:1rem}.ucsf.card--2-col-grid .card__cta .l-btn i{right:5.75rem}.ucsf.card--2-col-grid .card__cta .l-btn:hover i{right:3.9375rem}@media screen and (min-width:991px){.ucsf.card--2-col-grid .card__cta{display:flex;gap:1.5rem}.ucsf.card--2-col-grid .card__cta .l-btn+.l-btn,.ucsf.card--2-col-grid .card__cta a{margin-top:0}}@media screen and (min-width:991px){.ucsf.card--3-col-cards-event article{padding:2.5rem 1.5rem}}.ucsf.card--3-col-cards-event .event-block{padding-left:0}@media screen and (max-width:767px){.ucsf.card--3-col-cards-event .event-block .event-loc{display:none}}.ucsf.card--row{margin-bottom:5rem}@media screen and (min-width:991px){.ucsf.card--row{display:flex}}.ucsf.card--row .card__featured-img img{aspect-ratio:335/320;width:100%}@media screen and (min-width:991px){.ucsf.card--row .card__featured-img img{aspect-ratio:845/520}}@media screen and (max-width:767px){.ucsf.card--row article{border:0.0625rem solid var(--gray-100)}}@media screen and (min-width:991px){.ucsf.card--row article{padding:4.125rem 0 4.125rem 2rem;max-width:32.109%;flex-basis:32.109%}}.ucsf.card--row article h4{font-size:2rem;font-weight:400;margin-bottom:1rem}.ucsf.card--3-col-row-grid .card__featured-img{position:relative}.ucsf.card--3-col-row-grid .card__featured-img img{aspect-ratio:410/277}.ucsf.card--3-col-row-grid article{padding:1.5rem}.ucsf.card--3-col-row-grid h4{font-size:1.5rem;font-weight:400}.ucsf.card--3-col-row-grid p{margin-bottom:2rem;display:-webkit-box;overflow:hidden;-Webkit-box-orient:vertical;-webkit-line-clamp:2}.ucsf.card--events{padding:2rem 1rem;gap:2rem}@media screen and (min-width:991px){.ucsf.card--events{display:flex;padding:2rem 1.5rem}}.ucsf.card--events .card__featured-img{width:100%}@media screen and (min-width:991px){.ucsf.card--events .card__featured-img{margin-bottom:0;max-width:9rem}}.ucsf.card--events .card__featured-img img{aspect-ratio:303/144;width:100%}@media screen and (min-width:991px){.ucsf.card--events .card__featured-img img{aspect-ratio:1/1}}.ucsf.card--events .card__featured-img .field img{object-fit:cover;object-position:center}.ucsf.card--events article{padding:2rem 0 0}@media screen and (min-width:991px){.ucsf.card--events article{padding:0 0.5rem}}.ucsf.card--events h4{margin-bottom:1rem;font-weight:400}.ucsf.card--events ul{padding-left:0}.ucsf.card--events p{margin-bottom:0}@media screen and (max-width:767px){.ucsf.card--events .card__body .event-block{flex-direction:column;align-items:flex-start}}.ucsf.card--faculty .card__featured-img{position:relative}.ucsf.card--faculty .card__featured-img img{aspect-ratio:155.5/155.5}@media screen and (min-width:991px){.ucsf.card--faculty .card__featured-img img{aspect-ratio:304/304}}.ucsf.card--faculty h4{margin-bottom:0.5rem;font-weight:400}.event-block{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}.card-list{list-style:none;padding-left:0}.card-list li:nth-child(2n):not(.icon-text){background-color:var(--gray-100)}.upcoming-details li{list-style:none}
/*# sourceMappingURL=card.css.map */