.c-nav__wrap { .c-nav.static & { background-color: transparent; backdrop-filter: none; border: none; } } .c-nav__logo { .c-nav.static & { filter: invert(1); } } .c-nav__menu-button { .c-nav.static & { background-color: transparent; border: 1px solid rgba(255, 255, 255, .5) } } .l-section { &[data-image-focus="top"] { .l-section__background { // default } } &[data-image-focus="center"] { .l-section__background { object-position: center center; } } &[data-image-focus="bottom"] { .l-section__background { object-position: bottom center; } } } .o-image { &[data-aspect-ratio='ar3x1'] { aspect-ratio: (3 / 1); } &[data-aspect-ratio='ar3x2'] { aspect-ratio: 3 / 2; } &[data-aspect-ratio='ar2x3'] { aspect-ratio: 2 / 3; } &[data-aspect-ratio='ar1x1'], &[data-aspect-ratio='ar1'] { aspect-ratio: 1; } &[data-aspect-ratio='ar16x9'] { aspect-ratio: 16 / 9; } &[data-aspect-ratio='ar4x3'] { aspect-ratio: 4 / 3; } &[data-aspect-ratio='ar3x4'] { aspect-ratio: 3 / 4; } &[data-aspect-ratio='auto'] { aspect-ratio: unset; height: auto; .o-image__img { position: static; } } &[data-image-align='top left'] { .o-image__img { object-position: top left; } } &[data-image-align='top center'] { .o-image__img { object-position: top center; } } &[data-image-align='top right'] { .o-image__img { object-position: top right; } } &[data-image-align='center left'] { .o-image__img { object-position: center left; } } &[data-image-align='center center'] { .o-image__img { object-position: center center; } } &[data-image-align='center right'] { .o-image__img { object-position: center center; } } &[data-image-align='bottom left'] { .o-image__img { object-position: bottom left; } } &[data-image-align='bottom center'] { .o-image__img { object-position: bottom center; } } &[data-image-align='bottom right'] { .o-image__img { object-position: bottom right; } } } p { a { color: var(--color--grey); } } // Accordion Item .o-accordion-item__trigger { &.w--open { .o-accordion-item__trigger-icon-vert { transform: scaleY(0); } } } // LOCATION LINKS .o-campus-links__button { // last item or next item is hidden &:last-child, &:has(+ [href="#"]){ border-right-width: 0 !important; border-bottom-width: 0 !important; } &[href="#"] { display: none !important; } } // VIDEO CARD .o-video-card { &[href="#"] { cursor: default; } }
Watch
Locations
Give
About Us
Easter
Menu
Church of the City
Close Menu
Plan a Visit
Watch Online
Give
Events
The Village
Easter
About
Vision & Beliefs
The Village
Our Staff
Elders
Watch
Messages
COTC Daily
Get Involved
Upcoming Events
Community Groups
Volunteer
Become a Stakeholder
Baptism
Ministries
Community Groups
Alpha
City Friends
College & Young Adults
Men
Women
City Students
KidCity
Care & Support
Prayer
Volunteer
Wrap Around
Cars
Marriage
Freedom Prayer
Pastoral Care
Resources
Missional Partners
Formation Journal
Parents
Outreach
Join Our Team
Locations
Franklin
828 Murfreesboro Rd.
Franklin, TN 37064
Email
(615) 465-5000
Downtown
601 4th Ave S.
Nashville, TN 37210
Email
(615) 465-5003
Spring Hill
4910 Main St.
Spring Hill, TN 37174
Email
(615) 465-5000
Nolensville
1600 Summerlyn Dr
Nolensville, TN 37135
Email
Link
Messages
Church of the City
Messages
Franklin
Crucifixion Sunday | Derek Bareman | March 29
Play Video
Franklin
Franklin is Live Now
Live at:
8am, 9:45am, 11:30am
Watch Live
Downtown
The King We Want... And the King We Need | Matt Smallbone | March 29
Play Video
Downtown
Downtown Live Now
Live at:
9am, 11am
Watch Live
Spring Hill
Could You Not Keep Watch with Me for One Hour? | Jen Smith | March 22
Play Video
Spring Hill
Spring Hill is Live Now
Live at:
9am, 11am
Watch Live
.c-hero { &[data-min-height='vh85'] { min-height: 85vh; } &[data-min-height='vh55'] { min-height: 55vh; } } .c-hero__content-card { &.live, &.hide { display: none; } &.live.show { display: block; } } .c-hero__content-card-list-item { &.live { .o-button-play { color: var(--color--live); } } }
Messages
Live Schedule
Watch any service online
Find your preferred service time and check back here to watch live.
Franklin
8am, 9:45am, 11:30am
Downtown
9am, 11am
Spring Hill
9am, 11am
.c-location-grid__item { &:nth-child(4) { @media screen and (min-width: 769px) { grid-column-end: span 3; } } }
Franklin
Past Messages
Downtown
Past Messages
Spring Hill
Past Messages
.jpg)
.jpg)