.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-linls__button {
&:last-child {
border-right: none !important;
border-bottom: none !important;
}
} 
.c-hero {
&[data-min-height="900"] {
min-height: 900px;
}
&[data-min-height="600"] {
min-height: 600px;
}
&[data-min-height="400"] {
min-height: 400px;
}
}
Care & Support
Parent Resources
Contact
info@churchofthecity.com