/* ----------------------------------------- */ /* View slug: frontpage-video-cards - start */ /* ----------------------------------------- */ /* BEGIN SCROLLING VIDEO CARD SECTION */ .scrolling-wrapper-flexbox .card { box-shadow:0 0 1vw 0 rgba(0,0,0,0.5); border-radius:1vw; background-color:white; margin:20px 10px; width:27vw; } .scrolling-wrapper-flexbox .card.featured { width:52vw; } .scrolling-wrapper-flexbox .cardvideo { width:27vw; margin:0; padding:0; border-radius: 1vw; vertical-align:bottom; } .scrolling-wrapper-flexbox .cardvideo.featured { width:52vw; border-radius: 1vw 1vw 0 0; } .scrolling-wrapper-flexbox .js-wpv-view-layout { flex-shrink:0; flex-basis:auto; } .scrolling-wrapper-flexbox .card-big-wrapper { flex-shrink:0; flex-basis:auto; margin-left:6vw; } .scrolling-wrapper-flexbox .card-small-wrapper { flex-shrink:0; flex-basis:auto; } .scrolling-wrapper-flexbox { padding:20px 0; display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y:hidden; -webkit-overflow-scrolling: touch; } .scrolling-wrapper-flexbox .card { flex: 0 0 auto; } .scrolling-wrapper-flexbox .cardinfo { margin:0; padding:0 10px 0 15px; display:flex; align-items:center; line-height:1.3; overflow-y:hidden; max-height:0; transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .scrolling-wrapper-flexbox .featured .cardinfo { max-height:200px; } .scrolling-wrapper-flexbox .card:hover .cardvideo { border-radius: 1vw 1vw 0 0; } .scrolling-wrapper-flexbox .card:hover .cardinfo{ max-height:300px; } .scrolling-wrapper-flexbox .cardinfo-left { padding:6px 0 11px 0; } .scrolling-wrapper-flexbox .cardinfo-right{ margin-left:auto; } .scrolling-wrapper-flexbox .cardinfo-title { font-size:1.1em; color:rgba(0,0,0,0.9); } .scrolling-wrapper-flexbox .cardinfo-byline { font-size:0.75em; letter-spacing:0.03em; color:rgba(0,0,0,0.8); } .scrolling-wrapper-flexbox .cardinfo-btn { display:inline-block; -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; color: #ffffff; background: #005dab; padding: 7px 15px 7px 15px; border: solid #004680 1px; text-decoration: none; text-align:center; white-space:nowrap; } .scrolling-wrapper-flexbox .cardinfo-btn:hover { background: #004c8a; color: rgba(255,255,255,0.95); text-decoration: none; } @media only screen and (max-width : 768px) { .scrolling-wrapper-flexbox .cardinfo { flex-flow:column; overflow-y:visible; max-height:300px; max-width:68vw; } .scrolling-wrapper-flexbox .cardvideo.featured { width:68vw; } .scrolling-wrapper-flexbox .featured .cardinfo { max-height:300px; } .scrolling-wrapper-flexbox .card:hover .cardinfo { max-height:300px; } .scrolling-wrapper-flexbox .cardinfo-left { flex:auto; margin-bottom:auto; flex-shrink:0; flex-basis:auto; } .scrolling-wrapper-flexbox .cardinfo-right { margin-left:inherit; margin-top:auto; flex:1; flex-shrink:0; flex-basis:auto; } .scrolling-wrapper-flexbox .cardinfo-right .cardinfo-btn { margin:15px auto; } .scrolling-wrapper-flexbox .card-small-wrapper { display:flex; } .scrolling-wrapper-flexbox .card-small-wrapper .card { align-self:flex-start; } .scrolling-wrapper-flexbox .cardvideo { width:68vw; border-radius: 1vw 1vw 0 0; } .scrolling-wrapper-flexbox .card { margin:5px; width:68vw; } .scrolling-wrapper-flexbox .card.featured { margin-left:10px; width:68vw; } .scrolling-wrapper-flexbox .cardinfo-left { padding:10px 10px 0 10px; } /* END SCROLLING VIDEO CARD SECTION */ /* ----------------------------------------- */ /* View slug: frontpage-video-cards - end */ /* ----------------------------------------- */

You can join a live online experience right now!

You can join a live online experience right now!

About

Life Stages

More

Resources

You can join a live online experience right now!

You can join a live online experience right now!

February 1

Sat

adults

Heart & Soul Parenting Conference

June 13

students

Student Camps 2020