html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Fontello;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57167b06aa16efd13dfe89c3_fontello.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57167b06aa16efd13dfe89c2_fontello.woff") format("woff"), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57167b06aa16efd13dfe89c0_fontello.ttf") format("truetype"), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57167b06aa16efd13dfe89c1_fontello.svg") format("svg");
font-weight: 400;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: Avenir;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e5ea90839b80a05105ffd03_Avenir-Black.woff") format("woff");
font-weight: 900;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: Avenir;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e5ea9128293fd6ef17b3c61_Avenir-BlackOblique.woff") format("woff");
font-weight: 900;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: Avenir;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e5ea921eee58219edf290f7_Avenir-Book.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: Avenir;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e5ea94256e82f8247e815c2_Avenir-BookOblique.woff") format("woff");
font-weight: 500;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: Avenir;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e5ea94c56e82f36c5e81730_Avenir-Heavy.woff") format("woff");
font-weight: 800;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: Avenir;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e5ea95e552a6001e7ce01b3_Avenir-HeavyOblique.woff") format("woff");
font-weight: 800;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: Avenir;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e5ea96939b80a459b5ffe70_Avenir-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: Avenir;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e5ea971552a60bfb1ce0231_Avenir-LightOblique.woff") format("woff");
font-weight: 300;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: Avenir;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e5ea97a8293fd42187b3f41_Avenir-Medium.woff") format("woff");
font-weight: 600;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: Avenir;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e5ea98385ba3ff1e550b4d6_Avenir-MediumOblique.woff") format("woff");
font-weight: 600;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: Avenir;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e5ea98df434f218909689ea_Avenir-Oblique.woff") format("woff");
font-weight: 400;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: Avenir;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e5ea9d1eee5822098f2951b_Avenir-Roman.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: Fontello2;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5eaa0134657eb3f138a8d124_fontello2.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: Tan Mon Cheri;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/65f9d89b3f4e9e35d6dafa26_TAN%20-%20MON%20CHERI.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Amug;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/6412271cb9c96d551eec378c_Amug-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Strassenbahn;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/65395b275fcccc70d2957a95_2%20-%20Secondary%20Font%20Strassenbahn.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: Premint;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/65664aa56cc477948b8a22ef_premint-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Premint;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/65664aa56cc477948b8a22ef_premint-Regular.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Premint;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/65664aa56cc477948b8a22ef_premint-Regular.ttf") format("truetype");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Kobe;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/65395b27b6b06d67a3b39b35_1%20-%20Prime%20Font%20Kobe1.1-Black.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: Acuminvariable;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/65664b1509ff03c5c7292cba_AcuminVariableConcept.otf") format("opentype");
font-weight: 100 900;
font-style: normal;
font-display: auto;
}
@font-face {
font-family: Acuminvariable;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/65664b1509ff03c5c7292cba_AcuminVariableConcept.otf") format("opentype");
font-weight: 100 900;
font-style: italic;
font-display: auto;
}
@font-face {
font-family: Sailingclub;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/67f816b415bd53d46a7a9108_SailingClub-Italic.otf") format("opentype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Sailingclub;
src: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/67f816b4a5ca4b2f40ae6297_SailingClub-Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--f14-black: #15161a;
--white: white;
--f14-off-white: #f3f3f2;
--five14-pink: #e01f4e;
--v3-brown: #8d6343;
--ltbl-black: #231f20;
--dark-slate-gray: #4e4e4e;
--crimson: #df214e;
--we-could-pink: #e26c9d;
--we-could-blue: #48a1af;
--we-could-orange: #e88931;
--we-could-green: #84c555;
--christmas23-grey: #94928a;
--warm-white: #fcfaf7;
--dark-green: #676f5d;
--light-brown: #d6c7b7;
--five14-orange: #e08715;
--new-five14-gold: #fbb040;
--five14-gold-contrast: #dd972f;
--midnight-blue: #282560;
--steel-blue: #1b7dc8;
--christmas23-ivory: ivory;
--medium-brown: #b6926e;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
outline-offset: 2px;
border-radius: 50%;
outline: 2px solid #3b79c3;
}
h2 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 32px;
font-weight: 700;
line-height: 36px;
}
p {
margin-bottom: 15px;
}
a {
color: var(--f14-black);
}
a:hover {
color: #242529;
}
img {
max-width: 100%;
display: inline-block;
}
strong {
font-weight: 700;
}
.nav-logo {
float: left;
margin-right: 10px;
}
.navbar {
background-color: #0000;
height: 114px;
display: inline;
position: absolute;
top: 0;
left: 0;
right: 0;
overflow: visible;
}
.nav-menu {
z-index: 10;
text-align: center;
background-color: #000000e0;
padding-top: 90px;
padding-bottom: 90px;
display: none;
position: fixed;
inset: 0;
}
.nav-logo-link {
z-index: 12;
position: fixed;
top: 29px;
left: 20px;
}
.nav-logo-link.w--current {
position: fixed;
top: 16px;
left: 15px;
overflow: visible;
}
.full-height-section {
width: 100%;
height: 100vh;
padding: 60px 25px;
display: block;
position: relative;
}
.full-height-section.home-feature {
text-align: center;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
min-height: 50vw;
max-height: 100vh;
display: none;
position: relative;
}
.full-height-section.about {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/620e6667b2109f32104aa75f_About%20us%202-1.png");
background-position: 0 100%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
}
.full-height-section.first-visit {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/676339f117b57e9ef2690fbe_first%20time%20background.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.full-height-section.watch {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5888edbdd61795123f81fff3_Watch.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.full-height-section.series {
text-align: center;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
display: none;
}
.full-height-section.events-smaller-header {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57167b06aa16efd13dfe89d7_events-bg.jpg");
background-position: 50% 35%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
min-height: 40vh;
}
.full-height-section.events {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57167b06aa16efd13dfe89d7_events-bg.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.full-height-section.children {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57167b06aa16efd13dfe89f1_five14-kids-header.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
display: none;
}
.full-height-section.students {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57167b06aa16efd13dfe8a13_students.jpg");
background-position: 50%;
background-size: cover;
background-attachment: fixed;
justify-content: center;
align-items: center;
display: flex;
}
.full-height-section.connect {
background-image: linear-gradient(#00000036, #0000), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/58b72e8e721fc45f05e04a7a_IMG_4966_1920.jpg");
background-position: 0 0, 50% 100%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, fixed;
justify-content: center;
align-items: center;
display: flex;
}
.full-height-section.baptism {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57167b06aa16efd13dfe89ff_baptism-section.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
justify-content: center;
align-items: center;
display: flex;
}
.full-height-section.contact {
background-image: radial-gradient(circle closest-corner, #00000036, #0000001f), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57167b06aa16efd13dfe8a32_newsletter.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, fixed;
justify-content: center;
align-items: center;
display: flex;
}
.full-height-section.care {
background-image: radial-gradient(circle, #00000030, #0000001f), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57167b06aa16efd13dfe8a18_supervision.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
background-attachment: scroll, fixed;
justify-content: center;
align-items: center;
display: flex;
}
.full-height-section.give {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/58c6fcc3a5aa375d17544814_giving%20hero.png");
background-position: 50%;
background-size: cover;
justify-content: center;
align-items: center;
display: flex;
}
.full-height-section.mini {
height: 100vh;
min-height: 0;
padding-top: 0;
padding-bottom: 0;
}
.full-height-section.rightnow {
text-align: center;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57167b06aa16efd13dfe8a3b_rightnow-bg.jpg");
background-position: 50%;
background-size: cover;
background-attachment: fixed;
justify-content: center;
align-items: center;
display: flex;
}
.full-height-section.easter16 {
text-align: center;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57167b06aa16efd13dfe89f8_uprising-bg.jpg");
background-position: 50%;
background-size: cover;
background-attachment: fixed;
justify-content: center;
align-items: center;
display: flex;
}
.full-height-section.band {
text-align: center;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5d28a1870c377da8e71cd5f1_HSNLandingPageFinal.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-top: 85px;
padding-bottom: 85px;
display: flex;
position: static;
}
.full-height-section.social {
text-align: center;
background-color: #0098ff;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/586d682f987619c236485fca_EXPRESSINGANightOfWorship_BG.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
height: 650px;
min-height: 0;
max-height: 650px;
margin-top: 0;
display: flex;
position: relative;
}
.full-height-section.campspark-intro {
text-align: center;
background-color: #30309e;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
background-attachment: scroll;
min-height: 100vh;
position: relative;
}
.full-height-section.camp-spark-video {
text-align: center;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/573caf90103e63f747af8a55_Camp%20Spark%20video%20background_crop.jpg");
background-position: 50%;
background-size: cover;
max-width: 100%;
height: 668px;
min-height: 1vh;
display: block;
position: static;
}
.full-height-section.christmas-ep-hero {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5848796b5f6cf731240202e0_emmanuel-background.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 0;
padding-bottom: 20px;
}
.full-height-section.christmas-rhyme-landing-page {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5a15859e7050e6000126cb3d_UnexpectedFinal1920x1080_background.jpg");
background-position: 0 0;
background-size: 960px;
flex-wrap: nowrap;
align-items: center;
display: flex;
}
.full-height-section.new-years-day {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/59aae4857ba794000106e592_RedBlueColumbus.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: none;
}
.full-height-section.header-graphic {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/58b7298bffa7891d6aadaba5_home%20main%20image.jpg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
flex-direction: row;
align-items: center;
display: flex;
}
.full-height-section.sermon-archive {
display: none;
}
.full-height-section.sermon-landing-page {
background-image: none;
}
.full-height-section.serves-header-mobile {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/599ced794809c3000176a3a0_five14%20serves%20main%20graphic.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 90vh;
padding-bottom: 30px;
}
.full-height-section.serves-header-mobile.one17-ld {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/59f0dbbeffa06300013a6b86_One17InternationalLibraryDrive2.jpg");
background-position: 50%;
background-size: cover;
}
.full-height-section.groups {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5d37439a2357638c89524b4b_Five14Groups1920x1080%20blank.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.full-height-section.groups.desktop {
background-position: 50%;
background-attachment: scroll;
position: static;
overflow: hidden;
}
.full-height-section.groups.mobile {
display: none;
}
.full-height-section.special-event-hero {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5a15859e7050e6000126cb3d_UnexpectedFinal1920x1080_background.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: row;
align-items: center;
height: 100vh;
display: none;
position: relative;
}
.full-height-section.new-header-graphic {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5b84583540f0e1c2d30133e3_hero%20image.jpg");
background-position: 50%;
background-size: cover;
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: none;
}
.full-height-section.easter {
background-image: none;
height: auto;
margin-top: 80px;
padding: 0;
}
.full-height-section.servecbus {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/6661f88e7ab4be53bb269cc7_Main%20Background.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.full-height-section.sss {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/6480dd677cb8b315176e765a_SSS%20background.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
justify-content: center;
align-items: center;
height: 100vh;
margin-bottom: 10px;
display: flex;
}
.full-height-section.first-time {
background-image: radial-gradient(circle closest-corner, #00000036, #0000001f), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/6734d6c8af60aede4f2ce661_first%20time%20here.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, fixed;
justify-content: center;
align-items: center;
display: flex;
}
.white-outline-button {
color: #fff;
text-align: center;
letter-spacing: 3.1px;
text-transform: uppercase;
background-color: #0000;
border: 2px solid #fff;
border-radius: 0;
margin-top: 5px;
margin-bottom: 5px;
padding: 8px 9px 8px 13px;
font-size: 12px;
font-weight: 400;
line-height: 16px;
text-decoration: none;
display: inline-block;
}
.white-outline-button:hover {
color: #5a5a5a;
background-color: #fff;
}
.white-outline-button.space-after-button {
border-width: 1px;
margin-right: 10px;
font-weight: 400;
}
.white-outline-button.space-after-button.get-directions {
margin-left: 0;
}
.white-outline-button.bigger {
border-radius: 28px;
margin: 0 10px;
padding: 12px 20px;
font-size: 14px;
line-height: 20px;
}
.white-outline-button.bigger.gold {
color: #df214e;
border-color: #ec2557;
height: 50px;
padding-top: 0;
padding-bottom: 0;
line-height: 48px;
}
.white-outline-button.bigger.gold:hover {
color: #000;
background-color: #fff;
}
.white-outline-button.about-current-series-button {
margin-top: 50px;
}
.white-outline-button.watch-live-button {
margin-top: 50px;
margin-bottom: 0;
}
.white-outline-button.live-bug-button {
margin: 0 0 -5px 25px;
position: relative;
top: -6px;
}
.white-outline-button.live-bug-button:hover {
color: #e08715;
}
.white-outline-button.live-bug-button.mobile-version {
display: none;
}
.white-outline-button.give {
margin: 10px 10px 0 0;
}
.white-outline-button.forgot {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.white-outline-button.login {
margin-left: 0;
margin-right: 15px;
}
.white-outline-button.download {
letter-spacing: 2.1px;
border-radius: 20px;
min-width: 120px;
margin-left: 5px;
margin-right: 5px;
font-size: 16px;
line-height: 22px;
}
.white-outline-button.register-here {
margin-right: 20px;
}
.white-outline-button.volunteer-here {
margin-left: 20px;
}
.white-outline-button.dark {
color: #df214e;
border-color: #df214e;
width: 298px;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
bottom: 70px;
left: 0;
right: 0;
}
.white-outline-button.dark:hover {
color: #4e4e4e;
background-color: #fff;
border-color: #4e4e4e;
}
.white-outline-button.dark.spaced {
color: #ca1515;
background-color: #fff;
border-color: #ca1515;
margin-left: 10px;
margin-right: 10px;
}
.white-outline-button.dark.spaced:hover {
color: #fff;
background-color: #ca1515;
border-color: #fff;
}
.white-outline-button.dark.connect-with-staff-button {
border-color: var(--f14-black);
color: var(--f14-black);
margin-bottom: 9px;
display: block;
bottom: auto;
left: 0;
right: 0;
}
.white-outline-button.dark.groups-register {
background-color: #fff;
position: static;
}
.white-outline-button.stream-live {
background-color: #ffffff26;
margin-top: 30px;
padding-left: 54px;
padding-right: 52px;
}
.white-outline-button.stream-live:hover {
background-color: #fff;
}
.white-outline-button.stream-live._2 {
padding-left: 41px;
padding-right: 38px;
}
.white-outline-button.stream-live.hero-div-button {
background-color: #0000;
margin-top: 35px;
padding: 10px 36px 10px 38px;
font-family: brandon-grotesque;
font-weight: 100;
}
.white-outline-button.stream-live.hero-div-button:hover {
color: #e01f4e;
background-color: #fff;
border-color: #e01f4e;
font-weight: 400;
}
.white-outline-button.main-event-button {
text-align: center;
background-color: #ffffff1c;
padding-left: 41px;
padding-right: 38px;
}
.white-outline-button.main-event-button:hover {
background-color: #fff;
}
.white-outline-button.main-event-button._2 {
margin-left: 12px;
margin-right: 12px;
}
.white-outline-button.white-background {
color: #df214e;
background-color: #fff;
border-color: #df214e;
width: 298px;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
bottom: 70px;
left: 0;
right: 0;
}
.white-outline-button.white-background:hover {
color: #4e4e4e;
background-color: #fff;
border-color: #4e4e4e;
}
.white-outline-button.meet-button, .white-outline-button.become-button {
padding-left: 29px;
padding-right: 26px;
}
.white-outline-button.section-button {
float: none;
clear: none;
margin-left: 25px;
margin-right: 25px;
padding-left: 28px;
padding-right: 25px;
font-family: brandon-grotesque;
}
.white-outline-button.section-button:hover {
color: #e01f4e;
border-color: #e01f4e;
}
.white-outline-button.section-button-right {
margin-left: 25px;
padding-left: 28px;
padding-right: 25px;
font-family: brandon-grotesque;
}
.white-outline-button.section-button-right:hover {
color: #e01f4e;
border-color: #e01f4e;
}
.white-outline-button.section-button-left {
margin-right: 25px;
padding-left: 28px;
padding-right: 25px;
font-family: brandon-grotesque;
}
.white-outline-button.section-button-left:hover {
color: #e01f4e;
border-color: #e01f4e;
}
.white-outline-button.multiple-buttons {
margin-left: 20px;
margin-right: 20px;
}
.white-outline-button.space-left {
background-color: #15161a82;
margin-left: 8px;
}
.white-outline-button.space-left:hover {
background-color: var(--white);
}
.white-outline-button.space-left.v2 {
margin-left: 4px;
}
.white-outline-button.space-left.v3 {
background-color: #0000;
margin-left: 0;
margin-right: 2px;
display: inline-block;
}
.white-outline-button.space-left.v3:hover {
background-color: var(--white);
}
.home-ages-link-cover {
z-index: 1;
opacity: .7;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57167b06aa16efd13dfe8a4b_home-ages-adults.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
display: block;
position: absolute;
inset: 0;
}
.home-feature-empty {
display: none;
}
.home-feature-foreground {
text-align: center;
max-width: 1000px;
display: inline-block;
}
.home-feature-button-holder {
margin-top: 50px;
}
.nav-logo-text {
float: left;
font-size: 13px;
display: inline-block;
overflow: hidden;
}
.nav-logo-text-img {
color: #ec2557;
}
.home-events-h {
color: #000;
text-align: center;
letter-spacing: 7.1px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 50px;
font-size: 18px;
line-height: 18px;
}
.home-event-group-holder {
float: left;
width: 25%;
display: inline-block;
}
.home-event-group-holder._75 {
width: 75%;
}
.home-events-content {
text-align: center;
}
.home-events-row {
width: 100%;
max-width: 970px;
display: inline-block;
}
.home-event {
width: 33.333%;
display: inline-block;
}
.home-event._100 {
width: 100%;
}
.home-event-link {
color: #000;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
display: block;
}
.home-event-link:hover {
color: #f51655;
transform: scale(1.1);
}
.home-event-text {
letter-spacing: .5px;
text-transform: uppercase;
margin-top: 15px;
font-weight: 400;
line-height: 16px;
}
.home-event-text:hover {
color: #ec2557;
}
.home-event-text.line2 {
margin-top: 0;
font-weight: 100;
}
.home-event-image {
opacity: .8;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
margin-bottom: -100%;
padding-top: 100%;
}
.home-event-cover {
background-color: #ec2557;
margin-bottom: -100%;
padding-top: 100%;
}
.home-event-image-full {
opacity: 1;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 100%;
}
.black-outline-button {
color: #000;
letter-spacing: 2.5px;
text-transform: uppercase;
background-color: #0000;
border: 2px solid #000;
border-radius: 0;
margin: 5px 25px;
padding: 8px 25px 8px 28px;
font-family: brandon-grotesque;
font-size: 12px;
font-weight: 300;
line-height: 16px;
}
.black-outline-button:hover {
color: #fff;
background-color: #000;
}
.black-outline-button.event-button {
margin: 10px 10px 0 0;
}
.black-outline-button.event-button.more-info {
margin-top: 15px;
}
.black-outline-button.event-button.detail {
text-align: center;
margin-top: 10px;
display: inline-block;
}
.black-outline-button.program-cta {
text-align: left;
margin-top: 0;
margin-bottom: 50px;
display: inline-block;
position: static;
}
.black-outline-button.pink {
color: var(--f14-black);
text-align: center;
border-color: #282560;
margin-left: 15px;
margin-right: 15px;
padding: 8px 10px 8px 13px;
font-family: Avenir, Arial, sans-serif;
display: inline-block;
position: static;
}
.black-outline-button.pink:hover {
background-color: var(--f14-black);
color: var(--white);
}
.black-outline-button.pink.space {
margin-left: 10px;
margin-right: 10px;
}
.black-outline-button.we-cant-learn-more {
margin-top: 0;
margin-bottom: 0;
}
.home-contact-top {
background-color: #282560;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
height: 332px;
display: flex;
overflow: hidden;
}
.home-map {
float: left;
flex: 1;
align-self: flex-start;
max-width: 50%;
margin-right: 50px;
display: inline-block;
}
.home-contact-info {
color: #fff;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: flex-start;
padding-top: 0;
padding-bottom: 0;
padding-right: 50px;
font-size: 15px;
font-weight: 400;
line-height: 15px;
display: flex;
}
.home-contact-h {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 25px;
margin-bottom: 5px;
font-size: 13px;
font-weight: 100;
line-height: 13px;
}
.home-contact-button-holder {
margin-top: 20px;
}
.home-events {
background-color: #fff;
padding-top: 100px;
padding-bottom: 100px;
display: none;
}
.footer {
text-align: center;
background-color: #1b1b1c;
padding-top: 50px;
padding-bottom: 30px;
}
.footer-social-link {
color: #fff;
background-color: #292929;
border: 7px solid #fff;
border-radius: 50%;
width: 125px;
height: 125px;
margin-left: 20px;
margin-right: 20px;
font-family: Fontello, sans-serif;
font-size: 50px;
line-height: 114px;
text-decoration: none;
position: relative;
}
.footer-social-link.yt {
border-width: 2px;
width: 30px;
height: 30px;
}
.footer-social-link.yt:hover {
color: #fff;
background-color: #df214e;
}
.footer-social-link.vim {
border-width: 5px;
width: 75px;
height: 75px;
margin-left: 0;
margin-right: 0;
}
.footer-social-link.vim:hover {
background-color: #51b5e7;
}
.footer-social-link.insta {
border-width: 5px;
width: 75px;
height: 75px;
}
.footer-social-link.insta:hover {
background-color: #df214e;
}
.footer-social-link.fb {
border-width: 5px;
width: 75px;
height: 75px;
}
.footer-social-link.fb:hover {
background-color: #df214e;
}
.footer-social-link.tw {
border-width: 5px;
width: 75px;
height: 75px;
}
.footer-social-link.tw:hover {
background-color: #df214e;
}
.footer-social-link.tw2 {
border-width: 2px;
width: 40px;
height: 40px;
display: inline-block;
}
.footer-social-link.tw2:hover {
background-image: linear-gradient(#b90c0c, #b90c0c);
}
.footer-social-link.fb2 {
border-width: 2px;
width: 40px;
height: 40px;
font-size: 25px;
line-height: 88px;
}
.footer-social-link.fb2:hover {
background-image: linear-gradient(#b90c0c, #b90c0c);
}
.footer-social-link.insta2 {
border-width: 2px;
width: 40px;
height: 40px;
line-height: 88px;
display: inline-block;
}
.footer-social-link.insta2:hover {
background-image: linear-gradient(#b90c0c, #b90c0c);
}
.menu-heading {
color: #fff;
text-align: left;
letter-spacing: 1.5px;
text-transform: uppercase;
background-color: #282560;
margin: 0 10px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 10px;
font-size: 15px;
font-weight: 700;
line-height: 20px;
}
.menu-link {
color: #fff;
text-align: left;
margin-left: 10px;
margin-right: 10px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 8px;
font-size: 16px;
text-decoration: none;
display: block;
}
.menu-link:hover {
color: #df214e;
background-color: #fff;
}
.menu-row-1 {
margin-bottom: 40px;
display: block;
}
.menu {
z-index: 13;
clear: none;
color: #0000;
text-align: left;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
width: 30px;
height: 25px;
display: flex;
position: absolute;
top: 15px;
right: 25px;
}
.menu:hover {
opacity: .65;
background-color: #0000;
}
.menu-social {
color: #df214e;
background-color: #0000;
border: 2px solid #ec2557;
border-radius: 50%;
width: 50px;
height: 50px;
margin-left: 10px;
margin-right: 10px;
padding: 0 12px;
font-family: Fontello, sans-serif;
font-size: 20px;
line-height: 48px;
text-decoration: none;
display: inline-block;
overflow: hidden;
}
.menu-social:hover {
color: #000;
background-color: #fff;
}
.menu-buttons-right {
float: right;
display: block;
}
.menu-buttons-left {
float: left;
}
.menu-bottom {
margin-bottom: 0;
margin-left: 15px;
margin-right: 15px;
padding-top: 40px;
position: static;
bottom: 0;
left: 0;
right: 0;
}
.menu-holder {
width: 100%;
max-width: 850px;
display: inline-block;
}
.hero-headline {
color: #fff;
text-align: center;
letter-spacing: .3vw;
margin-top: 0;
margin-bottom: 0;
font-family: Avenir, Arial, sans-serif;
font-size: 10vw;
line-height: 15vw;
}
.hero-headline.contact {
font-size: 12vw;
}
.hero-headline.care {
font-size: 10vw;
line-height: 10vw;
}
.hero-headline.watch {
text-align: left;
margin-bottom: 68px;
}
.hero-headline.dark {
color: #fff;
}
.hero-headline.first-time {
font-size: 7vw;
line-height: 7vw;
}
.about-h-smaller {
margin-right: 6px;
font-size: 8vw;
line-height: 18vw;
position: relative;
top: -4vw;
}
.gold {
color: var(--f14-black);
}
.white-content-section {
color: #4e4e4e;
text-align: center;
background-color: #fff;
padding-top: 100px;
padding-bottom: 100px;
font-size: 19px;
line-height: 30px;
display: block;
}
.white-content-section.meet-five14 {
background-color: #e01f4e;
padding-top: 0;
padding-bottom: 0;
}
.white-content-section.small-groups-video-section {
padding-top: 0;
}
.white-content-section.two {
display: none;
}
.white-content-section.groups {
flex-flow: column wrap;
place-content: space-around center;
align-items: center;
padding-top: 80px;
display: flex;
overflow: hidden;
}
.white-content-h {
color: #fff;
text-align: center;
letter-spacing: 16px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 12px;
font-size: 52px;
font-weight: 400;
line-height: 52px;
}
.white-content-h.program-h {
color: var(--f14-black);
text-align: center;
letter-spacing: 11px;
margin-left: auto;
margin-right: auto;
font-size: 46px;
font-weight: 400;
display: block;
}
.white-content-h.program-h.five14-serves-header {
margin-top: 60px;
margin-bottom: 50px;
}
.white-content-h.program-h.campus-crusade-h3, .white-content-h.program-h.roosevelt-h3, .white-content-h.program-h.stowe-mission-h3, .white-content-h.program-h.project-117-h3 {
color: var(--f14-black);
letter-spacing: 2px;
margin-top: 20px;
font-size: 27px;
}
.white-content-h.program-h.five14-serves-form-header {
color: #fff;
letter-spacing: 3px;
width: 80%;
max-width: 1000px;
margin-top: 60px;
margin-bottom: 50px;
font-size: 36px;
}
.white-content-h.program-h.ld-wishlist-h1 {
margin-top: 25px;
margin-bottom: 65px;
}
.white-content-h.program-h.vertical-196-h3 {
color: #e01f4e;
letter-spacing: 2px;
margin-top: 20px;
font-size: 27px;
}
.white-content-h.program-h.hsn {
margin-bottom: 70px;
font-family: Karla, sans-serif;
}
.white-content-h.contact {
color: var(--f14-black);
letter-spacing: 6px;
font-size: 42px;
}
.white-content-h.pink {
color: var(--f14-black);
text-align: center;
margin-bottom: 60px;
}
.white-content-h.purple {
color: var(--f14-black);
}
.white-content-h.smaller-giving-title {
letter-spacing: 14px;
font-size: 34px;
}
.white-content-h.dark {
color: var(--f14-black);
}
.white-content-copy.who-we-are-copy {
color: #000;
max-width: 430px;
display: inline-block;
}
.white-content-copy.what-to-expect {
text-align: center;
max-width: 660px;
margin-left: auto;
margin-right: auto;
padding-bottom: 30px;
font-family: Karla, sans-serif;
display: block;
}
.white-content-copy.joel-copy {
max-width: 620px;
margin-bottom: -15px;
display: inline-block;
}
.white-content-copy.baptism {
max-width: 720px;
display: inline-block;
}
.white-content-copy.help-copy {
max-width: 780px;
display: inline-block;
}
.white-content-copy.uprising {
font-size: 18px;
line-height: 31px;
}
.white-content-copy.welcome-to-copy {
color: #000;
padding-top: 20px;
display: block;
}
.image-headline-section {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57167b06aa16efd13dfe8a4c_leadership%20team.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
justify-content: center;
align-items: center;
min-height: 33vw;
padding: 50px 20px;
display: flex;
}
.image-headline-section.baptism {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57167b06aa16efd13dfe89ff_baptism-section.jpg");
background-size: cover;
}
.image-headline-section.joel {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/620e6565935d47703f9e6a0e_IMG_4407%20(1).jpg");
background-size: cover;
display: block;
}
.image-headline-section.newsletter {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57167b06aa16efd13dfe8a14_newsletter.jpg");
background-position: 50%;
background-size: cover;
justify-content: center;
align-items: center;
display: none;
}
.image-headline-section.what-we-believe {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57167b06aa16efd13dfe8a45_what%20we%20believe.jpg");
background-size: cover;
justify-content: center;
align-items: center;
display: flex;
}
.image-headline-section.campus-crusade-header, .image-headline-section.the-roosevelt-header, .image-headline-section.stowe-mission-header, .image-headline-section.project-117-header, .image-headline-section.vertical196-header {
background-image: linear-gradient(to bottom, var(--f14-black), var(--f14-black));
}
.image-headline-h {
text-align: center;
letter-spacing: 5.1px;
font-family: Avenir, Arial, sans-serif;
font-size: 88px;
line-height: 88px;
display: block;
}
.about-current-series {
text-align: center;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
height: 40vw;
min-height: 300px;
position: relative;
}
.about-current-series-content {
max-width: 900px;
margin-left: auto;
margin-right: auto;
padding-left: 50px;
padding-right: 50px;
display: block;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
}
.about-current-series-tag {
color: #fff;
letter-spacing: 1.1px;
background-color: #df214e;
padding-left: 10px;
padding-right: 10px;
font-family: bebas-neue;
font-size: 28px;
line-height: 36px;
display: inline-block;
position: absolute;
top: 30px;
left: 0;
box-shadow: 1px 1px 3px #0000007a;
}
.about-current-series-tag.tips {
color: #282560;
background-color: #fff;
}
.watch-current-left {
float: left;
width: 66.6%;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 40px;
display: inline-block;
}
.inline {
display: inline;
}
.inline.event-day {
margin-left: 4px;
font-weight: 700;
}
.inline.spaceafter {
padding-right: 6px;
}
.watch-current-series-part {
letter-spacing: 1.1px;
text-transform: uppercase;
margin-bottom: 25px;
font-size: 16px;
font-weight: 700;
line-height: 23px;
}
.watch-current-title {
color: #a8a8a8;
letter-spacing: 1.1px;
margin-top: 0;
margin-bottom: 0;
font-family: bebas-neue;
font-size: 44px;
font-weight: 400;
line-height: 44px;
}
.watch-current-right {
float: right;
width: 33.4%;
padding: 10px 50px 10px 0;
display: block;
}
.watch-current-series-descrip {
margin-bottom: 20px;
}
.watch-current {
color: #000;
background-color: #fff;
display: block;
position: relative;
}
.watch-current-link {
text-decoration: none;
}
.watch-subscribe {
text-align: center;
background-color: #000;
justify-content: center;
align-items: center;
min-height: 50vh;
padding: 30px;
display: flex;
}
.watch-live {
text-align: center;
background-color: #df214e;
justify-content: center;
align-items: center;
min-height: 50vh;
padding: 30px;
display: flex;
}
.watch-current-content {
color: #000;
text-align: left;
background-color: #e4e4e4;
margin-top: 20px;
padding: 25px;
}
.watch-current-tag {
z-index: 2;
float: right;
color: #fff;
letter-spacing: 1.1px;
text-transform: uppercase;
background-color: #df214e;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding: 1px 10px 1px 12px;
font-size: 20px;
font-weight: 700;
line-height: 28px;
display: inline-block;
position: absolute;
top: 30px;
right: 0;
box-shadow: 1px 1px 3px #00000070;
}
.watch-current-video {
border: 1px solid #e4e4e4;
}
.about-current-series-image {
float: left;
max-height: 300px;
margin-right: 10px;
}
.watch-subscribe-h {
color: #df214e;
letter-spacing: 1.5px;
margin-top: 0;
margin-bottom: 25px;
font-family: bebas-neue;
font-size: 36px;
font-weight: 400;
}
.watch-subscribe-h.live-h {
color: #fff;
}
.countdown-number {
color: #000;
letter-spacing: 4px;
background-color: #fff;
border-radius: 3px;
margin-left: 5px;
margin-right: 5px;
padding-left: 8px;
padding-right: 4px;
font-family: bebas-neue;
font-size: 44px;
line-height: 45px;
display: inline-block;
}
.countdown-number.colon {
background-color: #0000;
margin-left: 0;
margin-right: 0;
padding-left: 5px;
padding-right: 5px;
}
.countdown-number-info {
letter-spacing: 1px;
margin-bottom: -19px;
padding-top: 5px;
font-size: 14px;
line-height: 14px;
}
.countdown-number-info.subscribe-text {
padding-top: 7px;
font-family: bebas-neue;
}
.countdown-number-info.subscribe-text:hover {
color: #df214e;
}
.subscribe-link {
color: #fff;
text-align: center;
margin-left: 20px;
margin-right: 20px;
font-family: Fontello, sans-serif;
font-size: 40px;
line-height: 45px;
text-decoration: none;
display: inline-block;
}
.subscribe-link:hover {
color: #282560;
}
.watch-subscribe-p {
color: #df214e;
margin-top: 25px;
font-size: 16px;
line-height: 22px;
}
.watch-archive {
clear: none;
color: #000;
background-color: #f1f1f1;
padding: 25px;
display: none;
position: relative;
}
.vimeo-url {
display: none;
}
.poster-image {
width: 100%;
transition: all .2s;
display: inline-block;
}
.archive-item {
opacity: 1;
width: 25%;
padding: 25px;
display: inline-block;
}
.watch-archive-info {
color: #fff;
background-color: #000;
padding: 10px;
}
.watch-archive-info:hover {
background-color: #df214e;
}
.archive-item-link {
color: #fff;
background-color: #fff;
width: 100%;
text-decoration: none;
display: inline-block;
}
.archive-item-link:hover {
background-color: #c5c5c5;
}
.archive-item-date {
float: right;
color: #fff;
text-transform: uppercase;
transition: color .2s;
display: inline;
}
.archive-item-date:hover {
color: #fff;
}
.archive-item-title {
letter-spacing: .5px;
margin-top: 0;
margin-bottom: 0;
font-family: bebas-neue;
font-size: 26px;
line-height: 26px;
}
.watch-archive-series {
text-transform: uppercase;
}
.talk-detail-section {
color: #000;
background-color: #fff;
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
display: none;
}
.talk-date {
color: #fff;
letter-spacing: 1.1px;
text-transform: uppercase;
background-color: #df214e;
border-radius: 3px;
margin-top: 10px;
margin-left: 0;
padding-left: 5px;
padding-right: 5px;
font-size: 16px;
line-height: 24px;
display: inline-block;
}
.talk-date.series-starts, .talk-date.series-ends {
display: none;
}
.talk-series {
color: #e08715;
text-transform: uppercase;
padding-left: 0;
padding-right: 0;
font-size: 16px;
}
.talk-title {
float: left;
letter-spacing: 1.1px;
margin-top: 0;
margin-bottom: 0;
margin-right: 10px;
font-family: bebas-neue;
font-size: 44px;
display: inline;
}
.talk-hero {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57167b06aa16efd13dfe8a38_watch-bg.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
align-items: center;
width: 100%;
min-height: 100vh;
display: none;
}
.talk-series-name {
color: #000;
letter-spacing: .1px;
margin-top: 25px;
font-family: bebas-neue;
font-size: 29px;
}
.talk-notes {
margin-top: 15px;
padding-right: 40px;
}
.talk-series-link {
color: #000;
cursor: pointer;
background-color: #eee;
margin-bottom: 1px;
padding: 10px;
font-size: 14px;
text-decoration: none;
transition: background-color .2s, color .2s;
display: block;
}
.talk-series-link:hover {
color: #fff;
background-color: #df214e;
}
.talk-series-list-name {
height: 20px;
font-size: 18px;
font-weight: 700;
overflow: hidden;
}
.talk-series-list-date {
float: right;
opacity: .23;
}
.talk-series-list-date:hover {
color: #686868;
}
.talk-series-list-thumbnail {
float: left;
color: #fff;
height: 60px;
margin: -10px 10px -10px -10px;
transition: all .2s;
}
.talk-series-part {
opacity: .55;
}
.talk-share.addthis_sharing_toolbox {
margin-bottom: 30px;
}
.watch-current-section {
background-color: #1f1c4b;
align-items: center;
display: flex;
}
.live-bug {
z-index: 20;
text-align: center;
background-color: #dd972f;
padding: 15px;
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
.live-bug-text {
letter-spacing: 1px;
padding: 0;
font-family: bebas-neue;
font-size: 28px;
line-height: 30px;
display: inline-block;
}
.live-bug-number {
color: #000;
background-color: #fff;
border-radius: 3px;
padding-left: 5px;
padding-right: 5px;
}
.live-bug-colon {
padding-left: 4px;
padding-right: 4px;
}
.live-bug-now, .live-bug-soon {
display: none;
}
.series-logo {
max-width: 75%;
max-height: 60vh;
}
.watch-series-info {
color: #000;
background-color: #e2e2e2;
width: 100%;
padding: 100px 10px;
display: none;
}
.series-start-date, .series-end-date {
display: none;
}
.series-info-left {
padding-right: 50px;
}
.series-info a {
color: #e08715;
}
.who-we-are-h2 {
color: var(--f14-black);
margin-top: 0;
margin-bottom: 10px;
font-family: Avenir, Arial, sans-serif;
display: block;
}
.who-we-are-h2.give-online {
color: #fff;
margin-bottom: 46px;
font-size: 46px;
line-height: 46px;
}
.who-we-are-h2.what-we-believe {
color: var(--f14-black);
letter-spacing: 7px;
text-transform: uppercase;
font-family: Avenir, Arial, sans-serif;
font-size: 44px;
font-weight: 100;
line-height: 44px;
}
.who-we-are-h2.our-name {
color: #fff;
letter-spacing: 7px;
text-transform: uppercase;
margin-bottom: 25px;
font-family: Avenir, Arial, sans-serif;
font-size: 44px;
font-weight: 100;
line-height: 44px;
}
.who-we-are-h3 {
color: #4e4e4e;
max-width: 720px;
margin-top: 0;
margin-bottom: 50px;
font-weight: 400;
display: inline-block;
}
.who-we-are-h3.our-team {
color: var(--white);
margin-bottom: 28px;
}
.who-we-are-h3.joel {
margin-bottom: 20px;
}
.who-we-are-our-team-container {
text-align: center;
}
.our-team-copy-section {
background-color: var(--f14-black);
padding: 100px 20px;
display: block;
}
.our-team-copy-section.tips {
background-color: #000;
position: relative;
}
.event-type-selector-section-white {
text-align: center;
background-color: #c4c4c4;
padding-top: 50px;
padding-bottom: 50px;
}
.event-type-selector-section-white.connect {
background-color: var(--f14-black);
padding-left: 15px;
padding-right: 15px;
}
.event-type-selector-section-white.kids2.full-height-section {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5835d78077719ae536595155_KidsWebsitesymbol_banner_sm.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
display: block;
position: relative;
bottom: 0;
left: 0;
right: 0;
}
.event-type-link-block {
color: #fff;
text-align: center;
letter-spacing: 2px;
border: 2px solid #fff;
padding: 25px;
font-family: bebas-neue;
font-size: 40px;
line-height: 40px;
text-decoration: none;
display: block;
}
.event-type-link-block:hover {
color: #282560;
background-color: #fff;
}
.event-type-link-block.w--current:hover {
color: #282560;
}
.event-type-link-block.connect {
letter-spacing: 1.5px;
justify-content: center;
align-items: center;
min-height: 135px;
font-size: 38px;
display: flex;
}
.event-type-link-block.connect:hover {
color: var(--f14-black);
}
.event-type-link-block.small {
background-color: #282560;
padding-top: 20px;
padding-bottom: 20px;
}
.event-type-link-block.small:hover {
color: #282560;
background-color: #fff;
border-color: #282560;
}
.event-type-link-block.small.watch {
background-color: #e01f4e;
margin-bottom: 25px;
padding: 18px;
font-size: 30px;
}
.event-type-link-block.small.watch:hover {
background-color: #fff;
}
.event-type-link-block.black {
border-color: var(--f14-black);
background-color: #000;
}
.event-type-link-block.black:hover {
background-color: var(--white);
color: #000;
}
.upcoming-events-section {
color: #000;
background-color: #fff;
padding: 51px;
display: none;
position: relative;
}
.upcoming-event {
background-color: #eee;
margin: 50px;
position: relative;
}
.event-content {
width: 66.6%;
padding: 25px;
display: inline-block;
}
.event-image {
float: left;
width: 33.4%;
display: inline-block;
overflow: hidden;
}
.event-name {
color: #282560;
text-transform: uppercase;
margin-top: 0;
font-size: 38px;
font-weight: 100;
line-height: 40px;
}
.event-name.group-name {
margin-bottom: 0;
}
.event-date-callout {
background-color: var(--f14-black);
color: #fff;
letter-spacing: .5px;
text-transform: uppercase;
padding: 2px 10px;
font-size: 15px;
line-height: 22px;
position: absolute;
top: 10px;
right: -10px;
}
.event-callout-corner {
position: absolute;
bottom: -10px;
right: 0;
}
.event-long-description {
color: #000;
display: none;
}
.event-info-label {
float: left;
text-transform: uppercase;
min-width: 95px;
font-weight: 700;
}
.event-dynamic {
float: left;
color: #282560;
text-decoration: none;
}
.event-detail-h {
background-color: #df214e;
padding: 50px;
}
.event-detail-h1 {
text-align: center;
text-transform: uppercase;
font-size: 58px;
font-weight: 100;
line-height: 60px;
}
.event-detail-col-l {
padding-right: 50px;
}
.event-detail-col-r {
background-color: #e7e7e7;
padding-left: 0;
padding-right: 0;
}
.event-detail-col-r-content {
padding: 0 25px 25px;
}
.event-img.group {
height: 100%;
}
.events-service-times {
background-color: #282560;
padding: 50px;
font-size: 16px;
line-height: 22px;
}
.service-times-h {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 50px;
font-weight: 100;
line-height: 50px;
}
.service-times-h.easter {
color: #ec2557;
font-size: 40px;
line-height: 40px;
}
.service-times h2 {
margin-top: 0;
margin-bottom: 0;
}
.service-times p {
margin-bottom: 25px;
}
.service-times a {
color: #fff;
text-decoration: underline;
}
.program-social-button {
color: #000;
text-align: center;
background-color: #0000;
border: 2px solid #000;
border-radius: 50%;
width: 50px;
height: 50px;
margin: 0 5px 50px;
padding: 0;
font-size: 20px;
font-weight: 700;
line-height: 47px;
}
.program-social-button:hover {
color: #fff;
background-color: #282560;
}
.program-social-button.social {
margin-top: 0;
margin-bottom: 50px;
padding-bottom: 0;
font-family: Fontello, sans-serif;
}
.program-social-button.social:hover {
background-color: #282560;
}
.program {
display: block;
}
.program-current {
color: #000;
background-color: #eee;
width: 100%;
margin-bottom: 50px;
display: inline-block;
position: relative;
}
.program-current-right {
text-align: left;
padding: 25px 25px 5px;
}
.program-current-image {
max-width: 90%;
margin-bottom: 45px;
margin-left: auto;
margin-right: auto;
display: block;
}
.program-current-p {
max-width: 90%;
margin-left: auto;
margin-right: auto;
display: block;
}
.program-current-h {
color: #df214e;
max-width: 90%;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-left: 0;
font-size: 30px;
line-height: 30px;
display: block;
}
.story-name {
background-color: var(--f14-black);
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 20px;
padding: 10px;
font-weight: 100;
}
.stories-section {
background-color: #fff;
padding: 20px 10px 0;
}
.baptism-button-div {
margin-top: 25px;
}
.lead-pastor {
color: #ec2557;
font-size: 48px;
line-height: 48px;
display: inline-block;
}
.team-joel-content {
color: #000;
text-align: center;
background-color: #fff;
font-size: 19px;
line-height: 30px;
}
.team-joel-left {
text-align: left;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57167b06aa16efd13dfe8a48_kovacs-family.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
min-height: 450px;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.team-joel-right {
padding: 50px 30px 20px;
font-size: 16px;
line-height: 25px;
}
.program-container {
display: block;
position: static;
overflow: visible;
}
.contact-form {
text-align: left;
width: 100%;
max-width: 620px;
margin-top: 10px;
display: inline-block;
}
.contact-form.care {
max-width: 630px;
}
.contact-form-message {
margin-top: 0;
margin-bottom: 0;
}
.contact-need {
min-height: 200px;
}
.give-option-p {
margin-top: 0;
margin-bottom: 15px;
font-size: 17px;
line-height: 20px;
}
.ccb-login-label {
text-align: left;
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
line-height: 14px;
}
.give-field {
margin-bottom: 16px;
}
.give-text-link {
color: var(--f14-black);
}
.give-text-h {
margin-top: 0;
}
.give-online-section {
background-color: var(--f14-black);
padding-top: 50px;
padding-bottom: 50px;
}
.give-online-right, .give-online-left {
padding: 40px 25px 25px;
}
.give-more-limit {
max-width: 370px;
display: inline-block;
}
.program-headline-container {
text-align: center;
}
.fv-slide-h3 {
color: #fff;
letter-spacing: 0;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 20px;
font-size: 34px;
font-weight: 100;
line-height: 34px;
}
.fv-slide-p {
margin-bottom: 0;
font-size: 16px;
}
.fv-slide-content-holder {
text-align: center;
max-width: 650px;
display: inline-block;
}
.subscribe-icon {
padding-left: 5px;
padding-right: 5px;
display: inline-block;
}
.subscribe-icon:hover {
color: #df214e;
font-family: Fontello, sans-serif;
}
.group-description h2 {
margin-top: 0;
}
.group-description.next-step-paragraph {
max-width: 660px;
margin: 30px auto 60px;
display: block;
}
.group-description.beyond-sunday-paragraph {
max-width: 660px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
display: block;
}
.group-description.short-term-paragraph {
margin-left: 15px;
margin-right: 15px;
font-size: 15px;
line-height: 18px;
}
.group-description.short-term-header {
margin-top: 25px;
}
.group-description.short-term-header.stay-tuned {
width: 90%;
margin-left: auto;
margin-right: auto;
display: block;
}
.group-description.short-term-header.step-up {
margin-bottom: 20px;
}
.group-description.single-short-term {
width: 50%;
margin-left: auto;
margin-right: auto;
font-size: 15px;
line-height: 18px;
display: block;
}
.message-series-logo {
padding-left: 20px;
padding-right: 20px;
}
.orange-content-section {
text-align: center;
background-color: #df214e;
padding: 50px;
}
.orange-content-section.easter1 {
background-color: #1d1d1d;
}
.right-now-download-h {
margin-top: 0;
}
.tip-number {
color: #fff;
text-align: center;
background-color: #0000;
border: 2px solid #fff;
border-radius: 50%;
width: 80px;
height: 80px;
padding-left: 0;
padding-right: 0;
font-size: 20px;
line-height: 60px;
display: inline-block;
}
.tip-number:hover {
color: #e08715;
background-color: #fff;
}
.tip-number.w--current {
color: #282560;
background-color: #fff;
}
.tip-number.next {
margin-left: 44px;
}
.tip-number.next:hover {
color: #282560;
}
.tip-selector {
text-align: center;
}
.tip-content {
text-align: center;
justify-content: center;
align-items: center;
min-height: 200px;
margin-top: 79px;
display: flex;
}
.verse {
color: #fff;
max-width: 550px;
font-size: 32px;
line-height: 40px;
display: inline-block;
}
.orange {
color: #fff;
}
.right-now-button-holder {
margin-top: 20px;
}
.orange-content-h {
color: #ec2557;
letter-spacing: 2px;
text-transform: uppercase;
margin-top: 0;
font-size: 52px;
font-weight: 100;
line-height: 57px;
}
.easter-location-h {
color: #fff;
letter-spacing: 1px;
text-transform: none;
margin-top: 0;
font-size: 30px;
font-weight: 700;
}
.easter-graphic-holder {
padding-left: 10px;
display: inline-block;
}
.easter-graphic-link {
color: #ec2557;
margin-top: 10px;
text-decoration: none;
}
.body {
font-family: brandon-grotesque;
}
.social {
margin-top: 407px;
padding-bottom: 80px;
}
.fb {
border: 1px solid #000;
border-radius: 20px;
margin-left: 0;
margin-right: 0;
}
.five14-sound-logo {
clear: none;
text-align: center;
width: 600px;
max-width: 80%;
max-height: 80%;
display: inline-block;
position: static;
top: 50%;
left: 0;
right: 0;
overflow: visible;
}
.camp-spark-register-link {
text-align: center;
width: 100%;
display: inline-block;
}
.campspark-button-holder {
width: auto;
min-width: 100%;
display: block;
position: absolute;
bottom: 60px;
left: 0;
right: 0;
}
.five14-sound-music-button-link {
float: none;
clear: none;
color: #f51655;
text-align: center;
background-color: #ffffff80;
border: 4px solid #f51655;
width: 33%;
margin-left: 12px;
margin-right: 12px;
padding-top: 15px;
padding-bottom: 15px;
font-size: 26px;
font-weight: 400;
display: inline-block;
position: static;
top: 0;
left: 0;
}
.five14-sound-music-button-link:hover {
color: #4e4e4e;
background-color: #fff9;
border-color: #4e4e4e;
}
.camp-spark-about-header {
color: #d03153;
text-align: center;
font-size: 58px;
}
.camp-spark-date {
color: #4e4e4e;
text-align: center;
margin-top: 30px;
font-family: Montserrat, sans-serif;
font-size: 30px;
}
.camp-spark-about-text {
color: #000;
text-align: center;
width: 70%;
margin-top: 16px;
font-size: 16px;
display: inline-block;
}
.align-content-middle {
text-align: center;
margin-top: 42px;
display: block;
}
.camp-spark-time {
color: #4e4e4e;
text-align: center;
margin-top: 12px;
font-size: 20px;
}
.camp-spark-video {
text-align: center;
max-width: 800px;
display: inline-block;
position: relative;
top: 0;
left: 0;
right: 0;
}
.camp-spark-video-div {
text-align: center;
max-width: 800px;
margin-left: auto;
margin-right: auto;
display: block;
position: static;
top: 0;
left: 0;
right: 0;
}
.regular-section {
background-color: #4e4e4e;
display: block;
position: relative;
overflow: hidden;
}
.regular-section.camp-spark-about {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/573caadc2d818d524f294ef2_Camp%20Spark%20about_crop.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 85px;
padding-bottom: 85px;
}
.regular-section.lutn-and-ya, .regular-section.row-2 {
display: none;
}
.regular-section._2-column-row.row1 {
max-width: none;
display: block;
position: relative;
}
.regular-section.full-width.full-row-1 {
float: none;
clear: none;
width: 100%;
margin-bottom: -7px;
display: none;
position: relative;
overflow: hidden;
}
.regular-section.full-width.narrow-height {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5b50a3418411da423e17a3a2_ServeCbus_background.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
height: 400px;
display: flex;
}
.regular-section._3-columns {
width: 100%;
height: 33%;
display: block;
position: static;
}
.regular-section.short-term-groups-header {
background-image: linear-gradient(#282560, #282560);
justify-content: center;
align-items: center;
height: 200px;
display: flex;
}
.regular-section._8-and-4-split {
display: none;
}
.regular-section._4-and-8-split.become, .regular-section._4-and-8-split.meet {
display: block;
}
.regular-section.main-event-announce {
background-color: #000;
width: 100%;
display: none;
}
.regular-section._6-6-split {
display: block;
}
.home-content-box {
height: 100%;
}
.home-content-box.dandee-home {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/575359923c241ee12e063e2c_Dandee_1920x1080-min.jpg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.home-content-box.dandee-home.lutn-video {
background-color: #000;
background-image: none;
}
.home-content-box.light-up-the-night-home {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/598211306e97d600017aa891_AppSlide.jpg"), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/590e7810411410252e105e94_Five14%20App%20avialable%20now.jpg");
background-position: 100%, 50%;
background-repeat: no-repeat, no-repeat;
background-size: cover, cover;
height: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.home-content-box.summer-at-514-home {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/582863e2b29856df44e7432f_ChristmasRhymeisHere-BG.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.home-content-box.summer-at-514-home.osuvsou {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57d2a1ebeeca0efd5d9e5325_osuvsou_BG.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.home-content-box.become-five14 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5a567b6e449e39000142c77f_HighSchoolRetreat2017Updated.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-style: none solid solid;
border-color: #e2e2e2 #fff #fff;
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
height: 100%;
padding-left: 0;
padding-right: 0;
}
.home-content-box.wecant {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/58d1a9a3059e44f0011d735d_Epiphany-BG.jpg"), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/58486f355f6cf7312401ca8b_winter%202017%20graphic.jpg");
background-position: 50%, 50%;
background-repeat: no-repeat, no-repeat;
background-size: cover, cover;
height: 100%;
display: inline-block;
}
.home-content-box.five14-sound-box {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/58d1aa341fc3148f7605031c_12LegionsDate.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-bottom: 1px solid #000;
height: 100%;
}
.home-content-box.meet-five14-block {
background-image: linear-gradient(#df214e, #df214e);
}
.home-content-box.previous-series {
text-align: right;
flex: 0 auto;
height: auto;
padding-left: 0;
padding-right: 0;
display: block;
position: relative;
top: 0;
left: 0;
}
.home-content-box.meet-five14-block {
text-align: center;
background-color: #df214e;
background-image: none;
flex-flow: wrap;
flex: 0 auto;
place-content: center;
align-items: stretch;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
display: block;
position: static;
inset: 0;
overflow: hidden;
}
.home-content-box.church-update {
text-align: center;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5b72f0fa580821ef4f66a539_LiveStream1920x1080_square.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-flow: wrap;
flex: 0 auto;
place-content: center;
align-items: stretch;
height: 380px;
padding-left: 0;
padding-right: 0;
display: block;
position: static;
inset: 0;
overflow: hidden;
}
.home-content-row.current-events-home {
height: 400px;
display: block;
}
.home-content-row.current-events-home-2 {
height: 410px;
display: block;
}
.home-content-row.current-events-home-2._3 {
display: block;
}
.home-content-row.current-events-home-3 {
float: none;
clear: none;
text-align: center;
background-color: #df214e;
flex-direction: row;
justify-content: center;
align-items: center;
height: 100%;
margin-left: -1px;
margin-right: -1px;
display: flex;
position: static;
overflow: visible;
}
.home-content-row.current-events-series-and-become {
float: none;
clear: none;
text-align: center;
background-color: #df214e;
flex-direction: row;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
position: static;
}
.camp-spark-slider {
text-align: center;
background-color: #30309e;
width: 800px;
height: 500px;
display: block;
position: static;
overflow: hidden;
}
.camp-spark-slider.slide-3 {
background-image: none;
display: inline-block;
position: relative;
top: 0;
left: 0;
right: 0;
overflow: hidden;
}
.camp-spark-slide-2 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5741a7df15d374a82614c144_IMG_4282.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
position: static;
}
.camp-spark-slide-3 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5741ab727627944126939710_IMG_4319.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.camp-spark-slide-4 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5741ab8934b5152626fdec5f_IMG_4359.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.camp-spark-slide-5 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5741ab047627944126939654_IMG_4401.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.camp-spark-slide-17 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5741a98e34b5152626fdead3_IMG_4968.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.camp-spark-slide-16 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5741a9a834b5152626fdead7_IMG_4967.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.camp-spark-slide-15 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5741a9d134b5152626fdeb48_IMG_4966.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.camp-spark-slide-14 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5741a9f1c7891d002954cdf8_IMG_4958.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.camp-spark-slide-13 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5741aa13c7891d002954ce12_IMG_4955.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.camp-spark-slide-12 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5741aa3776279441269394e1_IMG_4949.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.camp-spark-slide-11 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5741aa5a15d374a82614c40b_IMG_4927.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.camp-spark-slide-10 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5741aa7bf73852c326c9a23f_IMG_4917.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.camp-spark-slide-9 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5741aaa8621475e528e1dc72_IMG_4877.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.camp-spark-slide-8 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5741aac8f73852c326c9a27c_IMG_4869.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.camp-spark-slide-7 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5741aae67627944126939651_IMG_4841.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.camp-spark-slide-1 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5741a6eec7891d002954c3e6_IMG_4209.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
}
.social-home {
color: #fff;
flex-flow: column;
justify-content: space-between;
align-items: center;
padding-top: 0;
font-family: Fontello, sans-serif;
font-size: 18px;
display: inline-block;
}
.social-home:hover {
color: #df214e;
font-size: 18px;
}
.social-home.christmas-rhyme-social-link {
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: 23px;
line-height: 88px;
display: block;
}
.social-home.christmas-rhyme-social-link:hover {
color: #fff;
}
.white-button-container.perfect-love {
text-align: center;
margin-left: auto;
margin-right: auto;
display: none;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
}
.white-button-container-bottom {
text-align: center;
display: block;
position: absolute;
bottom: 10px;
left: 0;
right: 0;
}
.white-button-container-bottom.thank-you {
display: block;
position: absolute;
bottom: 20px;
}
.white-button-container-bottom.emmanuel-button {
margin-top: 40px;
position: static;
}
.image-center-contain {
text-align: center;
max-width: 100%;
position: static;
}
.image-center-contain.align-center.winter-storm-fg, .image-center-contain.align-center.christmas-rhyme-fg {
max-height: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.camp-spark-main-logo {
height: 600px;
}
.camp-spark-show {
text-align: center;
background-color: #30309e;
height: 668px;
margin-left: auto;
margin-right: auto;
display: block;
}
.five14-sound-album {
background-image: linear-gradient(#ffffff57, #ffffff57), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/571cf1a54873570562261bb1_Five14%20Sound-album%20background.jpg");
background-position: 0 0, 50% 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.five14-album-announcement {
background-image: linear-gradient(#ffffffb3, #ffffffb3);
padding-top: 5%;
padding-bottom: 5%;
display: none;
}
.light-up-the-night-foreground {
height: 80%;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
display: block;
}
.five14-sound-music-block {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/572fbf4df586648f39fa07a7_IMG_8937-compressor.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 650px;
margin-left: auto;
margin-right: auto;
display: block;
}
.music-link-div {
text-align: center;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
top: 47%;
left: 0;
right: 0;
}
.foreground-transparent.osuvsoufg {
max-width: 100%;
max-height: 80%;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
bottom: 20px;
}
.become-five14-text-block {
text-align: center;
letter-spacing: 3px;
margin-top: 50px;
font-size: 26px;
font-weight: 400;
display: block;
position: static;
bottom: 20%;
left: 0;
right: 0;
}
.full-height-column.main-hero {
height: 100%;
display: block;
}
.winter-storm-column {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5a9b5e50da615c00014911be_ARose1920x1080_background.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
align-items: center;
height: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
}
.christmas-rhyme-column {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5a9b6275da615c000149128b_60feet_background.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
align-items: center;
height: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
}
.transparent-background {
background-image: linear-gradient(#0000, #0000);
}
.transparent-background.christmas-rhyme-invite {
padding-top: 70px;
padding-bottom: 40px;
font-size: 100%;
display: block;
}
.transparent-background.christmas-rhyme-details {
color: #fff;
display: block;
}
.transparent-background.christmas-rhyme-social-links {
text-align: center;
width: 50%;
margin-left: auto;
margin-right: auto;
display: block;
}
.christmas-rhyme-invite {
color: #ca1515;
text-align: center;
letter-spacing: 2px;
text-shadow: 1px 1px #000;
width: 100%;
margin-left: auto;
margin-right: auto;
font-family: bebas-neue;
font-size: 4em;
font-weight: 400;
line-height: 54px;
display: block;
}
.christmas-details {
text-align: center;
letter-spacing: 2px;
margin-left: auto;
margin-right: auto;
font-family: Open Sans, sans-serif;
font-size: 17px;
font-weight: 700;
line-height: 24px;
display: block;
}
.christmas-details.service-time {
padding-bottom: 10px;
padding-left: 0;
font-family: PT Sans, sans-serif;
line-height: 28px;
}
.christmas-details.christmas-h2 {
color: #ca1515;
padding-top: 80px;
padding-bottom: 30px;
font-size: 30px;
}
.christmas-details.details {
width: 80%;
max-width: 900px;
font-size: 22px;
font-weight: 600;
line-height: 29px;
}
.five14-kids-nav {
float: none;
display: block;
position: relative;
bottom: 0;
left: 0;
right: 0;
}
.five14-kids-nav-container {
display: block;
position: absolute;
bottom: 16%;
left: 0;
right: 0;
}
.five14-kids-nav-container.watch {
position: static;
bottom: 4%;
}
.five14-kids-seperator {
background-color: #f51655;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5835d78077719ae536595155_KidsWebsitesymbol_banner_sm.jpg");
background-position: 50%;
background-size: cover;
background-attachment: fixed;
height: 35px;
margin-top: 60px;
}
.supervision-foreground {
max-width: 90%;
max-height: 90%;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
padding-left: 0;
padding-right: 0;
display: block;
position: static;
top: 0;
left: 0;
right: 0;
}
.emmanuel-foreground {
padding-bottom: 0;
padding-left: 83px;
}
.emmanuel-text {
text-align: center;
letter-spacing: 0;
margin-left: 60px;
margin-right: 60px;
font-size: 22px;
font-weight: 700;
line-height: 30px;
display: inline-block;
}
.emmanuel-footer-text {
text-align: center;
letter-spacing: 2px;
margin-top: 45px;
margin-left: auto;
margin-right: auto;
font-size: 11px;
font-weight: 400;
display: block;
position: relative;
bottom: 0;
left: 0;
right: 0;
}
.white-then-pink-link {
color: #fff;
text-decoration: none;
}
.white-then-pink-link:hover {
color: #df214e;
}
.christmas-rhyme-video {
border: 2px solid #fff;
margin-left: auto;
margin-right: auto;
display: block;
}
.christmas-rhyme-video-div {
width: 90%;
max-width: 1200px;
max-height: 98%;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
top: 0;
left: 0;
right: 0;
}
.half-column-foreground {
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
}
.half-column-foreground.become-column-fg {
max-width: 49%;
top: -30px;
left: 0;
right: 0;
}
.half-column-foreground.become-column-fg.become {
max-width: 90%;
padding-bottom: 30px;
top: 0;
}
.half-column-foreground.become-column-fg.meet {
max-width: 75%;
padding-top: 10px;
padding-bottom: 20px;
top: 0;
}
.new-years-day-video {
border: 1px solid #000;
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.new-years-day-block {
width: 80%;
margin-left: auto;
margin-right: auto;
display: block;
box-shadow: 2px 2px 11px 2px #00000075;
}
.sticky-alert {
background-image: linear-gradient(#df214e, #df214e);
width: 100%;
height: 42px;
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
box-shadow: 0 0 11px 4px #00000054;
}
.sticky-alert-text {
text-align: center;
margin-left: auto;
margin-right: auto;
padding-top: 12px;
font-size: 15px;
font-weight: 700;
display: block;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 260px;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
._3-column-row.staple-blocks {
width: 100%;
height: 33%;
display: block;
position: relative;
}
.dandee-block {
border-style: none;
padding-left: 0;
padding-right: 0;
display: inline-block;
position: relative;
overflow: visible;
}
.five14sound-block {
border-style: none;
padding-left: 0;
padding-right: 0;
display: inline-block;
}
.five14-sound-block-background {
float: none;
clear: none;
width: 100%;
height: 100%;
display: block;
position: static;
}
.we-cant-block {
padding-left: 0;
padding-right: 0;
display: inline-block;
}
.we-cant-block-graphic {
width: 100%;
height: 100%;
display: block;
}
.dander-block-graphic {
border-style: none;
width: 100%;
height: 100%;
display: block;
position: relative;
overflow: visible;
}
.dark-hover-div {
background-image: linear-gradient(#000000b3, #000000b3);
flex-direction: row;
justify-content: center;
align-items: center;
width: 100.2%;
height: 100%;
display: flex;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.dark-hover-div:hover {
display: flex;
}
.dark-hover-button {
color: #fff;
text-align: center;
letter-spacing: 6px;
background-color: #0000;
border: 4px solid #fff;
width: 80%;
margin-left: auto;
margin-right: auto;
padding: 20px;
font-size: 18px;
font-weight: 700;
line-height: 25px;
transition: background-color .2s;
display: block;
}
.dark-hover-button:hover {
color: #df214e;
background-color: #fff;
}
.dark-hover-button.ios {
margin-bottom: 10px;
}
.dark-hover-button.android {
margin-top: 10px;
}
.social-link-block {
clear: none;
color: #fff;
border: 1px solid #fff;
border-radius: 30px;
flex-flow: row;
place-content: center;
align-items: center;
width: 45px;
height: 45px;
margin-left: 7px;
margin-right: 7px;
text-decoration: none;
display: flex;
}
.footer-text-link {
color: #fff;
letter-spacing: 4px;
margin-left: 20px;
margin-right: 20px;
font-family: Lato, sans-serif;
font-size: 11px;
font-weight: 700;
text-decoration: none;
}
.footer-text-link:hover {
color: #df214e;
}
.footer-text-link.w--current {
color: #fff;
letter-spacing: 4px;
margin-left: 20px;
margin-right: 20px;
font-family: Lato, sans-serif;
font-size: 11px;
font-weight: 700;
text-decoration: none;
}
.footer-text-link.w--current:hover {
color: #df214e;
}
.footer-text-link.header-text-link {
text-align: center;
text-shadow: 1px 1px 2px #00000082;
font-weight: 900;
display: inline;
}
.footer-text-link.header-text-link.w--current {
text-shadow: 1px 1px 2px #0000007a;
font-weight: 900;
}
.footer-links-div {
margin-bottom: 25px;
}
.footer-social-links-div {
justify-content: center;
margin-bottom: 50px;
display: flex;
}
.footer-copyright {
color: #818181;
font-family: Open Sans, sans-serif;
font-size: 10px;
font-weight: 600;
}
.we-exist-text {
font-size: 23px;
font-weight: 700;
display: inline-block;
position: static;
}
.connect-with-staff-div {
text-align: center;
height: 20px;
margin: 10px auto 0;
display: block;
position: relative;
bottom: 0;
left: 0;
right: 0;
}
.first-sunday-heading {
color: #fff;
margin-bottom: 45px;
}
.graphic-80-cover {
width: 80%;
margin-left: auto;
margin-right: auto;
display: block;
}
.down-arrow {
text-align: center;
width: 40px;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: absolute;
bottom: 60px;
left: 0;
right: 0;
}
.down-arrow-image {
color: #0000;
transition: transform .24s;
}
.down-arrow-image:hover {
opacity: .61;
}
.meet-five14-image {
float: none;
clear: none;
text-align: left;
}
.meet-five14-image-column {
flex: 1;
padding-left: 0;
}
.meet-five14-text-column {
padding-right: 30px;
}
.meet-five14-row {
justify-content: center;
align-items: center;
display: flex;
}
.main-graphic-text {
font-family: bebas-neue;
font-size: 31px;
}
.main-graphic-text.welcome {
text-align: center;
letter-spacing: 7px;
text-shadow: 1px 1px 2px #00000078;
padding-left: 4px;
font-family: Droid Sans, sans-serif;
line-height: 1;
}
.main-graphic-text.five14-church {
letter-spacing: 6px;
text-shadow: 1px 1px 3px #0000007a;
font-size: 145px;
line-height: 1;
display: inline-block;
}
.main-graphic-text.five14-church.pink {
color: #e01f4e;
text-align: left;
margin-left: -10px;
padding-right: 40px;
display: inline-block;
}
.main-graphic-text.five14-church.pink.hero-div-title {
letter-spacing: -4px;
margin-left: -10px;
padding-right: 30px;
line-height: 145px;
}
.main-graphic-text.five14-church.hero-div-title {
font-weight: 400;
line-height: 145px;
}
.main-graphic-text.service-times {
text-align: center;
letter-spacing: 1px;
text-shadow: 1px 1px 2px #0000007a;
margin-top: 45px;
font-family: proxima-nova;
font-size: 14px;
font-weight: 700;
line-height: 1;
}
.main-graphic-text.service-times.hero-div-times {
margin-top: 60px;
font-family: brandon-grotesque;
font-size: 14px;
font-weight: 400;
}
.main-graphic-text.service-times.hero-div-times2 {
margin-top: 10px;
font-family: brandon-grotesque;
font-size: 14px;
font-weight: 400;
}
.main-graphic-text.service-times.hero-div-subtitle {
margin-top: 30px;
font-family: brandon-grotesque;
font-size: 32px;
font-weight: 700;
}
.main-graphic-text-div {
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
display: inline-block;
position: static;
}
.main-graphic-text-div._2 {
display: inline;
position: static;
top: 0;
bottom: 0;
left: 0;
}
.center-content-in-div {
text-align: center;
margin-left: auto;
margin-right: auto;
display: block;
}
.center-content-in-div.main-welcome {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: -20px;
display: block;
position: relative;
}
.center-content-in-div.live-stream-welcome {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
margin-top: -20px;
display: block;
position: absolute;
bottom: 10%;
left: 0;
right: 0;
}
.header-links-div {
float: none;
clear: none;
text-align: center;
align-items: center;
width: 630px;
margin-left: auto;
margin-right: auto;
font-weight: 400;
display: block;
position: absolute;
top: 30px;
left: 59px;
right: 59px;
overflow: hidden;
}
.meetfive14-paragraph {
color: #fff;
}
.poster-image-2 {
width: 100%;
transition: transform .2s;
}
.poster-image-2:hover {
transform: scale(1.05);
}
.purple-content-section {
background-color: #282560;
background-image: linear-gradient(#282560, #282560);
height: 100%;
}
.paragraph {
text-align: center;
letter-spacing: 2px;
margin: 0 30px;
padding-top: 50px;
padding-bottom: 50px;
font-size: 20px;
line-height: 24px;
}
.paragraph.five14kids-about {
margin-left: 100px;
margin-right: 100px;
padding-top: 100px;
padding-bottom: 100px;
font-weight: 400;
line-height: 28px;
}
.groups-heading {
text-align: center;
letter-spacing: 6px;
font-family: bebas-neue;
font-size: 88px;
font-weight: 400;
}
.groups-heading2 {
color: #282560;
letter-spacing: 8px;
font-family: proxima-nova;
font-size: 51px;
font-weight: 400;
}
._2-column-row {
max-width: 900px;
margin-left: auto;
margin-right: auto;
display: block;
}
.groups-column {
border: 1px #000;
padding-left: 20px;
padding-right: 20px;
display: none;
}
.small-group-video {
float: none;
clear: none;
width: 100%;
max-width: 320px;
margin: 15px;
display: inline-block;
}
.sidebar-nav {
position: fixed;
top: 0;
left: 0;
right: 0;
}
.hamburger {
width: 38px;
position: absolute;
top: 0;
right: 0;
overflow: visible;
}
.sidebar-div {
display: inline-block;
}
.handout {
border: 1px solid #e01f4e;
max-width: 550px;
}
.generic-small-group-image-holder {
background-color: #e01f4e;
justify-content: center;
align-items: center;
width: 450px;
height: 250px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.image {
width: 140px;
display: inline-block;
}
.single-short-term-group {
display: block;
}
.short-term-group-step-up {
display: none;
}
.row-7 {
height: 410px;
}
.column {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5b8eac893506c974bac67e7d_YAWeekendCALENDAR.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.column-2 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5b86d76749d2a03202f43024_BYOP1920x1080.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.column-2.meet {
background-color: #e01f4e;
background-image: none;
}
.app-highlight {
position: relative;
}
.app-highlight-graphic {
display: none;
}
.div-block-2 {
flex: 1;
}
.empty-state {
display: none;
}
.navbar-2 {
clear: none;
background-image: linear-gradient(#0000009c, #0000009c);
width: 300px;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
overflow: visible;
}
.nav2-menu-button {
padding-top: 18px;
display: block;
}
.nav2-menu-button.w--open {
float: right;
color: #0000;
background-color: #0000;
display: block;
}
.icon {
color: #282560;
border: 0 #282560;
font-size: 40px;
}
.icon.nav2-menu-button-icon {
color: #e01f4e;
border-color: #0000;
}
.container-2 {
background-color: #030213c4;
height: 100vh;
display: block;
}
.nav-menu-2 {
float: none;
clear: right;
text-align: left;
background-color: #0000;
display: block;
position: static;
top: 0;
bottom: 0;
right: 0;
overflow: visible;
}
.nav2-main-link {
float: none;
clear: right;
color: #fff;
text-align: center;
letter-spacing: 3px;
padding-top: 6px;
padding-bottom: 6px;
font-family: proxima-nova;
font-size: 16px;
font-weight: 700;
display: block;
}
.series-description {
color: #282560;
text-align: center;
width: 80%;
margin-left: auto;
margin-right: auto;
padding: 20px;
font-size: 22px;
line-height: 29px;
display: block;
}
.section-2 {
background-image: linear-gradient(#fff, #fff);
padding-top: 60px;
padding-bottom: 60px;
}
.five14-serves-nav {
position: static;
}
.white-section {
background-color: #fff;
}
.white-section.get-involved {
background-color: #f3f3f3;
padding-top: 60px;
padding-bottom: 60px;
}
.white-section.campus-crusade-info {
background-color: #fff;
}
.white-section.dadcamp-header-div {
background-image: linear-gradient(#ffffff8f, #ffffff8f), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/63f9b142b898993000b50326_dad%20and%20son.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, fixed;
flex-direction: column;
align-items: center;
padding-top: 90px;
padding-bottom: 110px;
display: flex;
overflow: hidden;
}
.content-copy.dark {
color: #4e4e4e;
text-align: center;
max-width: 900px;
margin-top: 20px;
margin-bottom: 60px;
font-size: 20px;
line-height: 24px;
}
.content-copy.dark.campus-crusade-about, .content-copy.dark.the-roosevelt-about, .content-copy.dark.stowe-mission-about {
max-width: 600px;
margin-left: auto;
margin-right: auto;
display: block;
}
.content-copy.dark.project-117-about {
max-width: 600px;
margin-left: auto;
margin-right: auto;
font-size: 20px;
display: block;
}
.content-copy.dark.ld-copy {
margin-left: auto;
margin-right: auto;
line-height: 26px;
display: block;
}
.content-copy.dark.ld-top-copy {
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
font-weight: 700;
display: block;
}
.content-copy.dark.vertical-196-about {
max-width: 600px;
margin-left: auto;
margin-right: auto;
font-size: 20px;
display: block;
}
.content-copy.dark.vertical-196-link-text {
max-width: 600px;
margin: 50px auto 4px;
font-size: 16px;
display: block;
}
.content-copy.light {
text-align: center;
letter-spacing: 2px;
width: 70%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding-bottom: 50px;
font-size: 18px;
display: block;
}
.bebas-section-h {
text-align: center;
letter-spacing: 2px;
font-family: bebas-neue;
font-size: 90px;
}
.bebas-section-h.campus-crusade-h, .bebas-section-h.the-roosevelt-h, .bebas-section-h.stowe-mission-h {
text-shadow: none;
}
.text-block-2, .text-block-3 {
height: 80px;
}
.text-block-4 {
justify-content: center;
align-items: center;
height: 80px;
line-height: 80px;
display: flex;
}
.container-3 {
padding-top: 40px;
padding-bottom: 80px;
}
.div-block-3 {
width: 80%;
margin-left: auto;
margin-right: auto;
display: block;
}
.link-2 {
color: var(--f14-black);
}
.container-4 {
padding-top: 40px;
padding-bottom: 80px;
display: block;
}
.container-5, .container-6 {
padding-top: 40px;
padding-bottom: 80px;
}
.link-3, .link-5 {
color: var(--f14-black);
}
.five14-serves-block {
background-color: var(--f14-black);
padding-top: 20px;
padding-bottom: 60px;
}
.form-block {
width: 700px;
margin-left: auto;
margin-right: auto;
display: block;
}
.field-label, .field-label-2, .field-label-3 {
margin-top: 20px;
}
.submit-button {
background-color: #0000;
border: 2px solid #fff;
margin-top: 10px;
padding-left: 20px;
padding-right: 20px;
}
.submit-button:hover {
background-color: #ffffff1a;
}
.text-block-5 {
color: #df214e;
}
.success-message {
background-color: #fff;
}
.collection-list {
display: none;
}
.div-block-4 {
text-align: center;
width: 100%;
margin-bottom: 50px;
display: block;
}
.row-9 {
flex-wrap: nowrap;
align-items: center;
display: flex;
}
.container-7 {
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.body-3 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5a15859e7050e6000126cb3d_UnexpectedFinal1920x1080_background.jpg");
background-position: 50%;
background-repeat: repeat-y;
background-size: cover;
overflow: hidden;
}
.body-3.unexpected-christmas {
overflow: visible;
}
.christmas-form {
width: 400px;
margin-left: auto;
margin-right: auto;
display: block;
}
.div-block-5 {
margin-top: 15px;
margin-bottom: 80px;
}
.field-label-4, .field-label-5, .field-label-6, .field-label-7, .text-field-2, .text-field-3, .text-field-4, .textarea-2 {
color: #ca1515;
}
.submit-button-2 {
background-color: #5d0e0e;
width: 100%;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
display: block;
}
.submit-button-2:hover {
background-color: #410909;
}
.link-6 {
color: #fff;
}
.link-6:hover {
color: #d81e1e;
}
.image-3 {
max-height: 100%;
display: inline-block;
}
.div-block-6 {
float: none;
text-align: center;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: absolute;
top: 80%;
left: 0;
right: 0;
}
.image-4 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.five14-watch-nav {
float: none;
display: block;
position: relative;
bottom: 0;
left: 0;
right: 0;
}
.generic-small-group-image {
background-color: #e01f4e;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5a541f8e6eb4db0001ad3a37_Five14Lead1920x1080.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border: 1px solid #6d6d6d;
justify-content: center;
align-items: center;
width: 450px;
height: 250px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.text-block-6 {
color: #df214e;
text-align: center;
letter-spacing: 4px;
padding-bottom: 5px;
font-family: Oswald, sans-serif;
font-size: 17px;
font-weight: 400;
}
.bottom-banner-highlight {
background-color: #000000d9;
flex-flow: column;
place-content: stretch center;
align-items: center;
height: 80px;
display: flex;
}
.text-block-7 {
text-align: center;
letter-spacing: 2px;
font-family: Open Sans, sans-serif;
font-weight: 300;
}
.tax-statement-page {
background-color: #282560;
background-image: linear-gradient(#090818e6, #090818e6), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57f2ac21817dd45f439f74a1_wecant-Mountains.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.div-block-8 {
flex-direction: column;
justify-content: center;
height: 100vh;
margin-left: 20px;
margin-right: 20px;
display: flex;
}
.heading-2 {
text-align: center;
letter-spacing: 3px;
padding-bottom: 40px;
text-decoration: none;
}
.text-block-8 {
color: #e01f4e;
text-align: center;
text-transform: uppercase;
padding-bottom: 30px;
font-family: Open Sans, sans-serif;
font-size: 20px;
font-weight: 700;
}
.text-block-9 {
text-align: left;
margin-left: auto;
margin-right: auto;
padding-bottom: 60px;
font-size: 17px;
line-height: 30px;
display: block;
}
.link-7 {
color: #e01f4e;
}
.text-block-10 {
text-align: center;
letter-spacing: 1px;
max-width: 800px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
font-size: 13px;
display: block;
}
.italic-text {
text-align: center;
}
.div-block-9 {
height: 40px;
}
.link-8 {
color: var(--f14-black);
}
.link-9 {
color: #df214e;
}
.all-in-graphic {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5a7f59d0d2e04c0001f47f39_AllInUpdatedv3.jpg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: contain;
height: 2000px;
display: block;
position: relative;
}
.all-in-section {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5a7f35ded2e04c0001f466b3_AllInUpdated%20background.jpg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
display: block;
}
.section-4 {
height: 410px;
display: none;
}
.giving-statement-section {
display: none;
}
.image-5 {
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.section-5 {
width: 300px;
height: 100%;
position: fixed;
top: 0;
bottom: 0;
right: 0;
}
.nav-menu-3 {
display: inline-block;
}
.image-6 {
width: 100.2%;
max-width: 100.2%;
display: block;
position: static;
overflow: visible;
}
.link-block-2 {
width: 100%;
}
.div-block-10 {
display: block;
position: relative;
overflow: visible;
}
.div-block-11 {
text-align: center;
height: auto;
margin-top: 16px;
margin-left: auto;
margin-right: auto;
display: block;
position: static;
}
.image-7 {
width: 350px;
max-width: 450px;
margin-left: auto;
margin-right: auto;
display: block;
}
.div-block-12 {
width: 100%;
}
.hero-div {
margin-left: auto;
margin-right: auto;
padding-top: 70px;
padding-bottom: 20px;
display: inline-block;
position: static;
}
.hero-div-title {
font-family: bebas-neue;
font-size: 31px;
}
.hero-div-title.welcome {
text-align: center;
letter-spacing: 7px;
text-shadow: 1px 1px 2px #00000078;
padding-bottom: 6px;
padding-left: 4px;
font-family: brandon-grotesque;
font-size: 27px;
line-height: 1;
}
.hero-div-title.five14-church {
letter-spacing: 6px;
text-shadow: 1px 1px 3px #0000007a;
font-size: 145px;
line-height: 1;
display: inline-block;
}
.hero-div-title.five14-church.pink {
color: #e01f4e;
text-align: left;
margin-left: -10px;
padding-right: 40px;
display: inline-block;
}
.home-section-1 {
background-image: linear-gradient(#ffffffab, #ffffffab), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5b85f0c82532c37dca5a68d4_IMG_6371-edit.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
flex-direction: column;
justify-content: center;
align-items: center;
height: auto;
padding-top: 50px;
padding-bottom: 80px;
display: block;
overflow: hidden;
}
.section-heading {
text-align: center;
width: 95%;
margin: 0 auto 30px;
display: block;
}
.section-heading.dark {
color: #4e4e4e;
flex: 0 auto;
width: 100%;
}
.section-paragraph {
text-align: center;
text-transform: uppercase;
text-shadow: 0 0 9px #000, 0 2px 2px #000;
width: 800px;
margin-left: auto;
margin-right: auto;
padding-top: 32px;
padding-bottom: 60px;
font-family: Open Sans, sans-serif;
font-size: 18px;
line-height: 28px;
display: block;
}
.section-paragraph.dark {
color: #2e2e2e;
text-align: left;
letter-spacing: 1px;
text-transform: uppercase;
text-shadow: none;
width: 700px;
padding-top: 50px;
padding-left: 0;
font-family: brandon-grotesque;
font-size: 13px;
font-weight: 400;
line-height: 28px;
display: block;
position: relative;
right: 47px;
}
.section-paragraph.right-align {
text-align: right;
letter-spacing: 1px;
text-shadow: none;
padding-top: 60px;
padding-bottom: 70px;
font-family: brandon-grotesque;
font-size: 14px;
line-height: 21px;
}
.section-paragraph.right-align.grey {
color: #4e4e4e;
line-height: 28px;
}
.section-paragraph.left-align {
text-align: left;
letter-spacing: 1px;
text-shadow: none;
padding-top: 60px;
padding-bottom: 70px;
font-family: brandon-grotesque;
font-size: 13px;
line-height: 28px;
}
.home-link-button-div {
float: none;
clear: none;
text-align: center;
align-self: flex-end;
width: 800px;
margin-left: auto;
margin-right: auto;
display: block;
}
.home-link-button-div.top-padding {
padding-top: 25px;
}
.home-link-button-div._900 {
width: 900px;
}
.home-section-2 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5b85fab2353a2c7fe2a149ab_pink%20dots.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
flex-direction: column;
justify-content: center;
align-items: center;
height: auto;
padding-top: 50px;
padding-bottom: 80px;
display: block;
overflow: hidden;
}
.home-section-3 {
background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5b86c44f1f841cebad74b4c4_auditorium.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
flex-direction: column;
justify-content: center;
align-items: center;
height: auto;
padding-top: 50px;
padding-bottom: 80px;
display: none;
overflow: hidden;
}
.section-sub-heading {
text-align: center;
width: 800px;
margin: -20px auto 30px;
font-family: Oswald, sans-serif;
font-size: 25px;
font-weight: 300;
display: block;
}
.section-sub-heading.right-align {
text-align: right;
letter-spacing: 4px;
text-transform: uppercase;
width: 80%;
max-width: 800px;
font-size: 18px;
}
.home-section-4 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5b86c5d087a84c07002ce7b4_triangular.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
flex-direction: column;
justify-content: center;
align-items: center;
height: auto;
padding-top: 50px;
padding-bottom: 80px;
display: block;
overflow: hidden;
}
.home-section-5 {
float: none;
clear: none;
text-align: center;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5b86c81ff6f38badde25bc15_color%20war.jpg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
padding-bottom: 120px;
display: flex;
overflow: hidden;
}
.home-section-6 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5b86d2ea64a949a7ec2e992f_triangles.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 50px;
display: block;
}
.grey-outline-button {
color: #4e4e4e;
text-align: center;
letter-spacing: 3.1px;
text-transform: uppercase;
background-color: #0000;
border: 2px solid #4e4e4e;
border-radius: 0;
margin: 5px 25px;
padding: 8px 25px 8px 28px;
font-family: brandon-grotesque;
font-size: 12px;
font-weight: 400;
line-height: 16px;
text-decoration: none;
display: inline-block;
}
.grey-outline-button:hover {
color: #e01f4e;
background-color: #fff;
border-color: #e01f4e;
font-weight: 400;
}
.grey-outline-button.space-after-button {
border-width: 1px;
margin-right: 10px;
font-weight: 400;
}
.grey-outline-button.space-after-button.get-directions {
margin-left: 0;
}
.grey-outline-button.bigger {
border-radius: 28px;
margin: 0 10px;
padding: 12px 20px;
font-size: 14px;
line-height: 20px;
}
.grey-outline-button.bigger.gold {
color: #df214e;
border-color: #ec2557;
height: 50px;
padding-top: 0;
padding-bottom: 0;
line-height: 48px;
}
.grey-outline-button.bigger.gold:hover {
color: #000;
background-color: #fff;
}
.grey-outline-button.about-current-series-button {
margin-top: 50px;
}
.grey-outline-button.watch-live-button {
margin-top: 50px;
margin-bottom: 0;
}
.grey-outline-button.live-bug-button {
margin: 0 0 -5px 25px;
position: relative;
top: -6px;
}
.grey-outline-button.live-bug-button:hover {
color: #e08715;
}
.grey-outline-button.live-bug-button.mobile-version {
display: none;
}
.grey-outline-button.give {
margin: 10px 10px 0 0;
}
.grey-outline-button.forgot {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.grey-outline-button.login {
margin-left: 0;
margin-right: 15px;
}
.grey-outline-button.download {
letter-spacing: 2.1px;
border-radius: 20px;
min-width: 120px;
margin-left: 5px;
margin-right: 5px;
font-size: 16px;
line-height: 22px;
}
.grey-outline-button.register-here {
margin-right: 20px;
}
.grey-outline-button.volunteer-here {
margin-left: 20px;
}
.grey-outline-button.dark {
color: #df214e;
border-color: #df214e;
width: 298px;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
bottom: 70px;
left: 0;
right: 0;
}
.grey-outline-button.dark:hover {
color: #4e4e4e;
background-color: #fff;
border-color: #4e4e4e;
}
.grey-outline-button.dark.spaced {
color: #ca1515;
background-color: #fff;
border-color: #ca1515;
margin-left: 10px;
margin-right: 10px;
}
.grey-outline-button.dark.spaced:hover {
color: #fff;
background-color: #ca1515;
border-color: #fff;
}
.grey-outline-button.dark.connect-with-staff-button {
margin-bottom: 9px;
display: block;
bottom: auto;
left: 0;
right: 0;
}
.grey-outline-button.dark.groups-register {
background-color: #fff;
position: static;
}
.grey-outline-button.stream-live {
background-color: #ffffff26;
margin-top: 30px;
padding-left: 54px;
padding-right: 52px;
}
.grey-outline-button.stream-live:hover {
background-color: #fff;
}
.grey-outline-button.stream-live._2 {
padding-left: 41px;
padding-right: 38px;
}
.grey-outline-button.stream-live.hero-div-button {
margin-top: 26px;
}
.grey-outline-button.main-event-button {
text-align: center;
background-color: #ffffff1c;
padding-left: 41px;
padding-right: 38px;
}
.grey-outline-button.main-event-button:hover {
background-color: #fff;
}
.grey-outline-button.main-event-button._2 {
margin-left: 12px;
margin-right: 12px;
}
.grey-outline-button.white-background {
color: #df214e;
background-color: #fff;
border-color: #df214e;
width: 298px;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
bottom: 70px;
left: 0;
right: 0;
}
.grey-outline-button.white-background:hover {
color: #4e4e4e;
background-color: #fff;
border-color: #4e4e4e;
}
.grey-outline-button.meet-button, .grey-outline-button.become-button {
padding-left: 29px;
padding-right: 26px;
}
.grey-outline-button.section-button {
float: none;
clear: none;
color: #4e4e4e;
border-color: #4e4e4e;
margin-left: 25px;
margin-right: 25px;
padding-left: 28px;
padding-right: 25px;
font-family: brandon-grotesque;
}
.grey-outline-button.section-button:hover {
color: #e01f4e;
background-color: #fff;
border-color: #e01f4e;
}
.grey-outline-button.section-button-left {
float: none;
clear: none;
color: #4e4e4e;
border-color: #4e4e4e;
margin-left: 0;
margin-right: 25px;
padding-left: 28px;
padding-right: 25px;
font-family: brandon-grotesque;
}
.grey-outline-button.section-button-left:hover {
color: #e01f4e;
background-color: #fff;
border-color: #e01f4e;
}
.grey-outline-button.section-button-right-align {
float: none;
clear: none;
color: #4e4e4e;
background-color: #fff9;
border-color: #4e4e4e;
margin-left: 25px;
margin-right: 0;
padding-left: 28px;
padding-right: 25px;
}
.grey-outline-button.section-button-right-align:hover {
color: #e01f4e;
background-color: #fff;
border-color: #e01f4e;
}
.row-10 {
width: 800px;
height: 400px;
}
.whats-happening-event {
float: none;
clear: none;
flex-flow: row;
flex: none;
place-content: stretch center;
align-items: center;
width: 40%;
margin: 10px;
display: inline-block;
position: static;
}
.whats-happening-event-graphic {
float: none;
clear: none;
display: inline-block;
}
.latest-message {
border: 1px solid #fff;
position: relative;
}
.latest-message-div {
padding-top: 65px;
}
.collection-item {
border: 1px #fff;
}
.image-8 {
flex: 0 auto;
align-self: center;
height: 70%;
margin-left: auto;
margin-right: auto;
display: block;
}
.serve-cbus-nav {
z-index: 1;
color: #282560;
background-image: linear-gradient(#fff, #fff);
justify-content: flex-end;
align-items: center;
height: 50px;
display: flex;
position: static;
top: 0;
left: 0;
right: 0;
}
.serve-cbus-nav.main {
background-image: none;
height: 60px;
display: flex;
position: absolute;
}
.serve-cbus-nav-links {
color: #fff2c6;
text-align: right;
letter-spacing: 2px;
-webkit-text-stroke-color: #fff2c6;
padding-right: 60px;
font-family: Oswald, sans-serif;
font-size: 17px;
}
.serve-cbus-events {
text-transform: lowercase;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/666204c7b5c722fb3fe0afa1_opportunities%20background.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
padding-top: 30px;
padding-bottom: 80px;
}
.serve-cbus-events.other-color {
background-image: linear-gradient(#ffffffbf, #ffffffbf), radial-gradient(circle farthest-side at 0 100%, #f148d261, #0000), radial-gradient(circle at 0%, #df214ec9, #0000), linear-gradient(#e4a48f, #e4a48f);
flex-direction: column;
align-items: center;
padding-bottom: 110px;
display: none;
}
.serves-project-header {
color: #000;
align-items: center;
margin-top: 14px;
margin-bottom: 10px;
display: flex;
}
.serves-project {
text-align: center;
letter-spacing: 1px;
font-size: 16px;
font-weight: 400;
line-height: 18px;
}
.serves-project.header-text {
color: #fff;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
font-family: Work Sans, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 18px;
}
.serves-project.header-text.white-block {
display: none;
}
.serves-project.collection-text {
text-align: center;
font-size: 15px;
}
.serves-project.collection-text.time {
color: #000;
text-transform: uppercase;
font-family: Karla, sans-serif;
}
.serves-project.collection-text.project, .serves-project.collection-text.type, .serves-project.collection-text.age {
color: #000;
text-transform: capitalize;
font-family: Karla, sans-serif;
}
.serves-project.collection-text.spots {
color: #000;
font-family: Karla, sans-serif;
}
.text-block-12 {
color: #fff;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
font-family: neue-haas-grotesk-display, sans-serif;
font-size: 13px;
font-weight: 400;
}
.text-block-12:hover {
border-bottom: 1px #000;
}
.link-block-3 {
color: #0000;
background-image: linear-gradient(#ba8172, #ba8172);
padding: 8px 10px 8px 13px;
transition: all .3s;
}
.link-block-3:hover {
background-image: linear-gradient(#7f574d, #7f574d);
text-decoration: none;
}
.serves-project-body {
background-image: linear-gradient(#fff2c6c9, #fff2c6c9);
border: 2px #d51643;
border-color: #d51643 #0000 #fff2c6 #d51643;
align-items: center;
margin-bottom: 4px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 3px;
display: flex;
box-shadow: 1px 4px 7px #00000036;
}
.serve-cbus-info-button {
text-align: center;
}
.serve-cbus {
text-align: center;
margin-left: auto;
margin-right: auto;
display: block;
}
.serve-cbus.section-header {
color: #fff2c6;
letter-spacing: 0;
-webkit-text-stroke-color: #fff2c6;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: neue-haas-grotesk-display, sans-serif;
font-size: 78px;
font-weight: 700;
line-height: 75px;
text-decoration: none;
}
.serve-cbus.section-header.blue {
color: #fcff3a;
}
.serve-cbus.section-header.yellow {
color: #fcf927;
}
.serve-cbus.section-header.maroon {
color: #fff2c6;
}
.serve-cbus.section-header.opportunities {
padding-top: 0;
font-size: 43px;
line-height: 43px;
}
.serve-cbus.day-heading {
float: none;
color: #fff2c6;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
background-image: none;
border-top: 1px #fff2c67d;
border-bottom: 2px solid #fff2c6;
border-left: 2px solid #fff2c6;
border-right: 1px #fff2c67d;
flex-direction: column;
justify-content: space-around;
align-items: flex-start;
height: 44px;
margin: 40px -10px 0;
padding: 8px 18px;
font-family: Karla, sans-serif;
font-size: 28px;
font-weight: 800;
line-height: 30px;
display: flex;
box-shadow: -3px 3px 5px -2px #0000004f;
}
.serve-cbus.donate-section {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5cb9feb3c114994583aebf22_people%20walking%20yellow.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
flex-direction: column;
justify-content: center;
align-items: center;
height: 400px;
display: flex;
}
.serve-cbus.details-div {
text-align: left;
background-color: #fff2c6d1;
border: 2px #a33904;
height: 60px;
margin-top: 10px;
margin-bottom: 10px;
display: block;
overflow: hidden;
box-shadow: 3px 3px 7px #00000026;
}
.serve-cbus.details-info {
float: right;
color: #000;
text-align: center;
flex-direction: column;
justify-content: space-around;
align-items: flex-start;
height: 58px;
margin-top: 0;
margin-bottom: 0;
padding: 8px 22px 8px 23px;
font-family: Karla, sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 47px;
display: inline-block;
}
.serve-cbus.details-info.month {
color: #000;
padding-right: 3px;
font-family: Karla, sans-serif;
font-size: 17px;
}
.serve-cbus.details-info.day {
color: #000;
padding-left: 5px;
font-family: Karla, sans-serif;
font-size: 17px;
}
.serve-cbus.details-info.seperator {
color: #000;
padding-left: 0;
padding-right: 0;
font-family: Karla, sans-serif;
font-size: 17px;
}
.serve-cbus.details-info.time {
color: #000;
font-family: Karla, sans-serif;
font-size: 17px;
}
.serve-cbus.details-info.date {
display: none;
}
.serve-cbus.about-opportunity-div {
text-align: center;
background-color: #fff2c6d1;
border: 2px #a33904;
margin-top: 30px;
margin-bottom: 30px;
display: block;
box-shadow: 3px 3px 6px #00000017;
}
.serve-cbus.info-descriptor {
float: none;
color: #1c1c1c;
text-align: center;
letter-spacing: 1.5px;
text-transform: uppercase;
background-image: linear-gradient(#d4c9a7, #d4c9a7);
flex-direction: column;
justify-content: space-around;
align-items: flex-start;
width: 194px;
height: 100%;
margin-top: 0;
margin-bottom: 0;
padding: 8px 7px;
font-family: neue-haas-grotesk-display, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 45px;
display: inline-block;
}
.serve-cbus.drive-heading {
float: none;
color: #fff2c6;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
border-top: 2px #a33904;
border-bottom: 2px solid #fff2c6;
border-left: 2px solid #fff2c6;
border-right: 2px #a33904;
flex-flow: row;
justify-content: space-around;
align-items: center;
height: 44px;
margin-bottom: 30px;
padding: 8px 18px;
font-family: Karla, sans-serif;
font-size: 28px;
font-weight: 800;
display: block;
box-shadow: -3px 3px 2px #0000000f;
}
.text-block-13 {
text-align: left;
margin-bottom: 20px;
margin-left: 40px;
font-family: bebas-neue;
font-size: 82px;
font-weight: 400;
display: block;
}
.div-block-14 {
margin-top: 20px;
margin-bottom: 60px;
}
.text-block-14 {
text-align: left;
margin-top: 40px;
margin-left: 40px;
font-family: Lato, sans-serif;
font-size: 29px;
font-weight: 400;
display: block;
}
.div-block-15 {
clear: none;
align-self: center;
font-size: 18px;
}
.link-10 {
color: #fff;
letter-spacing: 1px;
font-family: Montserrat, sans-serif;
font-weight: 600;
}
.serve-cbus-donate-button {
color: #1b7dc8;
letter-spacing: 2px;
background-color: #fff;
padding: 15px 40px;
font-family: Montserrat, sans-serif;
font-weight: 600;
}
.serve-cbus-donate-button:hover {
color: #fff;
background-color: #253f91;
}
.serve-cbus-partners {
background-image: linear-gradient(#1465a3, #1465a3);
padding-top: 30px;
padding-bottom: 70px;
}
.serve-bus-slider {
flex-direction: row;
justify-content: space-between;
align-items: center;
display: block;
}
.left-arrow, .right-arrow, .slide-nav {
color: #4570fb;
}
.serve-cbus-slides {
float: left;
clear: none;
width: 33%;
display: block;
}
.mask {
background-color: #fff;
margin-top: 20px;
}
.serve-cbus-partner-logo {
float: left;
text-align: center;
max-width: 175px;
max-height: 175px;
margin: 20px;
display: block;
overflow: hidden;
}
.serve-cbus-slider-div {
align-items: center;
height: 100%;
display: flex;
}
.div-block-16 {
width: 600px;
margin-top: 50px;
display: block;
}
.image-10 {
width: 600px;
max-width: 70%;
margin-left: 30px;
}
.heading-3 {
color: #1b7dc8;
text-align: center;
letter-spacing: 3px;
margin-top: 60px;
font-family: Montserrat, sans-serif;
font-size: 35px;
font-weight: 600;
position: absolute;
bottom: 34%;
left: 0;
right: 0;
}
.serve-cbus-down-arrow {
text-align: center;
width: 50px;
margin-left: auto;
margin-right: auto;
display: block;
position: static;
bottom: 8%;
left: 0;
right: 0;
}
.text-block-15 {
color: #1b7dc8;
text-align: center;
letter-spacing: 3px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-top: 0;
font-family: bebas-neue;
font-size: 22px;
font-weight: 500;
line-height: 26px;
display: block;
position: absolute;
bottom: 23%;
left: 0;
right: 0;
}
.container-9 {
margin-top: 50px;
display: block;
}
.serve-cbus-partner-logos {
background-color: #0000;
flex-flow: wrap;
place-content: space-around center;
align-items: center;
max-width: 1000px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
display: flex;
position: static;
}
.serve-cbus-partners-column {
background-color: #fff;
align-items: center;
height: 260px;
display: flex;
}
.section-6 {
text-align: center;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/6661f88e7ab4be53bb269cc7_Main%20Background.jpg");
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 80px;
display: block;
}
.text-block-16 {
float: right;
color: #4570fb;
height: 58px;
}
.link-11 {
color: #fff;
letter-spacing: 3px;
text-transform: uppercase;
background-color: #ba8172;
margin-left: auto;
margin-right: auto;
padding: 15px 25px 15px 26px;
font-family: neue-haas-grotesk-display, sans-serif;
font-size: 16px;
font-weight: 700;
transition: background-color .3s;
display: inline-block;
box-shadow: 2px 2px 5px -1px #0003;
}
.link-11:hover {
color: #fff;
background-color: #7f574d;
}
.container-10 {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 35px;
display: flex;
}
.text-block-17 {
color: #000;
text-align: center;
padding: 30px 30px 15px;
font-family: Karla, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.link-12 {
float: none;
color: #fff2c6;
text-align: center;
letter-spacing: 2px;
background-color: #225a53;
border-radius: 20px;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
padding: 9px 19px;
font-family: neue-haas-grotesk-display, sans-serif;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: background-color .3s;
display: inline-block;
}
.link-12:hover {
color: #fff2c6;
background-color: #18413c;
}
.link-12.bottom {
margin-top: 40px;
}
.div-block-17 {
padding-top: 15px;
}
.column-4, .column-5, .column-6 {
padding-left: 0;
padding-right: 0;
}
.link-13 {
color: #225a53;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 30px;
font-family: neue-haas-grotesk-display, sans-serif;
font-size: 14px;
font-weight: 500;
display: inline-block;
}
.link-13:hover {
color: #411409;
}
.serve-cbus-nav-link {
color: #fff2c6;
letter-spacing: 1px;
font-family: Karla, sans-serif;
font-weight: 600;
text-decoration: none;
transition: color .3s;
}
.serve-cbus-nav-link:hover {
color: #225a53;
}
.column-7, .column-8, .column-9 {
padding-left: 0;
padding-right: 0;
}
.serve-cbus-info-row {
text-align: left;
}
.serve-cbus-collection-item {
border: 1px #fff;
}
.container-12 {
margin-top: 44px;
}
.meet-five14-section {
background-color: #4e4e4e;
display: block;
position: relative;
overflow: hidden;
}
.meet-five14-section.camp-spark-about {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/573caadc2d818d524f294ef2_Camp%20Spark%20about_crop.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 85px;
padding-bottom: 85px;
}
.meet-five14-section.lutn-and-ya, .meet-five14-section.row-2 {
display: none;
}
.meet-five14-section._2-column-row.row1 {
max-width: none;
display: none;
position: relative;
}
.meet-five14-section.full-width.full-row-1 {
float: none;
clear: none;
width: 100%;
margin-bottom: -7px;
display: none;
position: relative;
overflow: hidden;
}
.meet-five14-section.full-width.narrow-height {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5b50a3418411da423e17a3a2_ServeCbus_background.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
height: 400px;
display: flex;
}
.meet-five14-section._3-columns {
width: 100%;
height: 33%;
display: block;
position: static;
}
.meet-five14-section.short-term-groups-header {
background-image: linear-gradient(#282560, #282560);
justify-content: center;
align-items: center;
height: 200px;
display: flex;
}
.meet-five14-section._8-and-4-split, .meet-five14-section._4-and-8-split.become, .meet-five14-section._4-and-8-split.meet {
display: none;
}
.meet-five14-section.main-event-announce {
background-color: #000;
width: 100%;
display: none;
}
.meet-five14-section._6-6-split {
display: block;
}
.become-five14-section {
background-color: #4e4e4e;
display: block;
position: relative;
overflow: hidden;
}
.become-five14-section.camp-spark-about {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/573caadc2d818d524f294ef2_Camp%20Spark%20about_crop.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 85px;
padding-bottom: 85px;
}
.become-five14-section.lutn-and-ya, .become-five14-section.row-2 {
display: none;
}
.become-five14-section._2-column-row.row1 {
max-width: none;
display: none;
position: relative;
}
.become-five14-section.full-width.full-row-1 {
float: none;
clear: none;
width: 100%;
margin-bottom: -7px;
display: none;
position: relative;
overflow: hidden;
}
.become-five14-section.full-width.narrow-height {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5b50a3418411da423e17a3a2_ServeCbus_background.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
height: 400px;
display: flex;
}
.become-five14-section._3-columns {
width: 100%;
height: 33%;
display: block;
position: static;
}
.become-five14-section.short-term-groups-header {
background-image: linear-gradient(#282560, #282560);
justify-content: center;
align-items: center;
height: 200px;
display: flex;
}
.become-five14-section._8-and-4-split, .become-five14-section._4-and-8-split.become {
display: none;
}
.become-five14-section._4-and-8-split.meet {
display: block;
}
.become-five14-section.main-event-announce {
background-color: #000;
width: 100%;
display: none;
}
.become-five14-section._6-6-split {
display: block;
}
._2-split-button-section {
background-color: #4e4e4e;
display: block;
position: relative;
overflow: hidden;
}
._2-split-button-section.camp-spark-about {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/573caadc2d818d524f294ef2_Camp%20Spark%20about_crop.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 85px;
padding-bottom: 85px;
}
._2-split-button-section.lutn-and-ya, ._2-split-button-section.row-2 {
display: none;
}
._2-split-button-section._2-column-row.row1 {
max-width: none;
display: none;
position: relative;
}
._2-split-button-section.full-width.full-row-1 {
float: none;
clear: none;
width: 100%;
margin-bottom: -7px;
display: none;
position: relative;
overflow: hidden;
}
._2-split-button-section.full-width.narrow-height {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5b50a3418411da423e17a3a2_ServeCbus_background.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
height: 400px;
display: flex;
}
._2-split-button-section._3-columns {
width: 100%;
height: 33%;
display: block;
position: static;
}
._2-split-button-section.short-term-groups-header {
background-image: linear-gradient(#282560, #282560);
justify-content: center;
align-items: center;
height: 200px;
display: flex;
}
._2-split-button-section._8-and-4-split {
display: none;
}
._2-split-button-section._4-and-8-split.become, ._2-split-button-section._4-and-8-split.meet {
display: block;
}
._2-split-button-section.main-event-announce {
background-color: #000;
width: 100%;
display: none;
}
._2-split-button-section._6-6-split {
display: block;
}
._2-split-with-series-section {
background-color: #4e4e4e;
display: block;
position: relative;
overflow: hidden;
}
._2-split-with-series-section.camp-spark-about {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/573caadc2d818d524f294ef2_Camp%20Spark%20about_crop.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 85px;
padding-bottom: 85px;
}
._2-split-with-series-section.lutn-and-ya, ._2-split-with-series-section.row-2 {
display: none;
}
._2-split-with-series-section._2-column-row.row1 {
max-width: none;
display: none;
position: relative;
}
._2-split-with-series-section.full-width.full-row-1 {
float: none;
clear: none;
width: 100%;
margin-bottom: -7px;
display: none;
position: relative;
overflow: hidden;
}
._2-split-with-series-section.full-width.narrow-height {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5b50a3418411da423e17a3a2_ServeCbus_background.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
height: 400px;
display: flex;
}
._2-split-with-series-section._3-columns {
width: 100%;
height: 33%;
display: block;
position: static;
}
._2-split-with-series-section.short-term-groups-header {
background-image: linear-gradient(#282560, #282560);
justify-content: center;
align-items: center;
height: 200px;
display: flex;
}
._2-split-with-series-section._8-and-4-split, ._2-split-with-series-section._4-and-8-split.become {
display: none;
}
._2-split-with-series-section._4-and-8-split.meet {
display: block;
}
._2-split-with-series-section.main-event-announce {
background-color: #000;
width: 100%;
display: none;
}
._2-split-with-series-section._6-6-split {
display: block;
}
.series-image {
width: 100.2%;
max-width: 100.2%;
display: block;
position: static;
overflow: visible;
}
.series-content-box {
height: 100%;
}
.series-content-box.dandee-home {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/575359923c241ee12e063e2c_Dandee_1920x1080-min.jpg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.series-content-box.dandee-home.lutn-video {
background-color: #000;
background-image: none;
}
.series-content-box.light-up-the-night-home {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/598211306e97d600017aa891_AppSlide.jpg"), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/590e7810411410252e105e94_Five14%20App%20avialable%20now.jpg");
background-position: 100%, 50%;
background-repeat: no-repeat, no-repeat;
background-size: cover, cover;
height: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.series-content-box.summer-at-514-home {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/582863e2b29856df44e7432f_ChristmasRhymeisHere-BG.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.series-content-box.summer-at-514-home.osuvsou {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57d2a1ebeeca0efd5d9e5325_osuvsou_BG.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.series-content-box.become-five14 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5a567b6e449e39000142c77f_HighSchoolRetreat2017Updated.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-style: none solid solid;
border-color: #e2e2e2 #fff #fff;
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
height: 100%;
padding-left: 0;
padding-right: 0;
}
.series-content-box.wecant {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/58d1a9a3059e44f0011d735d_Epiphany-BG.jpg"), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/58486f355f6cf7312401ca8b_winter%202017%20graphic.jpg");
background-position: 50%, 50%;
background-repeat: no-repeat, no-repeat;
background-size: cover, cover;
height: 100%;
display: inline-block;
}
.series-content-box.five14-sound-box {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/58d1aa341fc3148f7605031c_12LegionsDate.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-bottom: 1px solid #000;
height: 100%;
}
.series-content-box.meet-five14-block {
background-image: linear-gradient(#df214e, #df214e);
}
.series-content-box.previous-series {
text-align: right;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5b6b25bb4c38191b09152a81_Family%20Feud%20Main%20Graphic.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex: 0 auto;
height: 380px;
padding-left: 0;
padding-right: 0;
display: block;
position: relative;
top: 0;
left: 0;
}
.series-content-box.meet-five14-block {
text-align: center;
background-color: #df214e;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: 125px;
flex-flow: wrap;
flex: 0 auto;
place-content: center;
align-items: stretch;
height: auto;
padding-left: 0;
padding-right: 0;
display: block;
position: static;
inset: 0;
overflow: hidden;
}
.series-content-box.church-update {
text-align: center;
background-color: #df214e;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5b6b211341c616c53469e470_NoChurchv1.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-flow: wrap;
flex: 0 auto;
place-content: center;
align-items: stretch;
height: 410px;
padding-left: 0;
padding-right: 0;
display: block;
position: static;
inset: 0;
overflow: hidden;
}
.serve-cbus-video-section {
background-color: #fff;
}
.video-3 {
margin-left: auto;
margin-right: auto;
display: block;
}
.container-13 {
padding: 50px 20px;
}
.full-width-section {
grid-column-gap: 20px;
grid-row-gap: 140px;
background-color: #4e4e4e;
flex-direction: column;
grid-template: "Area Area-2" 1fr
/ 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.full-width-section.camp-spark-about {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/573caadc2d818d524f294ef2_Camp%20Spark%20about_crop.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 85px;
padding-bottom: 85px;
}
.full-width-section.lutn-and-ya, .full-width-section.row-2 {
display: none;
}
.full-width-section._2-column-row.row1 {
max-width: none;
display: block;
position: relative;
}
.full-width-section.full-width.full-row-1 {
float: none;
clear: none;
width: 100%;
margin-bottom: -7px;
display: none;
position: relative;
overflow: hidden;
}
.full-width-section.full-width.narrow-height {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5b50a3418411da423e17a3a2_ServeCbus_background.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
height: 400px;
display: none;
}
.full-width-section._3-columns {
width: 100%;
height: 33%;
display: block;
position: static;
}
.full-width-section.short-term-groups-header {
background-image: linear-gradient(#282560, #282560);
justify-content: center;
align-items: center;
height: 200px;
display: flex;
}
.full-width-section._8-and-4-split {
display: none;
}
.full-width-section._4-and-8-split.become, .full-width-section._4-and-8-split.meet {
display: block;
}
.full-width-section.main-event-announce {
background-color: #000;
width: 100%;
display: none;
}
.full-width-section._6-6-split {
display: block;
}
.full-width-section.hsn-streaming {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
position: relative;
overflow: hidden;
}
.full-width-section.hsn-download {
grid-column-gap: 20px;
grid-row-gap: 15px;
flex-direction: column;
grid-template-rows: auto 1fr auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-items: center;
display: flex;
}
.full-width-section.hsn-contact {
grid-column-gap: 20px;
grid-row-gap: 15px;
grid-template-rows: auto 1fr auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
padding-bottom: 90px;
display: flex;
}
.html-stroked-font {
display: inline-block;
}
.down-arrow-pink {
opacity: 0;
color: #0000;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.down-arrow-pink:hover {
opacity: 1;
}
.down-arrow-white {
color: #0000;
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.down-arrow-white:hover {
opacity: 1;
}
.div-bar-grey {
float: none;
background-color: #4e4e4e;
width: 280px;
height: 8px;
display: inline-block;
}
.div-bar-grey._280 {
height: 2px;
}
.div-bar-grey._360 {
width: 360px;
height: 2px;
}
.div-bar-grey._160 {
width: 160px;
height: 2px;
}
.div-right-align {
clear: none;
text-align: right;
flex-flow: row;
justify-content: flex-end;
align-items: center;
display: flex;
position: static;
top: 0;
right: 0;
overflow: visible;
}
.html-stroked-font-h2-desktop {
padding-left: 10px;
padding-right: 10px;
display: inline-block;
}
.html-stroked-font-h2-desktop.no-padding {
margin-top: 20px;
padding-left: 0;
padding-right: 0;
}
.div-float-left {
float: left;
clear: none;
}
.bold-text {
font-weight: 400;
}
.div-float-right {
float: right;
display: block;
position: static;
}
.div-left-align {
clear: none;
text-align: right;
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
position: static;
top: 0;
right: 0;
overflow: visible;
}
.div-bar-white {
float: none;
background-color: #fff;
flex: 1;
width: 180px;
height: 8px;
display: inline-block;
}
.div-bar-white._200 {
flex: 0 auto;
width: 200px;
height: 2px;
display: flex;
}
.div-bar-white._180 {
flex: 0 auto;
height: 2px;
}
.header-font-non-stroked-h2 {
text-align: left;
letter-spacing: 6px;
margin-left: 10px;
margin-right: 10px;
font-family: bebas-neue;
font-size: 100px;
line-height: 142px;
}
.header-font-non-stroked-h2.grey {
color: #4e4e4e;
}
.div-center-align {
clear: none;
text-align: right;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: static;
top: 0;
right: 0;
overflow: visible;
}
.div-bar-white-vertical {
float: none;
background-color: #fff;
width: 2px;
height: 70px;
display: inline-block;
}
.div-bar-white-vertical._200 {
width: 200px;
}
.whats-happening-event-name {
color: #fff;
letter-spacing: 2px;
border-bottom: 0 #fff;
margin-right: 6px;
padding: 5px 10px 5px 12px;
font-family: brandon-grotesque;
font-size: 17px;
text-decoration: none;
}
.whats-happening-event-name:hover {
color: #e01f4e;
background-color: #fff;
}
.whats-happening-collection {
justify-content: space-between;
align-items: center;
height: 35px;
margin-top: 10px;
margin-bottom: 10px;
display: flex;
}
.whats-happening-event-date {
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
padding: 5px 10px;
font-family: brandon-grotesque;
font-size: 17px;
}
.collection-list-5 {
margin-left: auto;
margin-right: auto;
display: block;
}
.div-bar-event-seperator {
float: none;
background-color: #fff;
flex: 1;
width: 180px;
height: 2px;
display: inline-block;
}
.div-bar-event-seperator._200 {
width: 200px;
}
.whats-happening-collection-wrapper {
width: 600px;
margin-left: auto;
margin-right: auto;
display: block;
}
.container-14 {
flex-direction: column;
margin-top: 30px;
display: block;
}
.collection-list-6 {
float: right;
text-align: center;
width: 60%;
display: inline-block;
}
.collection-list-wrapper-2 {
width: 100%;
max-width: 1600px;
margin-left: auto;
margin-right: auto;
padding-bottom: 100px;
display: block;
}
.hamburger-bar {
background-color: #fff;
width: 30px;
height: 2px;
}
.main-menu-item {
color: #fff;
letter-spacing: 4px;
margin-left: 20px;
margin-right: 20px;
font-family: brandon-grotesque;
font-size: 10px;
font-weight: 300;
text-decoration: none;
}
.main-menu-item:hover {
color: #df214e;
}
.main-menu-item.w--current {
color: #fff;
letter-spacing: 4px;
margin-left: 20px;
margin-right: 20px;
font-family: brandon-grotesque;
font-size: 10px;
font-weight: 300;
text-decoration: none;
}
.main-menu-item.w--current:hover {
color: #df214e;
}
.main-menu-item.header-text-link {
text-align: center;
text-shadow: 1px 1px 2px #00000082;
font-weight: 900;
display: inline;
}
.main-menu-item.header-text-link.w--current {
text-shadow: 1px 1px 2px #0000007a;
font-weight: 900;
}
.main-menu-links {
float: none;
clear: none;
text-align: center;
justify-content: flex-end;
align-items: center;
height: 25px;
margin-left: auto;
margin-right: auto;
padding-right: 10px;
font-weight: 400;
display: flex;
position: absolute;
top: 16px;
right: 59px;
overflow: hidden;
}
.main-menu-section {
background-color: #000;
height: 56px;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.old-menu {
z-index: 12;
color: #0000;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/574f51ac6d8e04bf49094e1f_hamburger%2060px.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 30px;
height: 30px;
display: flex;
position: fixed;
top: 15px;
right: 20px;
overflow: visible;
}
.old-menu:hover {
opacity: .65;
background-color: #0000;
}
.new-nav-logo-link {
z-index: 12;
align-items: center;
display: flex;
position: absolute;
top: 15px;
left: 15px;
}
.new-nav-logo-link.w--current {
position: absolute;
top: 16px;
left: 15px;
overflow: visible;
}
.text-block-18 {
letter-spacing: 2px;
text-transform: uppercase;
margin-top: 80px;
font-family: brandon-grotesque;
font-size: 11px;
font-style: italic;
font-weight: 100;
}
.div-block-18 {
margin-top: 60px;
}
.new-footer {
text-align: center;
background-color: #1b1b1c;
padding-top: 49px;
padding-bottom: 30px;
}
.new-footer-text-link {
color: #fff;
letter-spacing: 4px;
margin-left: 20px;
margin-right: 20px;
font-family: brandon-grotesque;
font-size: 11px;
font-weight: 300;
text-decoration: none;
}
.new-footer-text-link:hover {
color: #df214e;
}
.new-footer-text-link.w--current {
color: #fff;
letter-spacing: 4px;
margin-left: 20px;
margin-right: 20px;
font-family: Lato, sans-serif;
font-size: 11px;
font-weight: 300;
text-decoration: none;
}
.new-footer-text-link.w--current:hover {
color: #df214e;
}
.new-footer-text-link.header-text-link {
text-align: center;
text-shadow: 1px 1px 2px #00000082;
font-weight: 900;
display: inline;
}
.new-footer-text-link.header-text-link.w--current {
text-shadow: 1px 1px 2px #0000007a;
font-weight: 900;
}
.new-footer-links-div {
margin-bottom: 25px;
}
.new-footer-copyright {
color: #fff;
letter-spacing: 4px;
font-family: brandon-grotesque;
font-size: 10px;
font-weight: 300;
}
.new-footer-social-links-div {
clear: none;
justify-content: center;
align-items: center;
margin-top: 45px;
margin-bottom: 40px;
display: flex;
}
.footer-copy {
text-align: center;
background-color: #1b1b1c;
padding-top: 50px;
padding-bottom: 30px;
}
.new-social-link-block {
clear: none;
color: #fff;
border: 1px solid #fff;
border-radius: 30px;
flex-flow: row;
place-content: center;
align-items: center;
width: 45px;
height: 45px;
margin-left: 10px;
margin-right: 10px;
text-decoration: none;
display: flex;
}
.new-social-icon {
color: #fff;
flex-flow: column;
justify-content: space-between;
align-items: center;
padding-top: 0;
font-family: Fontello, sans-serif;
font-size: 18px;
text-decoration: none;
display: inline-block;
}
.new-social-icon:hover {
font-size: 18px;
}
.new-social-icon.christmas-rhyme-social-link {
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: 23px;
line-height: 88px;
display: block;
}
.new-social-icon.christmas-rhyme-social-link:hover {
color: #fff;
}
.footer-social-icons-div {
margin-left: 15px;
margin-right: 15px;
display: flex;
}
.social-icon-seperator {
background-color: #fff;
width: 200px;
height: 1px;
}
.html-stroked-font-h3 {
margin-left: 20px;
margin-right: 20px;
display: inline-block;
}
.html-stroked-font-h3.no-padding {
padding-left: 0;
padding-right: 0;
}
.section-7 {
display: none;
}
.html-stroked-font-phoneh, .html-stroked-font-phonev, .html-stroked-font-desktop, .html-stroked-font-tablet {
display: inline-block;
}
.html-stroked-font-h2-tablet {
padding-left: 10px;
padding-right: 10px;
display: inline-block;
}
.html-stroked-font-h2-tablet.no-padding {
padding-left: 0;
padding-right: 0;
}
.html-stroked-font-h2-phoneh {
padding-left: 10px;
padding-right: 10px;
display: inline-block;
}
.html-stroked-font-h2-phoneh.no-padding {
padding-left: 0;
padding-right: 0;
}
.html-stroked-font-h2-phonev {
padding-left: 10px;
padding-right: 10px;
display: inline-block;
}
.html-stroked-font-h2-phonev.no-padding {
padding-left: 0;
padding-right: 0;
}
.container-15 {
margin-top: 30px;
}
.text-block-19 {
letter-spacing: 2px;
text-transform: uppercase;
font-family: brandon-grotesque;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 37px;
}
.empty-state-2 {
background-color: #0000;
}
.div-block-19 {
flex-direction: row;
justify-content: center;
align-items: center;
display: none;
}
.main-nav-background {
z-index: 11;
background-color: var(--f14-black);
height: 56px;
display: block;
position: fixed;
top: 57px;
left: 0;
right: 0;
}
.szns-banner {
z-index: 12;
background-image: linear-gradient(90deg, #8aabc2, #3f525f);
justify-content: space-between;
align-items: center;
height: 32px;
padding-top: 1px;
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.szns-circle {
background-color: #0000;
border: 1px solid #fff;
border-radius: 14px;
width: 14px;
height: 14px;
margin-left: 3px;
margin-right: 3px;
}
.szns-circle.left {
border-width: 1px;
margin-right: 3px;
}
.szns-circle.left.filled {
margin-right: 4px;
}
.szns-circle.filled {
background-color: #fff;
}
.szns-banner-text {
letter-spacing: 1px;
margin-left: 10px;
font-family: brandon-grotesque;
font-size: 12px;
font-weight: 300;
}
.szns-banner-text.link {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
align-items: center;
font-weight: 400;
text-decoration: none;
display: block;
}
.szns-banner-text.link:hover {
color: #c2c2c2;
}
.szns-banner-div-group {
align-items: center;
margin-left: 30px;
margin-right: 30px;
display: flex;
}
.navbar-test {
background-color: #0000;
height: 56px;
display: inline;
position: absolute;
top: 0;
left: 0;
right: 0;
overflow: visible;
}
.main-nav-background-test {
background-color: #000;
height: 56px;
display: block;
position: fixed;
top: 32px;
left: 0;
right: 0;
}
.menu-test {
z-index: 12;
color: #0000;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 30px;
height: 25px;
display: flex;
position: fixed;
top: 47px;
right: 20px;
overflow: visible;
}
.menu-test:hover {
opacity: .65;
background-color: #0000;
}
.new-nav-logo-link-test {
z-index: 12;
position: fixed;
top: 47px;
left: 15px;
}
.new-nav-logo-link-test.w--current {
position: fixed;
top: 15px;
left: 15px;
overflow: visible;
}
.side-menu-holder {
text-align: left;
background-image: linear-gradient(#202020, #000);
justify-content: center;
width: 260px;
padding-left: 10px;
padding-right: 10px;
display: flex;
position: fixed;
top: 88px;
bottom: 0;
right: 0;
overflow: scroll;
}
.main-nav-div {
text-align: center;
flex: 0 auto;
margin: 10px 15px;
overflow: visible;
}
.main-nav-link {
color: #fff;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
width: 230px;
margin-top: 2px;
margin-bottom: 2px;
padding: 4px 7px 4px 8px;
font-family: brandon-grotesque;
font-size: 11px;
font-weight: 300;
text-decoration: none;
display: inline-block;
}
.main-nav-link:hover {
color: #2e2e2e;
background-color: #fff;
}
.heading-4 {
letter-spacing: 2px;
margin-top: 10px;
font-family: bebas-neue;
font-size: 20px;
}
.div-block-20 {
border: 1px #000;
border-top: 1px solid #c7c7c7;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 10px;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.side-nav-main-link-div {
margin-top: 20px;
margin-bottom: 30px;
}
.side-nav-secondary-link {
clear: none;
color: #b4b4b4;
letter-spacing: 2px;
text-transform: uppercase;
font-family: brandon-grotesque;
font-size: 10px;
text-decoration: none;
}
.section-8 {
height: 1000px;
}
.szns-hero-section {
background-image: linear-gradient(#0000, #000000a1 100%, #0000004a), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5be261e8063defd23ab3f146_szns%20background.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
padding: 20px 35px;
display: flex;
}
.szns-heading {
text-align: center;
letter-spacing: 4px;
margin-bottom: 15px;
font-family: bebas-neue;
font-size: 70px;
font-weight: 400;
}
.szns-heading.sub {
text-shadow: 1px 1px 17px #00000040;
margin-left: 4px;
font-size: 60px;
}
.szns-heading.sub.dark {
color: #4e4e4e;
text-shadow: none;
}
.columns-szns-main {
flex-flow: row;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: center;
width: 96%;
max-width: 1200px;
margin-bottom: 70px;
display: flex;
}
.szns-description-text {
text-align: center;
letter-spacing: 1px;
font-family: brandon-grotesque;
font-size: 20px;
line-height: 27px;
}
.szns-description-text.top {
margin-bottom: 24px;
font-size: 18px;
line-height: 22px;
}
.szns-description-text.top.dark {
color: #4e4e4e;
font-size: 20px;
line-height: 25px;
}
.szns-description-text.middle {
letter-spacing: 3px;
margin-bottom: 10px;
font-family: brandon-grotesque;
font-size: 21px;
font-weight: 100;
}
.szns-description-text.szns {
letter-spacing: 2px;
margin-bottom: 24px;
font-family: bebas-neue;
font-size: 26px;
}
.szns-description-text.bottom {
font-size: 17px;
line-height: 22px;
}
.szns-description-text.carter {
font-family: brandon-grotesque;
font-size: 13px;
line-height: auto;
letter-spacing: 2px;
margin-bottom: 24px;
}
.szns-description-text.carter-book {
letter-spacing: 2px;
font-family: bebas-neue;
font-size: 26px;
}
.szns-description-text.joel {
letter-spacing: 2px;
margin-bottom: 51px;
font-family: bebas-neue;
font-size: 26px;
}
.column-23 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 15px;
padding-right: 15px;
display: none;
}
.column-24 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.szns-section-2-connect {
background-image: radial-gradient(circle, #ffffffbf, #0000), linear-gradient(#f9f9f92e, #ffffffa1), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5d234dffd52c513145e83105_group-of-friends-hanging-out.jpg");
background-position: 0 0, 0 0, 50%;
background-repeat: repeat, repeat, no-repeat;
background-size: auto, auto, cover;
flex-direction: column;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 59px;
display: none;
}
.szns-dots {
flex-direction: row;
justify-content: center;
align-items: center;
padding-top: 6px;
display: flex;
}
.szns-dot {
background-color: #fff;
border: 2px solid #fff;
border-radius: 20px;
width: 16px;
height: 16px;
margin-left: 5px;
margin-right: 5px;
display: block;
}
.szns-dot.larger {
width: 22px;
height: 22px;
}
.szns-dot.larger.dark {
color: #4e4e4e;
background-color: #4e4e4e;
border-color: #4e4e4e;
}
.szns-dot.dark {
background-color: #4e4e4e;
border-color: #4e4e4e;
}
.szns-heading-div {
margin-top: 65px;
margin-bottom: 80px;
}
.szns-invite-graphic {
border: 1px solid #4e4e4e;
width: 50%;
max-width: 1000px;
margin-bottom: 60px;
}
.szns-invite-text-block {
width: 80%;
max-width: 1100px;
display: block;
}
.szns-invite-text-block.learn {
margin-top: 8px;
margin-bottom: 25px;
}
.szns-section-3-resources {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5c38bb24b400ddbececa9b66_szns%20background%203%20learn.jpg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 60px 35px 100px;
display: flex;
}
.column-25 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.christmas2018-hero-section {
float: none;
clear: none;
flex-direction: column;
justify-content: center;
align-items: center;
display: block;
position: relative;
}
.navbar-space {
background-color: #0000;
height: 88px;
display: block;
position: static;
top: 0;
left: 0;
right: 0;
}
.down-arrow-christmas {
text-align: center;
width: 40px;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
bottom: 46px;
left: 0;
right: 0;
}
.image-12 {
margin-top: -30px;
}
.christmas2018-description-text {
text-align: center;
letter-spacing: 1px;
font-family: brandon-grotesque;
font-size: 20px;
line-height: 27px;
}
.christmas2018-description-text.top {
text-align: left;
text-shadow: 1px 1px 6px #0000003d;
width: 100%;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
font-size: 24px;
font-weight: 700;
line-height: 22px;
display: block;
}
.christmas2018-description-text.top.dark {
color: #4e4e4e;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 25px;
}
.christmas2018-description-text.middle {
letter-spacing: 3px;
margin-bottom: 10px;
font-family: brandon-grotesque;
font-size: 21px;
font-weight: 100;
}
.christmas2018-description-text.szns {
letter-spacing: 2px;
margin-bottom: 24px;
font-family: bebas-neue;
font-size: 26px;
}
.christmas2018-description-text.bottom {
font-size: 17px;
line-height: 22px;
}
.christmas2018-description-text.carter {
font-family: brandon-grotesque;
font-size: 13px;
line-height: auto;
letter-spacing: 2px;
margin-bottom: 24px;
}
.christmas2018-description-text.carter-book {
letter-spacing: 2px;
font-family: bebas-neue;
font-size: 26px;
}
.christmas2018-description-text.joel {
letter-spacing: 2px;
margin-bottom: 51px;
font-family: bebas-neue;
font-size: 26px;
}
.christmas2018-description-text.middle {
font-size: 16px;
line-height: auto;
text-align: left;
letter-spacing: 1px;
text-shadow: 1px 1px 6px #0000005e;
margin-bottom: 24px;
font-weight: 400;
}
.christmas2018-description-text.middle.dark {
color: #4e4e4e;
font-size: 16px;
line-height: auto;
letter-spacing: 2px;
margin-bottom: 0;
font-weight: 400;
}
.christmas2018-invite-text-block {
width: 100%;
max-width: 1100px;
margin-left: 40px;
margin-right: auto;
display: block;
}
.christmas2018-invite-text-block.learn {
margin-bottom: 25px;
}
.christmas2018-heading-div {
margin-top: 20px;
margin-bottom: 50px;
}
.christmas2018-section-2 {
background-image: linear-gradient(111deg, #0000003b, #0000), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5c0337a074a7d665c105bd4f_gold%20foil.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
flex-direction: column;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 50px;
display: flex;
}
.christmas2018-section-3 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5c033a8754fdea0a9321177a_gold%20geo.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 60px 35px 100px;
display: flex;
}
.christmas2018-stroked-div {
border: 1px solid #fff;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 50px;
padding-bottom: 20px;
display: block;
}
.image-13, .image-14, .image-15, .image-16, .image-17, .image-18 {
border: 1px solid #bdbdbd;
}
.christmas2018-heading {
text-align: center;
letter-spacing: 4px;
margin-bottom: 15px;
font-family: bebas-neue;
font-size: 70px;
font-weight: 400;
}
.christmas2018-heading.sub {
text-align: left;
text-shadow: 1px 1px 17px #00000040;
margin-left: 40px;
font-size: 60px;
}
.christmas2018-heading.sub.dark {
color: #4e4e4e;
}
.vertical-hero, .horizonal-hero {
margin-top: -30px;
}
.home-section-1b {
background-image: linear-gradient(#282460, #181544);
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: auto;
padding-top: 84px;
padding-bottom: 94px;
display: flex;
position: relative;
overflow: hidden;
}
.div-middle {
float: none;
text-align: center;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
bottom: 30px;
left: 0;
right: 0;
}
.div-middle.easter {
position: static;
}
.home-section-1a-example {
display: block;
position: relative;
}
.christmas-video-description-text {
font-family: brandon-grotesque;
font-size: 14px;
line-height: auto;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 20px;
font-weight: 700;
}
.christmas-video-description-text.top {
margin-bottom: 24px;
font-size: 18px;
line-height: 22px;
}
.christmas-video-description-text.top.dark {
color: #4e4e4e;
font-size: 20px;
line-height: 25px;
}
.christmas-video-description-text.middle {
letter-spacing: 3px;
margin-bottom: 10px;
font-family: brandon-grotesque;
font-size: 21px;
font-weight: 100;
}
.christmas-video-description-text.szns {
letter-spacing: 2px;
margin-bottom: 24px;
font-family: bebas-neue;
font-size: 26px;
}
.christmas-video-description-text.bottom {
font-size: 17px;
line-height: 22px;
}
.christmas-video-description-text.carter {
font-family: brandon-grotesque;
font-size: 13px;
line-height: auto;
letter-spacing: 2px;
margin-bottom: 24px;
}
.christmas-video-description-text.carter-book {
letter-spacing: 2px;
font-family: bebas-neue;
font-size: 26px;
}
.christmas-video-description-text.joel {
letter-spacing: 2px;
margin-bottom: 51px;
font-family: bebas-neue;
font-size: 26px;
}
.christmas-description-link {
font-family: brandon-grotesque;
font-size: 13px;
line-height: auto;
text-align: center;
letter-spacing: 1px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
font-style: italic;
font-weight: 400;
text-decoration: none;
display: inline-block;
}
.christmas-description-link:hover {
color: #df214e;
}
.christmas-description-link.top {
margin-bottom: 24px;
font-size: 18px;
line-height: 22px;
}
.christmas-description-link.top.dark {
color: #4e4e4e;
font-size: 20px;
line-height: 25px;
}
.christmas-description-link.middle {
letter-spacing: 3px;
margin-bottom: 10px;
font-family: brandon-grotesque;
font-size: 21px;
font-weight: 100;
}
.christmas-description-link.szns {
letter-spacing: 2px;
margin-bottom: 24px;
font-family: bebas-neue;
font-size: 26px;
}
.christmas-description-link.bottom {
font-size: 17px;
line-height: 22px;
}
.christmas-description-link.carter {
font-family: brandon-grotesque;
font-size: 13px;
line-height: auto;
letter-spacing: 2px;
margin-bottom: 24px;
}
.christmas-description-link.carter-book {
letter-spacing: 2px;
font-family: bebas-neue;
font-size: 26px;
}
.christmas-description-link.joel {
letter-spacing: 2px;
margin-bottom: 51px;
font-family: bebas-neue;
font-size: 26px;
}
.christmas-link {
color: #fff;
letter-spacing: 1px;
margin-top: 10px;
font-family: brandon-grotesque;
font-size: 13px;
font-style: italic;
}
.christmas-link:hover {
color: #e01f4e;
}
.szns-video-column-invite {
flex-flow: row;
flex: 0 auto;
justify-content: center;
align-items: stretch;
width: 96%;
max-width: 1200px;
margin-bottom: 70px;
display: none;
}
.church-announce {
float: none;
clear: none;
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
background-color: #000;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
padding-top: 33px;
display: none;
position: relative;
}
.column-24b {
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 15px;
padding-right: 15px;
display: none;
}
.column-23b {
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.columns-szns-b {
flex-flow: row;
flex: 0 auto;
justify-content: center;
align-items: stretch;
width: 96%;
max-width: 1200px;
margin-bottom: 70px;
display: none;
}
.nav-filler-section {
height: 88px;
}
.section-9 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5c5b23489cbb4968ce7a3f20_Five14KidsPJParty%20background.jpg"), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5c52149154eb74ab04799dad_superbowlparty_background.jpg");
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: cover, 1500px;
}
.image-20 {
border: 1px solid #fff;
width: 600px;
margin-left: auto;
margin-right: auto;
display: block;
box-shadow: 0 0 100px 12px #ffffff21;
}
.div-block-21 {
padding-top: 80px;
padding-bottom: 80px;
}
.heading-5 {
text-align: center;
letter-spacing: 2px;
margin-top: 55px;
font-family: brandon-grotesque;
font-size: 25px;
}
.text-block-20 {
text-align: center;
letter-spacing: 1px;
margin-top: 30px;
font-family: Open Sans, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
}
.text-block-21 {
text-align: center;
margin-top: 6px;
font-family: Open Sans, sans-serif;
font-size: 11px;
font-style: italic;
font-weight: 300;
line-height: 25px;
}
.text-block-22 {
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
margin-top: 55px;
margin-left: auto;
margin-right: auto;
font-family: brandon-grotesque;
font-size: 25px;
font-weight: 700;
display: block;
}
.text-block-23 {
text-align: center;
letter-spacing: 1px;
margin-top: 20px;
font-family: Open Sans, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 25px;
}
.text-block-24 {
text-align: center;
letter-spacing: 1px;
margin-top: 0;
font-family: Open Sans, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 25px;
}
.full-section-graphic {
width: 100%;
height: auto;
position: static;
}
.full-section-graphic.food-pantry {
display: none;
}
.full-section-graphic.serve {
width: 600px;
max-width: 60%;
}
.section-10 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5ca430fbb49987d270d83260_grunge-dark-texture-1080.jpg");
background-position: 50% 0;
background-size: auto;
justify-content: center;
align-items: center;
padding-top: 50px;
padding-bottom: 50px;
display: flex;
}
.video-4 {
justify-content: center;
align-items: center;
display: block;
}
.div-block-22 {
justify-content: center;
width: 90%;
max-width: 800px;
display: flex;
}
.easter-at-five14-mobile-graphic {
display: none;
}
.easter-graphics-mobile {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: 125px;
}
.easter-at-five14-times-div {
position: absolute;
inset: auto 0% 3%;
}
.easter-at-five14-main-graphic {
width: auto;
display: block;
}
.easter-at-five14-times {
color: #3d3d3d;
text-align: center;
letter-spacing: .5em;
font-family: brandon-grotesque;
font-size: 17px;
font-weight: 400;
line-height: 27px;
position: static;
top: auto;
left: 0%;
right: 0%;
}
.whatshappeninginfo-section {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5c5b23489cbb4968ce7a3f20_Five14KidsPJParty%20background.jpg");
background-position: 50%;
background-size: cover;
background-attachment: scroll;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 86px;
display: flex;
}
.heading-6 {
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
text-shadow: 1px 1px 3px #000;
justify-content: center;
width: 90%;
max-width: 900px;
padding-top: 85px;
font-family: brandon-grotesque;
display: block;
position: static;
overflow: hidden;
}
.image-21 {
width: 80%;
max-width: 800px;
margin-top: 40px;
box-shadow: 1px 1px 3px #000000b3;
}
.text-block-25 {
color: #2b2b2b;
text-align: center;
letter-spacing: 1px;
margin-bottom: 30px;
font-family: Open Sans, sans-serif;
font-size: 15px;
}
.div-block-23 {
text-align: center;
background-color: #ffffffd9;
width: 80%;
max-width: 800px;
margin-top: 50px;
margin-left: 50px;
margin-right: 50px;
padding: 58px 40px;
box-shadow: 1px 1px 3px #000000b3;
}
.columns-szns-a {
flex-flow: row;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: stretch;
width: 96%;
max-width: 1200px;
margin-bottom: 70px;
display: flex;
}
.div-block-24 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #00000026;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
padding-bottom: 100px;
display: flex;
}
.div-block-25 {
border: 2px solid #fff;
width: 500px;
max-width: 90%;
}
.text-block-26 {
color: #2b2b2b;
text-align: center;
letter-spacing: .5px;
margin: 20px;
font-family: Open Sans, sans-serif;
font-size: 12px;
line-height: 18px;
}
.blurb-2 {
border: 1px solid #c4c4c4;
margin-top: 48px;
margin-left: 43px;
margin-right: 43px;
padding-top: 10px;
padding-bottom: 30px;
}
.link-14 {
color: #505050;
letter-spacing: 2px;
text-transform: uppercase;
font-family: proxima-nova;
font-size: 13px;
font-weight: 700;
text-decoration: none;
display: inline;
}
.link-14:hover {
color: #1b1b1b;
}
.announcement-foreground-graphic {
width: 90%;
max-width: 650px;
margin-top: 180px;
}
.section-1b-div {
width: 600px;
max-width: 60%;
}
.button-div {
float: none;
clear: none;
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.button-div.spacing {
margin-bottom: 50px;
display: none;
}
.button-div.hsn-streaming-buttons {
position: absolute;
inset: auto 0% 30px;
}
.div-block-26 {
float: none;
clear: none;
position: relative;
inset: auto 0% 0%;
}
.link-block-4 {
width: 160px;
}
.graphic-button.hsn-streaming-button-link {
width: 160px;
margin-left: 10px;
margin-right: 10px;
}
.graphic-button.hsn-streaming-button-link:hover {
filter: brightness(53%);
}
.hsn-grid-form {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-left: 20px;
margin-right: 20px;
display: block;
}
.form-label.hsn {
margin-top: 20px;
padding-left: 10px;
}
.form-captcha.hsn {
margin-top: 20px;
}
.hsn-header {
text-align: center;
margin-top: 85px;
margin-bottom: 40px;
}
.full-width-text-block {
text-align: center;
width: 760px;
max-width: 90%;
margin-top: 10px;
margin-bottom: 65px;
font-family: Open Sans, sans-serif;
}
.grid-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-div.hsn-contact-grid {
grid-column-gap: 50px;
grid-template-rows: auto;
width: 90%;
max-width: 900px;
}
.section-11 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.heading3 {
color: #282560;
letter-spacing: 8px;
margin-bottom: 16px;
font-family: brandon-grotesque;
font-size: 20px;
font-weight: 700;
}
.text-description {
letter-spacing: 1px;
font-family: Open Sans, sans-serif;
font-size: 14px;
line-height: 22px;
}
.text-description.groups-description {
text-align: center;
width: 80%;
max-width: 800px;
margin-bottom: 40px;
}
.text-description.groups-full-description {
text-align: center;
width: 80%;
max-width: 800px;
margin-bottom: 20px;
display: none;
}
.text-description.groups-virtual-description {
text-align: center;
width: 80%;
max-width: 800px;
margin-bottom: 20px;
display: block;
}
.text-description.groups-full-description-v2 {
color: var(--f14-black);
text-align: center;
width: 80%;
max-width: 800px;
margin-bottom: 20px;
display: block;
}
.grid-tiles-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 1;
grid-template: "group-info"
"."
/ 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-self: auto;
width: 90%;
max-width: 1000px;
display: grid;
}
.groups-tile-div {
border: 2px solid #525252;
flex-direction: column;
align-items: center;
padding: 25px 25px 50px;
display: flex;
}
.groups-tile-main-image {
padding-bottom: 29px;
}
.groups-tile-names {
letter-spacing: 1px;
text-transform: uppercase;
padding-bottom: 14px;
font-family: bebas-neue;
font-size: 21px;
line-height: 25px;
}
.groups-tile-category {
color: #fff;
background-color: #df214e;
border-radius: 20px;
margin-left: 5px;
margin-right: 5px;
padding-left: 10px;
padding-right: 10px;
font-family: brandon-grotesque;
font-size: 11px;
}
.text-block-29 {
color: gray;
text-transform: uppercase;
margin-bottom: 22px;
font-family: Open Sans, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 24px;
}
.groups-tile-location {
letter-spacing: 1px;
text-transform: uppercase;
padding-top: 30px;
padding-bottom: 40px;
font-family: Open Sans, sans-serif;
font-size: 30px;
font-weight: 800;
line-height: 35px;
overflow: visible;
}
.groups-tile-collection-wrapper {
border: 1px #0000;
margin-top: 10px;
margin-bottom: 50px;
}
.groups-tile-collection {
flex-flow: wrap;
place-content: center;
align-items: center;
display: flex;
}
.groups-tile {
border: 2px solid #333;
flex-direction: column;
flex: 0 auto;
justify-content: space-between;
align-self: auto;
align-items: center;
width: 300px;
margin: 8px;
padding: 25px 25px 50px;
display: flex;
}
.groups-empty-state {
background-color: #0000;
font-family: bebas-neue;
}
.groups-empty-state-text {
letter-spacing: 2px;
border: 2px solid #333;
padding: 6px 20px;
font-style: italic;
}
.groups-tile-category-2 {
color: #fff;
background-color: #df214e;
border-radius: 20px;
margin-left: 5px;
margin-right: 5px;
padding-left: 10px;
padding-right: 10px;
font-family: brandon-grotesque;
font-size: 11px;
}
.groups-tile-category-div {
justify-content: center;
display: flex;
}
.five14-hsn-link-button-div {
float: none;
clear: none;
text-align: center;
align-self: flex-end;
width: 800px;
margin-left: auto;
margin-right: auto;
display: block;
}
.five14-hsn-link-button-div.top-padding {
padding-top: 25px;
}
.five14-hsn-link-button-div._900 {
width: 900px;
}
.groups-day-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 1200px;
max-width: 96%;
display: none;
}
.groups-day-div.monday {
align-items: center;
}
.groups-day-div.saturday {
display: none;
}
.groups-day-of-the-week {
color: #df214e;
letter-spacing: 7px;
margin-bottom: 30px;
padding: 6px 24px 6px 30px;
font-family: bebas-neue;
font-size: 31px;
}
.groups-day-of-the-week-collection.sunday {
margin-top: 10px;
}
.groups-day-of-the-week-collection-item {
flex-direction: column;
align-items: center;
display: flex;
}
.static-nav-bar {
display: inline;
position: fixed;
inset: 0% 0% auto;
}
.nav-background-filler {
height: 88px;
position: fixed;
inset: 0% 0% auto;
}
.hsn-resources-link-div {
text-align: left;
background-color: #050505;
width: 66%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 23% auto auto;
}
.hsn-resources-link-text {
color: var(--white);
letter-spacing: 5px;
text-transform: uppercase;
margin-left: 26px;
font-family: bebas-neue;
font-size: 36px;
font-weight: 400;
line-height: 32px;
text-decoration: none;
}
.hsn-resources-link-top {
float: none;
clear: none;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin-top: 10%;
margin-bottom: 2%;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 13%;
text-decoration: none;
display: flex;
}
.hsn-resources-link-top:hover {
background-color: #202020;
}
.hsn-resources-link-top:active {
background-color: #d8d8d8;
}
.hsn-resources-link-middle {
float: none;
clear: none;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin-top: 2%;
margin-bottom: 2%;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 13%;
text-decoration: none;
display: flex;
}
.hsn-resources-link-middle:hover {
background-color: #202020;
}
.hsn-resources-link-middle:active {
background-color: #d8d8d8;
}
.hsn-resources-link-bottom {
float: none;
clear: none;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin-top: 2%;
margin-bottom: 10%;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 13%;
font-family: bebas-neue;
text-decoration: none;
display: flex;
}
.hsn-resources-link-bottom:hover {
background-color: #202020;
}
.hsn-resources-link-bottom:active, .hsn-resources-link-bottom.w--current:active {
background-color: #d8d8d8;
}
.video-section-3 {
background-color: #00000061;
height: 630px;
padding-top: 50px;
padding-bottom: 80px;
}
.connect-with-staff-div-2 {
text-align: center;
height: 46px;
margin: 10px auto 0;
display: block;
position: static;
bottom: 0;
left: 0;
right: 0;
}
.columns {
display: flex;
}
.div-block-27 {
text-align: center;
}
.nav-spacer-section {
height: 88px;
}
.five14-serves-hero-section {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5d43487e9da8890d36751e47_buildings.jpg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
height: 90vh;
display: flex;
}
.five14-serves-logo {
width: 400px;
margin-bottom: 40px;
}
.five14-serves-partner-link {
justify-content: center;
align-items: center;
width: 120px;
margin: 20px;
transition: all .2s;
display: flex;
}
.five14-serves-partner-link:hover {
transform: scale(1.2);
}
.div-block-28 {
flex-wrap: wrap;
place-content: center;
align-items: center;
width: 90%;
display: flex;
}
.image-22 {
width: 140px;
margin-bottom: 70px;
}
.div-block-29 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
grid-template: "Area Area-2"
". ."
/ 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: stretch;
width: 800px;
display: flex;
}
.five14-serves-home-div {
margin-left: 60px;
margin-right: 60px;
display: inline-block;
}
.five14-serves-home-text {
direction: ltr;
color: #282560;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #fffffff7;
width: 800px;
max-width: 80%;
margin-bottom: 30px;
padding: 32px 38px 32px 39px;
font-family: brandon-grotesque;
font-size: 14px;
line-height: 22px;
box-shadow: 2px 4px 12px 1px #08071496;
}
.text-block-31 {
text-align: center;
}
.five14-serves-home-logo {
max-width: none;
height: 150px;
margin: 40px 40px 50px;
}
.image-24 {
max-width: none;
height: 250px;
}
.five14-serves-home-button {
float: none;
text-align: center;
margin-left: auto;
margin-right: auto;
display: block;
position: static;
bottom: 30px;
left: 0;
right: 0;
}
.five14-serves-home-button.easter {
position: static;
}
.offset-inpage-link {
position: absolute;
top: -88px;
}
.offset-inpage-link.bottom {
inset: auto auto 65px 0%;
}
.full-width-section-reveal {
grid-column-gap: 20px;
grid-row-gap: 140px;
background-color: #4e4e4e;
flex-direction: column;
grid-template: "Area Area-2" 1fr
/ 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.full-width-section-reveal.camp-spark-about {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/573caadc2d818d524f294ef2_Camp%20Spark%20about_crop.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 85px;
padding-bottom: 85px;
}
.full-width-section-reveal.lutn-and-ya, .full-width-section-reveal.row-2 {
display: none;
}
.full-width-section-reveal._2-column-row.row1 {
max-width: none;
display: block;
position: relative;
}
.full-width-section-reveal.full-width.full-row-1 {
float: none;
clear: none;
width: 100%;
margin-bottom: -7px;
display: none;
position: relative;
overflow: hidden;
}
.full-width-section-reveal.full-width.narrow-height {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5b50a3418411da423e17a3a2_ServeCbus_background.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
height: 400px;
display: none;
}
.full-width-section-reveal._3-columns {
width: 100%;
height: 33%;
display: block;
position: static;
}
.full-width-section-reveal.short-term-groups-header {
background-image: linear-gradient(#282560, #282560);
justify-content: center;
align-items: center;
height: 200px;
display: flex;
}
.full-width-section-reveal._8-and-4-split {
display: none;
}
.full-width-section-reveal._4-and-8-split.become, .full-width-section-reveal._4-and-8-split.meet {
display: block;
}
.full-width-section-reveal.main-event-announce {
background-color: #000;
width: 100%;
display: none;
}
.full-width-section-reveal._6-6-split {
display: block;
}
.full-width-section-reveal.hsn-streaming {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
position: relative;
overflow: hidden;
}
.full-width-section-reveal.hsn-download {
grid-column-gap: 20px;
grid-row-gap: 15px;
flex-direction: column;
grid-template-rows: auto 1fr auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-items: center;
display: flex;
}
.full-width-section-reveal.hsn-contact {
grid-column-gap: 20px;
grid-row-gap: 15px;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5ca430fbb49987d270d83260_grunge-dark-texture-1080.jpg");
background-position: 0 0;
background-size: cover;
grid-template-rows: auto 1fr auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
padding-bottom: 90px;
display: flex;
}
.image-25 {
padding: 10px;
}
.text-block-36, .text-block-37 {
font-size: 27px;
}
.div-block-31 {
width: 600px;
}
.groups-button-div {
margin-top: 25px;
}
.groups-button-div.im-interested {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 20px;
margin-bottom: 40px;
display: block;
}
.groups-tile-meet-time {
color: var(--five14-pink);
letter-spacing: 1px;
text-transform: uppercase;
font-family: brandon-grotesque;
font-size: 11px;
font-weight: 700;
display: block;
}
.section-15 {
height: 88px;
}
.section-16 {
background-image: radial-gradient(circle, #00000085, #00000042), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5de72894524e5066c1eff165_mohammad-alizade-XgeZu2jBaVI-unsplash.jpg");
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
flex-flow: column;
align-items: center;
padding-top: 50px;
padding-bottom: 50px;
display: flex;
}
.heading-9 {
text-align: center;
margin-bottom: 5px;
font-family: bebas-neue;
font-size: 100px;
line-height: 100px;
}
.text-block-39 {
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 34px;
font-family: bebas-neue;
font-size: 32px;
font-weight: 400;
line-height: 27px;
}
.text-block-40 {
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
width: 600px;
margin-bottom: 61px;
font-family: brandon-grotesque;
font-size: 13px;
}
.grid {
grid-template: "Area"
/ 1fr 1fr 1fr 1fr;
}
.text-block-41 {
text-align: center;
text-transform: uppercase;
font-family: brandon-grotesque;
font-size: 46px;
line-height: 41px;
}
.video-6 {
flex-flow: row;
justify-content: center;
align-items: stretch;
height: 100%;
display: block;
}
.about-video-div-block {
flex-flow: wrap;
justify-content: center;
align-items: stretch;
width: 100%;
max-width: 1600px;
margin-bottom: 50px;
display: flex;
}
.about-video-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 250px;
height: 250px;
margin: 15px;
display: block;
position: relative;
}
.about-video-embed {
border: 2px solid var(--white);
width: 100%;
height: 100%;
display: block;
}
.about-video-label {
z-index: 2;
text-align: center;
letter-spacing: 3px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: bebas-neue;
font-size: 32px;
position: absolute;
inset: 44% 0% 0%;
}
.div-block-33 {
background-color: var(--white);
width: 3px;
height: 24px;
margin-top: 5px;
margin-bottom: 5px;
}
.about-service-times {
text-align: center;
text-transform: uppercase;
font-family: Inconsolata, monospace;
font-size: 18px;
}
.about-more-info-text {
text-align: center;
text-transform: uppercase;
font-family: Inconsolata, monospace;
font-size: 33px;
line-height: 30px;
}
.about-more-info-div {
align-items: center;
margin-bottom: 80px;
display: flex;
}
.image-29 {
width: 82px;
}
.text-block-42 {
color: var(--white);
text-transform: none;
white-space: normal;
font-family: bebas-neue;
text-decoration: none;
}
.div-block-34 {
border: 1px solid var(--white);
text-align: center;
width: 58px;
height: 58px;
padding: 7px;
}
.about-calendar-link-text {
text-align: center;
text-transform: uppercase;
font-family: Inconsolata, monospace;
font-size: 11px;
}
.about-video-bg-div {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: 125px;
width: 100%;
height: 100%;
}
.about {
z-index: 1;
border: 2px solid var(--white);
width: 100%;
height: 100%;
display: block;
}
.szns-section-2-invite {
background-image: radial-gradient(circle, #ffffffbf, #0000), linear-gradient(#f9f9f92e, #ffffff0d), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5c2ecf739bc27a21f4424dcd_learn%20background.jpg");
background-position: 0 0, 0 0, 50%;
background-repeat: repeat, repeat, repeat;
background-size: auto, auto, cover;
flex-direction: column;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 59px;
display: flex;
}
.image-30 {
width: 50%;
max-width: 1300px;
display: block;
}
.body-4 {
background-color: #000;
font-family: brandon-grotesque;
}
.image-31 {
width: 50%;
max-width: 1300px;
position: absolute;
inset: auto auto 10px 6px;
}
.image-32 {
width: 20%;
max-width: 500px;
position: absolute;
inset: auto 6px 10px auto;
}
.image-33 {
width: 18%;
max-width: 250px;
position: absolute;
inset: 14% 13% auto auto;
}
.what-s-happening-graphic {
border: 1px solid var(--white);
width: 100%;
}
.whats-happening-column-graphics {
width: 90%;
max-width: 1600px;
display: none;
}
.body-5, .body-6, .body-7, .body-8, .body-9, .body-10, .body-11 {
font-family: brandon-grotesque;
}
.image-34 {
align-self: center;
width: 100%;
height: 100%;
position: static;
}
.image-35 {
text-align: left;
align-self: center;
width: 60%;
max-width: 1200px;
position: relative;
inset: auto 0% -7%;
}
.image-36 {
display: block;
}
.image-37 {
border: 1px solid var(--white);
}
.what-s-happening-single-graphic {
border: 2px solid var(--white);
width: 90%;
max-width: 1000px;
display: none;
}
.half-section {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #4895ce;
background-image: radial-gradient(circle, #0000, #438bc0);
flex-direction: row-reverse;
grid-template: "Area Area-2"
". ."
/ 1fr 1fr;
grid-auto-columns: 1fr;
place-content: flex-start space-around;
align-items: center;
height: 420px;
display: flex;
overflow: hidden;
}
.text-block-43 {
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 28px;
font-family: Avenir, Arial, sans-serif;
font-size: 14px;
line-height: 18px;
}
.div-block-35 {
text-align: center;
flex-direction: column;
justify-content: space-around;
align-self: center;
align-items: center;
width: 600px;
padding-top: 13px;
padding-left: 10px;
padding-right: 60px;
display: inline-block;
position: relative;
inset: auto 0%;
}
.image-38 {
margin-bottom: 46px;
}
.div-block-36 {
flex-flow: wrap;
place-content: flex-start center;
align-items: stretch;
height: 390px;
margin-bottom: -4px;
padding-left: 10px;
display: inline-block;
}
.div-block-37 {
flex-direction: row;
justify-content: space-around;
align-items: flex-end;
width: 100%;
max-width: 1100px;
height: 420px;
display: flex;
}
.the-rest-podcast-buttons {
float: none;
text-align: center;
margin-left: auto;
margin-right: auto;
display: block;
position: static;
bottom: 30px;
left: 0;
right: 0;
}
.the-rest-podcast-buttons.easter {
position: static;
}
.image-39 {
max-height: 100%;
margin-top: 14px;
padding-top: 10px;
padding-bottom: 0;
padding-right: 25px;
}
.grand-opening-mobile {
letter-spacing: 12px;
margin-top: 7px;
margin-bottom: 40px;
font-family: Avenir, Arial, sans-serif;
font-size: 7vw;
font-weight: 800;
line-height: 8vh;
display: none;
}
.div-block-39 {
z-index: 2;
text-align: left;
flex-direction: column;
align-items: flex-start;
display: flex;
position: absolute;
inset: 139px auto auto 55px;
}
.opening-address {
text-align: right;
letter-spacing: 9px;
margin-bottom: 10px;
margin-left: 8px;
font-family: Avenir, Arial, sans-serif;
font-size: 1.5vw;
line-height: 3vh;
display: inline-block;
}
.opening-address.mobile {
display: none;
}
.opening-time {
letter-spacing: 10px;
margin-bottom: 20px;
margin-left: 8px;
font-family: Avenir, Arial, sans-serif;
font-size: 1.3vw;
font-weight: 800;
line-height: 2vh;
display: inline-block;
}
.opening-see-you-div {
z-index: 2;
text-align: left;
flex-direction: column;
align-items: flex-end;
display: flex;
position: absolute;
inset: auto 50px 19px auto;
}
.opening-see-you-text {
text-align: right;
letter-spacing: 9px;
margin-top: 7px;
margin-bottom: 14px;
font-family: Avenir, Arial, sans-serif;
font-size: 3.7vw;
font-weight: 500;
line-height: 5vh;
}
.opening-see-you-text.desktop {
margin-bottom: 26px;
display: none;
}
.opening-see-you-text.mobile {
display: none;
}
.opening-date {
letter-spacing: 16px;
margin-bottom: 12px;
margin-left: 8px;
font-family: Avenir, Arial, sans-serif;
font-size: 2vw;
line-height: 3vh;
display: inline-block;
}
.opening-date.v2 {
margin-bottom: 33px;
margin-left: 4px;
}
.image-40 {
margin-bottom: -7px;
display: block;
overflow: hidden;
}
.image-41 {
display: none;
}
.grand-opening-desktop {
letter-spacing: 12px;
margin-top: 7px;
margin-bottom: 40px;
font-family: Avenir, Arial, sans-serif;
font-size: 7vw;
font-weight: 800;
line-height: 8vh;
display: block;
}
.grand-opening-desktop.v2 {
text-transform: uppercase;
margin-bottom: 25px;
font-size: 4vw;
line-height: 5vh;
}
.link-16 {
color: var(--white);
font-style: italic;
text-decoration: none;
}
.announce-banner {
z-index: 10;
background-color: var(--white);
flex-direction: column;
justify-content: center;
align-items: center;
height: 57px;
display: block;
position: sticky;
inset: 0% 0% auto;
overflow: hidden;
}
.announce-banner-text {
color: var(--f14-black);
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
font-family: Avenir, Arial, sans-serif;
font-size: 17px;
font-style: italic;
font-weight: 800;
}
.announce-banner-link {
color: var(--f14-black);
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
text-decoration: none;
display: flex;
position: static;
}
.section-17 {
background-color: #fff;
flex-direction: column;
align-items: center;
padding-top: 100px;
padding-bottom: 130px;
display: flex;
}
.heading-10 {
color: var(--f14-black);
border: 2px solid #000;
border-style: solid none;
width: 900px;
max-width: 90%;
margin-bottom: 60px;
padding-top: 14px;
padding-bottom: 14px;
padding-left: 14px;
font-family: Avenir, Arial, sans-serif;
font-size: 29px;
font-weight: 800;
}
.text-block-44 {
color: var(--f14-black);
text-align: justify;
letter-spacing: 1px;
width: 900px;
max-width: 90%;
margin-bottom: 50px;
font-family: Avenir, Arial, sans-serif;
font-size: 20px;
line-height: 28px;
}
.text-block-45 {
color: var(--f14-black);
text-align: left;
letter-spacing: 1px;
text-transform: uppercase;
width: 900px;
max-width: 90%;
margin-bottom: 40px;
font-family: Avenir, Arial, sans-serif;
font-size: 17px;
font-weight: 800;
line-height: 28px;
}
.link-18 {
color: var(--f14-black);
}
.div-button-900 {
float: left;
clear: none;
text-align: center;
width: 900px;
max-width: 90%;
}
.text-block-44-copy {
color: var(--f14-black);
text-align: justify;
letter-spacing: 1px;
background-color: #f5f5f5;
width: 900px;
max-width: 90%;
margin-bottom: 50px;
padding: 14px;
font-family: Avenir, Arial, sans-serif;
font-size: 19px;
font-style: italic;
font-weight: 300;
line-height: 26px;
}
.text-block-46 {
color: var(--white);
letter-spacing: 2px;
margin-top: 3px;
font-family: Avenir, Arial, sans-serif;
font-size: 26px;
font-weight: 600;
line-height: 22px;
}
.main-menu-item-v2 {
color: var(--white);
text-align: center;
letter-spacing: 3px;
margin-left: 20px;
margin-right: 18px;
padding-left: 2px;
padding-right: 2px;
font-family: Avenir, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
text-decoration: none;
}
.main-menu-item-v2:hover {
color: var(--white);
font-weight: 800;
}
.main-menu-item-v2.w--current {
color: var(--white);
letter-spacing: 1px;
text-transform: uppercase;
margin-left: 20px;
margin-right: 20px;
font-weight: 500;
line-height: 11px;
}
.main-menu-item-v2.w--current:hover {
font-weight: 800;
text-decoration: none;
}
.main-menu-item-v2.w--current:active {
overflow: clip;
}
.main-menu-item-v2.header-text-link {
text-align: center;
text-shadow: 1px 1px 2px #00000082;
font-weight: 900;
display: inline;
}
.main-menu-item-v2.header-text-link.w--current {
text-shadow: 1px 1px 2px #0000007a;
font-weight: 900;
}
.main-menu-item-v2.we-could {
font-weight: 900;
}
.nav-menu-v2 {
z-index: 2;
background-color: var(--f14-black);
flex-direction: column;
width: 300px;
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
display: none;
position: fixed;
inset: 0% 0% 0% auto;
overflow: auto;
}
.nav-menu-block {
flex-direction: column;
align-items: stretch;
margin-top: 130px;
display: flex;
}
.nav-menu-block.stacked {
margin-top: 30px;
display: block;
}
.nav-menu-block.social {
flex-direction: row;
justify-content: center;
align-items: flex-start;
margin-top: 46px;
margin-bottom: auto;
padding-bottom: 0;
padding-right: 8px;
}
.nav-menu-block.instagram {
flex-direction: row;
justify-content: center;
align-items: flex-start;
margin-top: 46px;
margin-bottom: 68px;
padding-bottom: 0;
padding-right: 8px;
}
.heading-11 {
border-style: solid none;
border-width: 1px 2px;
border-color: var(--white);
color: var(--white);
letter-spacing: 3px;
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 13px;
font-family: Avenir, Arial, sans-serif;
font-size: 18px;
line-height: 20px;
}
.heading-11.brown {
border-top-color: var(--v3-brown);
border-bottom-color: var(--v3-brown);
color: var(--v3-brown);
}
.nav-menu-link-v2 {
color: var(--white);
letter-spacing: 1px;
margin-top: 5px;
margin-left: 13px;
font-family: Avenir, Arial, sans-serif;
font-size: 12px;
text-decoration: none;
display: block;
}
.nav-menu-link-v2:hover {
color: #e7e7e7;
font-weight: 500;
text-decoration: underline;
}
.nav-menu-link-v2.w--current, .nav-menu-link-v2.blueprint {
display: block;
}
.nav-menu-link-v2.brown {
color: var(--v3-brown);
}
.nav-menu-social-icon {
width: 26px;
height: 26px;
}
.nav-menu-social-link {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e71ba8ff21ba5bd3f132685_F_off%20white.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 26px;
height: 26px;
margin-left: 9px;
margin-right: 9px;
}
.nav-menu-social-link:hover {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e71baf6f21ba53492132868_F_grey.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.nav-menu-social-link.facebook.smaller {
object-fit: contain;
width: 18px;
height: 17px;
margin-left: 5px;
margin-right: 5px;
}
.nav-menu-social-link.instagram {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e71bbddf21ba5ea50132d10_IG_off%20white.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.nav-menu-social-link.instagram:hover {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e71bc1ded23ac3916b01d59_IG_grey.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.nav-menu-social-link.instagram.smaller {
width: 18px;
height: 18px;
}
.nav-menu-social-link.vimeo {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e71bc62ed23ac724ab01e25_V_off%20white.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.nav-menu-social-link.vimeo:hover {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e71bc7e889226b838a13730_V_grey.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.nav-menu-social-link.vimeo.smaller {
width: 18px;
height: 18px;
}
.nav-menu-social-link.twitter {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e71bcb0ed23ac42f9b01ed4_T_off%20white.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.nav-menu-social-link.twitter:hover {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e71bcd188922647afa13825_T_grey.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.nav-menu-social-link.twitter.smaller {
width: 18px;
height: 18px;
}
.nav-menu-social-link.youtube {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e71bd284626f1052eef218b_YT_off%20white.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.nav-menu-social-link.youtube:hover {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e71bd434b30821478f7db5c_YT_grey.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.nav-menu-social-link.youtube.smaller {
width: 18px;
height: 18px;
}
.nav-menu-social-link.facebook-brown.smaller {
object-fit: contain;
width: 18px;
height: 17px;
margin-left: 5px;
margin-right: 5px;
}
.body-v2 {
background-color: var(--white);
flex-direction: column;
align-items: center;
display: flex;
}
.hero-section-1 {
background-color: var(--f14-off-white);
filter: contrast(110%) saturate(0%);
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e7263f1bf518bf299e177a8_five14%20building%20hero.jpg");
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
max-width: 1600px;
height: 800px;
margin-top: 130px;
margin-bottom: 16px;
padding-top: 120px;
display: none;
}
.navbar-v2 {
background-color: #0000;
width: 100%;
height: 57px;
display: block;
position: sticky;
top: 0;
}
.h1-heading {
border-top: 2px none var(--f14-black);
border-bottom: 2px none var(--f14-black);
color: var(--f14-black);
text-align: center;
letter-spacing: 4px;
margin-bottom: 20px;
padding: 9px 20px 2px;
font-family: Avenir, Arial, sans-serif;
font-size: 62px;
line-height: 62px;
display: inline-block;
}
.h1-heading.bars {
border-top-style: solid;
border-bottom-style: solid;
font-weight: 800;
}
.h1-heading.bars.streaming-live {
color: var(--f14-black);
text-transform: uppercase;
width: 450px;
margin-bottom: 60px;
font-size: 21px;
line-height: 32px;
display: block;
}
.h1-heading.bars.pastor-header {
text-transform: uppercase;
width: 600px;
margin-bottom: 80px;
font-size: 21px;
line-height: 32px;
display: block;
}
.h1-heading.bars.faq-header {
border-top-color: var(--f14-off-white);
border-bottom-color: var(--f14-off-white);
background-color: var(--white);
color: var(--f14-black);
text-transform: uppercase;
width: 600px;
margin-bottom: 80px;
padding-bottom: 3px;
font-size: 21px;
line-height: 32px;
display: block;
}
.h1-heading.bars.contact-form-header {
text-transform: uppercase;
width: 600px;
margin-bottom: 80px;
font-size: 21px;
line-height: 32px;
display: block;
}
.h1-heading.bars.streaming-live-copy {
color: var(--f14-black);
text-transform: uppercase;
width: 450px;
margin-bottom: 60px;
font-size: 21px;
line-height: 32px;
display: block;
}
.h1-heading.black-bg {
background-color: var(--f14-black);
color: var(--white);
text-transform: uppercase;
width: 80%;
margin-bottom: 26px;
padding-bottom: 6px;
font-size: 32px;
font-weight: 500;
line-height: 50px;
}
.h1-heading.bars-small {
text-transform: uppercase;
border-top-style: solid;
border-bottom-style: solid;
width: 600px;
font-size: 21px;
font-weight: 800;
line-height: 32px;
}
.h1-heading.bars-small.streaming-live {
text-transform: uppercase;
width: 450px;
margin-bottom: 60px;
font-size: 21px;
line-height: 32px;
display: block;
}
.h1-heading.bars-small.pastor-header {
text-transform: uppercase;
width: 600px;
margin-bottom: 80px;
font-size: 21px;
line-height: 32px;
display: block;
}
.h1-heading.bars-small.faq-header {
border-top-color: var(--f14-off-white);
border-bottom-color: var(--f14-off-white);
background-color: var(--white);
color: var(--f14-black);
text-transform: uppercase;
width: 600px;
margin-bottom: 80px;
padding-bottom: 3px;
font-size: 21px;
line-height: 32px;
display: block;
}
.h1-heading.bars-small.contact-form-header {
text-transform: uppercase;
width: 600px;
margin-bottom: 80px;
font-size: 21px;
line-height: 32px;
display: block;
}
.h1-heading.white-bg {
background-color: var(--f14-off-white);
color: var(--f14-black);
text-transform: uppercase;
width: 80%;
margin-bottom: 26px;
padding-bottom: 6px;
font-size: 32px;
font-weight: 500;
line-height: 50px;
}
.h1-heading.white-underline {
border-bottom-style: solid;
border-bottom-color: var(--f14-off-white);
color: var(--f14-off-white);
text-transform: uppercase;
background-color: #0000;
width: 80%;
margin-bottom: 26px;
padding-bottom: 6px;
font-size: 32px;
font-weight: 500;
line-height: 50px;
}
.h1-heading.open-now {
color: var(--f14-off-white);
text-align: left;
text-transform: uppercase;
object-fit: fill;
padding-left: 0;
font-family: Avenir, Arial, sans-serif;
overflow: visible;
}
.text-block-47 {
color: var(--f14-black);
text-align: center;
letter-spacing: 1px;
margin-bottom: 35px;
font-family: Avenir, Arial, sans-serif;
}
.text-block-47.small {
margin-bottom: 12px;
display: none;
}
.text-block-48 {
color: var(--f14-black);
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 50px;
font-family: Avenir, Arial, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 22px;
}
.text-block-48.small {
margin-bottom: 36px;
}
.text-block-48.small.less-spacing {
margin-bottom: 10px;
}
.text-block-48.small.less-spacing.white {
color: var(--f14-off-white);
}
.text-block-48.small.less-spacing.white.left-align {
text-align: left;
}
.text-block-48.small.white {
color: var(--f14-off-white);
}
.text-block-48.small.white.left-align {
text-align: left;
overflow: visible;
}
.text-block-48.covid-relief-text {
width: 80%;
margin-bottom: 5px;
font-size: 16px;
line-height: 22px;
}
.div-block-40 {
flex-direction: column;
align-items: center;
display: flex;
}
.arrow-link-text {
color: var(--f14-black);
text-align: center;
letter-spacing: 1px;
margin-left: 20px;
margin-right: 20px;
padding-left: 15px;
padding-right: 15px;
font-family: Avenir, Arial, sans-serif;
font-size: 16px;
font-weight: 800;
text-decoration: none;
}
.arrow-link-text:hover {
color: #33353d;
text-decoration: underline;
}
.arrow-link-text.white {
color: var(--white);
}
.arrow-link-text.white:hover {
color: #ebebeb;
}
.arrow-link-text.white.left-align {
color: var(--f14-off-white);
margin-left: 0;
padding-left: 0;
}
.arrow-link-text.less-space {
margin-left: 10px;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
}
.arrow-link-div {
text-align: center;
}
.arrow-link-div.streaming.left-align {
clear: none;
text-align: left;
padding-top: 10px;
padding-bottom: 0;
position: static;
}
.section-1a {
background-color: #4895ce;
background-image: radial-gradient(circle, #0000, #1e659b94);
flex-direction: column;
align-items: center;
width: 97%;
max-width: 1600px;
height: 420px;
margin-bottom: 16px;
display: none;
overflow: hidden;
}
.section-2a {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: "about-five14 who-we-are plan-a-visit"
/ 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1600px;
height: 300px;
margin-bottom: 16px;
display: none;
}
.horizontal-tile-div {
background-color: var(--f14-off-white);
flex-direction: column;
padding-left: 18px;
padding-right: 18px;
display: block;
position: relative;
}
.h3-heading {
color: var(--f14-black);
letter-spacing: 1px;
border: 0 #000;
padding-top: 7px;
padding-bottom: 4px;
font-family: Avenir, Arial, sans-serif;
font-size: 22px;
font-weight: 600;
line-height: 32px;
}
.h3-heading.bars {
border-style: solid none;
border-width: 2px;
border-color: var(--f14-black);
padding-left: 14px;
}
.h3-heading.white {
color: var(--white);
}
.h3-heading.mission, .h3-heading.watch-and-listen2 {
border-bottom-style: solid;
border-bottom-width: 2px;
margin-bottom: 36px;
}
.h3-heading.black-bg {
background-color: var(--f14-black);
color: var(--white);
padding-left: 20px;
}
.h3-heading.vision {
border-bottom-style: solid;
border-bottom-width: 2px;
margin-bottom: 36px;
}
.h3-heading.values-header {
border-bottom: 2px solid var(--f14-off-white);
color: var(--f14-off-white);
margin-bottom: 36px;
}
.h3-heading.values-header.black {
border-bottom-color: var(--f14-black);
color: var(--f14-black);
}
.section-3a {
background-color: var(--f14-black);
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e7418e619212f170f22ae69_hamilton%20rd%20copy.png"), linear-gradient(148deg, var(--f14-black), #272727);
background-position: 70%, 0 0;
background-repeat: no-repeat, repeat;
background-size: auto 700px, auto;
background-attachment: fixed, scroll;
width: 97%;
max-width: 1600px;
margin-bottom: 16px;
margin-left: 16px;
margin-right: 16px;
padding: 15px 26px 30px;
}
.h2-heading {
letter-spacing: 1px;
margin-bottom: 60px;
font-family: Avenir, Arial, sans-serif;
font-weight: 800;
}
.h2-heading.we-could {
font-family: Kobe, sans-serif;
font-size: 50px;
font-weight: 400;
line-height: 50px;
}
.h2-heading.easter {
color: #000;
text-transform: uppercase;
margin-bottom: 30px;
font-family: Tan Mon Cheri, Times New Roman, sans-serif;
font-size: 44px;
font-weight: 400;
line-height: 62px;
}
.text-block-49 {
color: var(--white);
text-align: left;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 10px;
font-family: Avenir, Arial, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 22px;
}
.text-block-49.we-could {
letter-spacing: 2px;
font-family: Strassenbahn, sans-serif;
font-size: 23px;
font-weight: 400;
}
.text-block-49.easter {
color: #000;
letter-spacing: 2px;
text-transform: none;
margin-bottom: 5px;
font-family: Karla, sans-serif;
font-size: 24px;
font-weight: 600;
}
.text-block-49.easter-time {
color: #000;
letter-spacing: 2px;
text-transform: none;
margin-bottom: 30px;
font-family: Karla, sans-serif;
font-size: 17px;
font-style: italic;
font-weight: 400;
line-height: 19px;
}
.text-block-49.easter-time-space {
color: #000;
letter-spacing: 2px;
text-transform: none;
font-family: Karla, sans-serif;
font-size: 17px;
font-style: italic;
font-weight: 400;
line-height: 19px;
}
.button-v2 {
border: 2px solid var(--white);
background-color: var(--white);
color: var(--f14-black);
letter-spacing: 1px;
text-transform: uppercase;
margin-left: 10px;
margin-right: 10px;
padding-left: 20px;
padding-right: 20px;
font-family: Avenir, Arial, sans-serif;
font-size: 12px;
font-weight: 300;
}
.button-v2:hover {
border: 2px solid var(--white);
color: var(--white);
background-color: #0000;
}
.button-v2.spaced-right {
align-self: center;
margin-right: 20px;
}
.button-v2.black {
border-color: var(--f14-black);
background-color: var(--f14-black);
color: var(--white);
margin: 45px 10px 0;
}
.button-v2.black:hover {
color: var(--f14-black);
background-color: #0000;
}
.button-v2.black._180w {
width: 180px;
}
.button-v2.black.reserve {
background-color: var(--f14-off-white);
color: var(--f14-black);
white-space: nowrap;
border-width: 1px;
margin-bottom: 0;
padding-top: 18px;
padding-bottom: 18px;
}
.button-v2.black.reserve:hover {
border-color: var(--white);
color: var(--white);
background-color: #0000;
}
.button-v2.black.groups-button {
margin-bottom: 0;
padding-left: 64px;
padding-right: 64px;
}
.button-v2.give {
text-align: center;
margin-top: 12px;
padding: 1px 38px 1px 40px;
}
.button-v2.clear-white {
color: var(--f14-off-white);
background-color: #0000;
}
.button-v2.clear-white:hover {
background-color: var(--f14-off-white);
color: var(--f14-black);
}
.button-v2.clear-on-black {
border-color: var(--f14-black);
color: var(--f14-black);
background-color: #0000;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
}
.button-v2.clear-on-black:hover {
background-color: var(--f14-black);
color: var(--f14-off-white);
}
.button-v2.clear-on-black._180w {
width: 180px;
}
.button-v2.clear-on-black.reserve {
background-color: var(--f14-off-white);
color: var(--f14-black);
white-space: nowrap;
border-width: 1px;
margin-bottom: 0;
padding-top: 18px;
padding-bottom: 18px;
}
.button-v2.clear-on-black.reserve:hover {
border-color: var(--white);
color: var(--white);
background-color: #0000;
}
.button-v2.clear-on-black.groups-button {
margin-bottom: 0;
padding-left: 64px;
padding-right: 64px;
}
.button-v2.clear-on-white {
border-color: var(--f14-off-white);
color: var(--f14-off-white);
background-color: #0000;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
}
.button-v2.clear-on-white:hover {
background-color: var(--f14-off-white);
color: var(--f14-black);
}
.button-v2.clear-on-white._180w {
width: 180px;
}
.button-v2.clear-on-white.reserve {
background-color: var(--f14-off-white);
color: var(--f14-black);
white-space: nowrap;
border-width: 1px;
margin-bottom: 0;
padding-top: 18px;
padding-bottom: 18px;
}
.button-v2.clear-on-white.reserve:hover {
border-color: var(--white);
color: var(--white);
background-color: #0000;
}
.button-v2.clear-on-white.groups-button {
margin-bottom: 0;
padding-left: 64px;
padding-right: 64px;
}
.button-v2.off-black {
color: var(--white);
background-color: #231f20;
border-color: #231f20;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
}
.button-v2.off-black:hover {
border-color: var(--f14-off-white);
color: var(--f14-black);
background-color: #f3f3f2;
}
.button-v2.off-black._180w {
width: 180px;
}
.button-v2.off-black.reserve {
background-color: var(--f14-off-white);
color: var(--f14-black);
white-space: nowrap;
border-width: 1px;
margin-bottom: 0;
padding-top: 18px;
padding-bottom: 18px;
}
.button-v2.off-black.reserve:hover {
border-color: var(--white);
color: var(--white);
background-color: #0000;
}
.button-v2.off-black.groups-button {
margin-bottom: 0;
padding-left: 64px;
padding-right: 64px;
}
.button-v2.black-and-red {
border-color: var(--ltbl-black);
color: var(--f14-off-white);
background-color: #231f20;
border-radius: 60px;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
padding-top: 14px;
padding-bottom: 13px;
font-family: din-condensed, sans-serif;
font-size: 16px;
font-weight: 400;
}
.button-v2.black-and-red:hover {
color: var(--f14-black);
background-color: #ba3634;
font-weight: 500;
}
.button-v2.black-and-red._180w {
width: 180px;
}
.button-v2.black-and-red.reserve {
background-color: var(--f14-off-white);
color: var(--f14-black);
white-space: nowrap;
border-width: 1px;
margin-bottom: 0;
padding-top: 18px;
padding-bottom: 18px;
}
.button-v2.black-and-red.reserve:hover {
border-color: var(--white);
color: var(--white);
background-color: #0000;
}
.button-v2.black-and-red.groups-button {
margin-bottom: 0;
padding-left: 64px;
padding-right: 64px;
}
.button-v2.easter24 {
color: var(--white);
background-color: #000;
background-image: linear-gradient(#ffffff40, #000);
border-style: none;
border-radius: 50px;
align-self: center;
margin-right: 20px;
padding: 14px 38px;
font-family: Karla, sans-serif;
font-size: 15px;
font-weight: 400;
transition: all .2s;
}
.button-v2.easter24:hover {
color: #000;
background-color: #fff;
background-image: linear-gradient(#ffffff40, #00000024);
}
.button-v2.spaced-all-right {
align-self: center;
margin-left: 0;
margin-right: 20px;
}
.button-v2.the-beginning {
align-self: center;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
}
.button-v2.the-beginning.dark {
background-color: var(--f14-black);
color: var(--white);
}
.button-v2.the-beginning.dark:hover {
border-style: solid;
border-color: var(--f14-black);
background-color: var(--white);
color: var(--f14-black);
border-radius: 2px;
}
.button-v2.got-became-man {
border-color: var(--dark-slate-gray);
background-color: var(--dark-slate-gray);
color: var(--white);
align-self: center;
margin-bottom: 20px;
margin-left: 0;
margin-right: 0;
}
.button-v2.got-became-man:hover {
border-color: var(--dark-slate-gray);
background-color: var(--white);
color: var(--dark-slate-gray);
border-radius: 2px;
}
.button-v2.got-became-man.w--current {
background-color: var(--dark-slate-gray);
}
.button-v2.got-became-man.dark {
background-color: var(--f14-black);
color: var(--white);
}
.button-v2.got-became-man.dark:hover {
border-style: solid;
border-color: var(--f14-black);
background-color: var(--white);
color: var(--f14-black);
border-radius: 2px;
}
.button-v2.give-2 {
text-align: center;
margin-top: 12px;
padding: 1px 38px 1px 40px;
}
.button-v2.give-2.w--current {
color: var(--v3-brown);
}
.text-block-50 {
color: var(--white);
text-align: left;
letter-spacing: 1px;
margin-bottom: 36px;
font-family: Avenir, Arial, sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 22px;
}
.text-block-50.we-could {
letter-spacing: 2px;
font-family: Strassenbahn, sans-serif;
font-weight: 400;
}
.section-4a {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: "latest-message media-link"
/ 1fr 1fr;
grid-auto-columns: 1fr;
width: 97%;
max-width: 1600px;
height: 570px;
margin-bottom: 16px;
display: grid;
}
.text-block-51 {
color: var(--f14-black);
text-align: left;
letter-spacing: 1px;
margin-bottom: 2px;
font-family: Avenir, Arial, sans-serif;
font-size: 23px;
font-weight: 600;
line-height: 26px;
}
.text-block-52 {
color: var(--f14-black);
text-align: left;
letter-spacing: 1px;
margin-right: 16px;
font-family: Avenir, Arial, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 16px;
}
.text-block-53 {
color: var(--f14-black);
text-align: left;
letter-spacing: 1px;
font-family: Avenir, Arial, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 16px;
}
.text-block-54 {
color: var(--f14-black);
text-align: left;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 6px;
font-family: Avenir, Arial, sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 22px;
}
.text-block-55 {
color: var(--f14-black);
text-align: left;
letter-spacing: 1px;
margin-bottom: 22px;
font-family: Avenir, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 16px;
}
.div-block-41 {
justify-content: flex-start;
align-items: stretch;
margin-bottom: 28px;
display: flex;
}
.div-block-42 {
width: 460px;
max-width: 80%;
}
.div-block-43 {
justify-content: center;
height: 469.969px;
margin-bottom: 151px;
padding-bottom: 147px;
display: flex;
position: absolute;
inset: auto 0% 0%;
overflow: visible;
}
.div-block-42b {
width: 460px;
max-width: 78%;
margin-bottom: 146px;
padding-top: 0;
}
.div-block-44 {
text-align: center;
}
.section-5a {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 97%;
max-width: 1600px;
height: 300px;
margin-bottom: 16px;
display: grid;
}
.ministries-tile-div {
background-color: var(--f14-black);
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.ministries-tile-div.kids {
background-image: linear-gradient(#000000bf, #000000bf), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e79641c114713c4db7c35d7_Kids.jpg");
background-position: 0 0, 100%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
transition: all .5s;
display: block;
}
.ministries-tile-div.kids:hover {
background-image: linear-gradient(#000000d9, #000000d9), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e79641c114713c4db7c35d7_Kids.jpg");
background-position: 0 0, 100%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.ministries-tile-div.students {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e79656f80f8c1215a499553_Students.jpg");
background-position: 0 0, 100%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
display: block;
}
.ministries-tile-div.students:hover {
background-image: linear-gradient(#000000bf, #000000bf), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e79656f80f8c1215a499553_Students.jpg");
background-position: 0 0, 100%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.ministries-tile-div.groups {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e8fd47ad516144c77dbd901_Groups.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: block;
}
.ministries-tile-div.groups:hover {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e8fd47ad516144c77dbd901_Groups.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.ministries-tile-div.serves {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e8fd6bac248f53548d87092_serves.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: block;
}
.ministries-tile-div.serves:hover {
background-image: linear-gradient(#00000059, #00000059), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e8fd6bac248f53548d87092_serves.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.heading-12 {
border-style: solid none;
border-width: 2px 0;
border-color: var(--white) var(--f14-black);
color: var(--white);
text-align: center;
letter-spacing: 3px;
width: 80%;
margin-top: 10px;
padding-top: 9px;
padding-bottom: 5px;
font-family: Avenir, Arial, sans-serif;
font-size: 2.3em;
font-weight: 900;
line-height: 45px;
text-decoration: none;
display: inline-block;
}
.footer-v2 {
z-index: 100;
background-color: #252525;
background-image: linear-gradient(to top, var(--f14-black), transparent);
text-align: left;
justify-content: center;
width: 100%;
height: 360px;
display: flex;
position: static;
inset: auto 0% 0%;
}
.collection-list-wrapper-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: stretch;
display: flex;
}
.footer-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1600px;
height: 100%;
display: grid;
}
.footer-div-group {
flex-direction: column;
align-items: stretch;
padding-top: 20px;
padding-left: 30px;
padding-right: 30px;
display: flex;
position: static;
}
.footer-heading {
border-bottom: 1px solid var(--white);
color: var(--white);
letter-spacing: 2px;
margin-bottom: 20px;
font-family: Avenir, Arial, sans-serif;
font-size: 19px;
font-weight: 600;
}
.footer-link {
color: var(--white);
letter-spacing: 1px;
margin-bottom: 5px;
font-family: Avenir, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
display: block;
}
.footer-link:hover {
color: #ddd;
text-decoration: underline;
}
.footer-link.blueprint {
display: none;
}
.menu-copy {
z-index: 13;
color: #0000;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 30px;
height: 25px;
display: flex;
position: fixed;
top: 72px;
right: 20px;
}
.menu-copy:hover {
opacity: .65;
background-color: #0000;
}
.hero-2-column {
grid-column-gap: 10px;
grid-row-gap: 0px;
border-bottom: 10px none var(--white);
background-color: var(--white);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 90vh;
margin-top: 56px;
display: grid;
overflow: hidden;
}
.hero-column {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e5ecb54181cf6af51723054_Location%20hero_bg%20mobile.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 84px;
padding-left: 20px;
padding-right: 20px;
}
.hero-column.live-at-5 {
background-color: #f8931e;
background-image: none;
padding-top: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.image-43 {
width: 60%;
position: absolute;
inset: auto auto -13% 0%;
}
.image-44 {
height: 20%;
position: absolute;
inset: 38% 2% 0% auto;
}
.image-45 {
width: 50%;
position: absolute;
inset: 0% 3% auto auto;
}
.live-at-five-info-div {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
overflow: hidden;
}
.image-46 {
width: 400px;
margin-bottom: 30px;
margin-left: 2px;
}
.text-block-56 {
color: #438977;
text-align: center;
letter-spacing: 4px;
margin-bottom: 42px;
font-family: Avenir, Arial, sans-serif;
font-size: 30px;
line-height: 30px;
display: block;
}
.text-block-56.desktop {
font-size: 1.6em;
}
.text-block-56.mobile {
display: none;
}
.div-block-48 {
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
top: -30px;
}
.div-block-39-copy {
text-align: left;
flex-direction: column;
align-items: flex-start;
display: flex;
position: absolute;
inset: 139px auto auto 21px;
}
.text-block-56-copy {
color: var(--f14-black);
text-align: center;
letter-spacing: 2px;
align-self: center;
font-family: Avenir, Arial, sans-serif;
font-size: 17px;
font-weight: 600;
display: inline;
}
.link-20 {
color: var(--white);
display: none;
}
.link-20:hover {
color: #f0f0f0;
}
.kids-online-section-1 {
background-image: linear-gradient(#a2d7f1, #8cbad1);
flex-direction: column;
align-items: center;
width: 97%;
max-width: 1600px;
margin-top: 16px;
padding-top: 80px;
display: flex;
}
.kids-online-section-1.app {
margin-top: 16px;
margin-bottom: 16px;
}
.body-13 {
background-color: var(--white);
flex-direction: column;
justify-content: center;
align-items: center;
}
.five14kids-logo-div {
text-align: center;
margin-top: 46px;
margin-bottom: 100px;
}
.image-47 {
width: 300px;
margin-bottom: 20px;
}
.div-block-49 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 96%;
margin-bottom: 80px;
display: grid;
}
.the-city-h1 {
border: 6px none var(--f14-off-white);
color: #000;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
align-self: stretch;
margin-bottom: 0;
padding-top: 25px;
padding-bottom: 0;
font-family: Avenir, Arial, sans-serif;
font-size: 50px;
font-weight: 800;
line-height: 55px;
}
.the-hill-h1 {
border: 6px none var(--f14-off-white);
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #b09bd8;
align-self: stretch;
margin-bottom: 10px;
padding-top: 25px;
padding-bottom: 22px;
font-family: Avenir, Arial, sans-serif;
font-size: 50px;
font-weight: 800;
line-height: 55px;
}
.five14kids-video {
border: 6px solid var(--f14-off-white);
width: 100%;
margin-bottom: 17px;
}
.five14kids-tile-div {
box-shadow: 2px 2px 0 0 var(--f14-black);
border: 1px solid #000;
flex-direction: column;
align-items: center;
display: flex;
}
.five14kids-info-div {
background-color: #aed8e2;
border: 6px solid #b09bd8;
flex-direction: column;
align-items: flex-start;
width: 100%;
padding: 10px 20px 45px;
display: flex;
}
.five14kids-info-div.blue {
background-color: var(--white);
border-style: none;
flex: 1;
padding-top: 20px;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.five14kids-info-div.purple {
border-style: none;
border-color: var(--f14-off-white);
background-color: var(--white);
flex: none;
padding-top: 20px;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.five14kids-h3 {
color: var(--f14-black);
letter-spacing: 1px;
margin-bottom: 20px;
font-family: Avenir, Arial, sans-serif;
font-weight: 800;
}
.five14kids-description {
color: var(--f14-black);
letter-spacing: 1px;
margin-bottom: 25px;
font-family: Avenir, Arial, sans-serif;
font-size: 17px;
line-height: 24px;
}
.five14kids-description.the-hill {
margin-bottom: 0;
}
.five14kids-button {
border: 6px solid var(--white);
color: #424347;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #aed8e2;
border-radius: 40px;
justify-content: center;
align-self: center;
width: 84%;
margin-bottom: 10px;
padding-top: 18px;
padding-bottom: 15px;
font-family: Avenir, Arial, sans-serif;
font-size: 17px;
font-weight: 800;
line-height: 22px;
display: none;
position: static;
bottom: 40px;
}
.five14kids-button:hover {
background-color: #8db1b9;
}
.five14kids-button.white {
background-color: var(--white);
width: 88%;
}
.five14kids-button.purple {
background-color: #b09bd8;
width: 84%;
margin-top: 45px;
display: none;
position: static;
}
.five14kids-button.purple:hover {
background-color: #917fb4;
}
.main-nav-background-v2 {
z-index: 11;
background-color: var(--f14-black);
justify-content: center;
align-items: center;
height: 57px;
display: flex;
position: relative;
top: 0;
left: 0;
right: 0;
}
.main-menu-links-v2 {
float: none;
clear: none;
text-align: center;
justify-content: flex-end;
align-self: stretch;
align-items: center;
height: 25px;
margin-left: auto;
margin-right: auto;
padding-right: 10px;
font-weight: 400;
position: relative;
top: 16px;
right: auto;
overflow: hidden;
}
.heading-13 {
color: var(--f14-black);
letter-spacing: 5px;
margin-bottom: 36px;
font-family: Avenir, Arial, sans-serif;
font-size: 50px;
}
.text-block-57 {
color: var(--f14-black);
letter-spacing: 1px;
width: 100%;
max-width: 1000px;
padding-left: 30px;
padding-right: 30px;
font-family: Avenir, Arial, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 25px;
}
.div-block-50 {
background-color: var(--white);
width: 100%;
margin-bottom: 56px;
padding: 16px 28px 40px;
}
.text-block-58 {
color: var(--f14-black);
text-align: center;
letter-spacing: 2px;
margin-bottom: 60px;
font-family: Avenir, Arial, sans-serif;
font-size: 17px;
font-weight: 800;
}
.section-19 {
height: 113px;
}
.section-20 {
background-color: var(--white);
text-align: center;
justify-content: center;
align-items: center;
height: 60px;
display: flex;
}
.link-21 {
color: #a792ce;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
font-family: Avenir, Arial, sans-serif;
font-size: 18px;
font-weight: 800;
}
.link-21:hover {
color: #8d7ab1;
}
.div-block-51 {
width: 100%;
max-width: 1600px;
}
.div-block-51.mobile {
display: none;
}
.section-21 {
background-color: var(--white);
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
}
.hero-section-a {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/6661f88e7ab4be53bb269cc7_Main%20Background.jpg");
background-position: 50%;
background-size: cover;
flex-flow: column;
justify-content: center;
align-items: center;
width: 97%;
max-width: 1600px;
margin-bottom: 16px;
padding-top: 50px;
padding-bottom: 50px;
display: none;
}
.hero-section-b {
background-color: var(--f14-off-white);
filter: saturate(0%);
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e7263f1bf518bf299e177a8_five14%20building%20hero.jpg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 107%;
flex-direction: column;
align-items: center;
width: 97%;
max-width: 1600px;
height: 260px;
margin-bottom: 16px;
padding-top: 15px;
display: none;
}
.hero-section-c {
background-color: var(--f14-off-white);
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e90b8784e290cff38b57990_Kids%20section%20bg%20copy.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 1600px;
height: 467px;
margin-bottom: 16px;
padding-top: 100px;
display: none;
}
.image-50 {
width: 300px;
margin-bottom: 80px;
}
.full-tile-link-block {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.section-d {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 97%;
max-width: 1600px;
margin-bottom: 16px;
display: grid;
position: relative;
}
.div-block-53 {
flex-direction: column;
align-items: center;
display: flex;
position: absolute;
inset: auto 0% 10px;
}
.section-d-mobile {
width: 100%;
max-width: 1600px;
margin-bottom: 16px;
display: none;
position: relative;
}
.hover-dark-div {
position: absolute;
inset: 0%;
}
.hover-dark-div:hover {
background-image: linear-gradient(#00000040, #00000040);
}
.section-a2 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 97%;
max-width: 1600px;
margin-bottom: 16px;
display: none;
}
.heading-14 {
color: var(--f14-black);
text-align: center;
font-family: Avenir, Arial, sans-serif;
font-size: 18px;
font-weight: 600;
}
.online-experience-div {
background-color: var(--f14-off-white);
padding: 30px 30px 10px;
position: relative;
}
.online-experience-div.five14-kids-mobile {
display: none;
}
.online-experience-image {
z-index: 10;
border: 1px #aaa;
width: 100%;
position: relative;
box-shadow: 1px 1px 3px #00000024;
}
.online-experience-image:hover {
opacity: .8;
}
.link-block-8 {
z-index: 20;
width: 100%;
position: relative;
}
.link-block-8:hover {
z-index: 20;
background-image: linear-gradient(to bottom, var(--f14-black), var(--f14-black));
position: relative;
}
.link-block-9, .link-block-10 {
width: 100%;
}
.standard-header-section {
background-color: var(--f14-off-white);
flex-direction: column;
align-items: center;
width: 97%;
max-width: 1600px;
margin-top: 16px;
margin-bottom: 16px;
padding-top: 30px;
padding-bottom: 30px;
}
.standard-header-section.current-message {
flex-direction: column;
padding-bottom: 56px;
display: flex;
}
.standard-header-section.groups {
display: flex;
}
.standard-header-section.ministries {
padding-bottom: 70px;
display: flex;
}
.standard-header-section.contact-us {
padding-bottom: 80px;
display: flex;
}
.standard-header-section.blueprint {
padding-bottom: 60px;
display: flex;
}
.heading-title-div {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.heading-title-div.our-groups {
margin-bottom: 40px;
}
.h1-heading-with-bars {
border-top: 3px solid var(--f14-black);
border-bottom: 3px solid var(--f14-black);
color: var(--f14-black);
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
width: 500px;
max-width: 90%;
padding-top: 3px;
font-family: Avenir, Arial, sans-serif;
font-size: 31px;
font-weight: 400;
line-height: 56px;
}
.h1-heading-with-bars._80p {
width: 80%;
margin-bottom: 30px;
}
.text-block-59 {
color: var(--f14-black);
letter-spacing: 1px;
width: 800px;
font-family: Avenir, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
}
.standard-section {
background-color: #0000;
flex-direction: column;
align-items: center;
width: 97%;
max-width: 1600px;
margin-bottom: 16px;
padding-top: 30px;
}
.standard-section.current-message {
background-image: linear-gradient(#000c, #15161ab3), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e79656f80f8c1215a499553_Students.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
width: 97%;
padding: 26px;
display: block;
position: relative;
}
.standard-section.series-messages {
flex-direction: column;
align-items: stretch;
padding-bottom: 40px;
display: flex;
}
.standard-section.groups-graphic {
border: 1px solid var(--f14-black);
flex-direction: column;
align-items: center;
padding-top: 60px;
padding-bottom: 60px;
display: none;
}
.standard-section.groups-tiles {
border: 1px solid var(--f14-black);
display: none;
}
.standard-section.let-there-be-love-share {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5fd3141e471ebb0a6722e68c_LTBL%20white%20background_cropped.jpg");
background-position: 0 0;
background-size: auto;
padding-top: 50px;
padding-bottom: 100px;
display: flex;
}
.video-8 {
border: 1px solid var(--white);
}
.heading-15 {
letter-spacing: 1px;
text-transform: uppercase;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
font-family: Avenir, Arial, sans-serif;
font-size: 23px;
font-weight: 600;
line-height: 28px;
}
.text-block-60 {
letter-spacing: 1px;
font-family: Avenir, Arial, sans-serif;
display: inline;
}
.text-block-61 {
letter-spacing: 1px;
margin-left: 1px;
margin-right: 6px;
font-family: Avenir, Arial, sans-serif;
display: inline;
}
.div-block-54 {
width: 60%;
display: inline-block;
}
.div-block-55 {
text-align: right;
flex-flow: row;
justify-content: center;
align-items: flex-end;
width: 40%;
padding-bottom: 18px;
display: block;
position: absolute;
inset: auto 26px 0% auto;
}
.text-block-62 {
letter-spacing: 1px;
text-transform: uppercase;
margin-right: 16px;
font-family: Avenir, Arial, sans-serif;
font-weight: 800;
display: inline-block;
position: relative;
bottom: 3px;
}
.link-22 {
color: var(--white);
font-family: Fontello, sans-serif;
}
.social-share {
color: #fff;
font-family: Fontello, sans-serif;
font-size: 25px;
text-decoration: none;
}
.social-share:hover {
color: #b1b1b1;
}
.html-embed {
display: inline-block;
}
.html-embed.facebook-share {
margin-right: 18px;
}
.text-block-63 {
text-align: right;
letter-spacing: 1px;
margin-bottom: 17px;
font-family: Avenir, Arial, sans-serif;
font-weight: 600;
}
.social-share2 {
color: #fff;
font-family: Fontello2, sans-serif;
font-size: 25px;
text-decoration: none;
}
.social-share2:hover {
color: #b1b1b1;
}
.standard-section-white {
background-color: var(--f14-off-white);
width: 97%;
max-width: 1600px;
margin-bottom: 16px;
padding-top: 30px;
position: relative;
}
.standard-section-white.groups {
flex-direction: column;
align-items: center;
display: flex;
}
.standard-section-white.prayer {
background-color: #0000;
border: 1px solid #000;
border-style: solid none;
flex-direction: column;
align-items: center;
display: flex;
}
.series-collection-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
padding: 40px 20px;
}
.series-collection-list.current-series {
width: 100%;
padding-bottom: 60px;
display: flex;
}
.series-collection-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
padding: 14px;
}
.series-graphic-link {
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 10px;
position: relative;
}
.image-51 {
border-radius: 10px;
position: relative;
box-shadow: 1px 1px 3px #00000038;
}
.image-52 {
text-align: center;
max-height: 100%;
padding: 14px;
display: inline-block;
position: absolute;
inset: 0%;
overflow: hidden;
}
.series-collection-list-tiles {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
place-items: end center;
display: grid;
position: relative;
}
.series-collection-list-tiles.current-series {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-flow: row;
align-items: start;
width: 1000px;
max-width: 90%;
}
.series-graphic-div {
border-radius: 10px;
transition: transform .2s, background-color .2s;
position: absolute;
inset: 0%;
}
.series-graphic-div:hover {
background-image: linear-gradient(#0000004d, #0000004d);
}
.heading-16 {
color: var(--f14-black);
margin-top: 0;
margin-bottom: 0;
margin-right: 5px;
font-family: Avenir, Arial, sans-serif;
font-size: 14px;
font-weight: 800;
line-height: 20px;
display: inline-block;
}
.offset-div {
width: 100%;
margin-top: -128px;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.text-block-64 {
color: var(--f14-black);
letter-spacing: 1px;
text-transform: uppercase;
font-family: Avenir, Arial, sans-serif;
font-size: 11px;
line-height: 15px;
}
.collection-list-wrapper-4 {
width: 100%;
}
.collection-item-4 {
flex-direction: column;
align-items: center;
display: flex;
}
.text-block-65 {
color: var(--f14-black);
font-family: Avenir, Arial, sans-serif;
}
.text-block-66 {
color: var(--f14-black);
margin-left: 5px;
margin-right: 5px;
font-family: Avenir, Arial, sans-serif;
font-size: 21px;
font-weight: 600;
display: inline-block;
}
.div-block-56 {
text-align: center;
width: 100%;
margin-bottom: 40px;
}
.div-block-57 {
width: 80%;
max-width: 800px;
padding-top: 30px;
}
.collection-item-5, .collection-list-7, .collection-list-wrapper-5 {
display: inline-block;
}
.talk-notes-v2 {
color: var(--f14-black);
font-family: Avenir, Arial, sans-serif;
line-height: 17px;
}
.text-block-67 {
color: var(--f14-black);
text-align: center;
letter-spacing: 1px;
margin-bottom: 22px;
padding-top: 10px;
font-family: Avenir, Arial, sans-serif;
font-size: 17px;
}
.kids-online-section-2 {
flex-direction: column;
align-items: center;
width: 97%;
max-width: 1600px;
margin-top: 16px;
margin-bottom: 16px;
padding-top: 80px;
display: flex;
}
.kids-online-section-2.app {
margin-top: 0;
margin-bottom: 0;
}
.section-v2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 97%;
max-width: 1600px;
margin-top: 16px;
}
.section-v2.our-story-hero {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: linear-gradient(to bottom, #ffffff82 62%, var(--f14-off-white)), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5f697b38c92526146cb4ca3c_hand%20touching.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
border: 1px solid #000;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 76px;
padding-bottom: 80px;
display: flex;
position: relative;
}
.section-v2.our-name {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5ed87f726d65e09fd197ad8c_mount%20olympus.jpg");
background-position: 50% 0;
display: flex;
}
.section-v2.mission-vision {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: stretch stretch;
display: grid;
}
.section-v2.values {
border: 1px solid var(--f14-black);
justify-content: flex-start;
padding-top: 80px;
padding-bottom: 80px;
display: flex;
}
.section-v2.pastor-section {
background-color: var(--f14-off-white);
justify-content: flex-start;
padding-top: 40px;
padding-bottom: 80px;
display: flex;
}
.section-v2.faq-section {
background-image: linear-gradient(#000000b5, #000000a8), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e8fd47ad516144c77dbd901_Groups.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
justify-content: flex-start;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 80px;
display: flex;
}
.section-v2.our-story-contact-section {
background-color: var(--f14-off-white);
justify-content: flex-start;
margin-bottom: 16px;
padding-top: 40px;
padding-bottom: 80px;
display: flex;
}
.heading-17 {
border-bottom: 3px none var(--white);
color: var(--f14-black);
text-align: center;
letter-spacing: 5px;
text-transform: uppercase;
justify-content: center;
align-items: center;
width: 1200px;
max-width: 90%;
margin-bottom: 20px;
padding-bottom: 50px;
font-family: Avenir, Arial, sans-serif;
font-size: 58px;
line-height: 70px;
display: flex;
position: relative;
inset: 0% 0% auto;
}
.image-53 {
position: relative;
}
.our-name-five14 {
border: 2px solid var(--f14-black);
background-color: var(--f14-black);
color: var(--f14-off-white);
text-align: center;
letter-spacing: 3px;
margin-top: 0;
margin-bottom: 20px;
padding: 24px 25px 20px;
font-family: Avenir, Arial, sans-serif;
font-size: 43px;
font-weight: 900;
display: inline-block;
}
.text-block-68 {
color: var(--f14-black);
text-align: center;
margin-top: 40px;
margin-bottom: 90px;
font-family: minion-pro, sans-serif;
font-size: 82px;
font-style: italic;
font-weight: 500;
line-height: 100px;
}
.paragraph-2 {
letter-spacing: 1px;
text-transform: none;
width: 1000px;
max-width: 80%;
font-family: Avenir, Arial, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 27px;
}
.heading-18 {
color: var(--f14-black);
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 70px;
font-size: 14px;
}
.paragraph-3 {
color: var(--f14-black);
margin-bottom: 0;
font-family: Avenir, Arial, sans-serif;
font-size: 19px;
line-height: 25px;
}
.section-22 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-58 {
background-color: var(--f14-off-white);
padding-bottom: 80px;
padding-left: 30px;
padding-right: 30px;
}
.div-block-59 {
background-color: var(--f14-off-white);
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.paragraph-22-black {
color: var(--f14-black);
font-family: Avenir, Arial, sans-serif;
font-size: 22px;
line-height: 25px;
}
.paragraph-18-black {
color: var(--f14-black);
font-family: Avenir, Arial, sans-serif;
font-size: 18px;
line-height: 25px;
}
.paragraph-18-black.mission, .paragraph-18-black.vision {
text-transform: uppercase;
width: 80%;
max-width: 600px;
}
.paragraph-18-black.values-paragraph {
color: var(--f14-off-white);
text-transform: uppercase;
}
.paragraph-18-black.values-paragraph.black {
color: var(--f14-black);
}
.values-heading {
border-style: solid none;
border-width: 2px 0;
border-color: var(--white) var(--f14-black) var(--f14-black);
color: var(--f14-black);
text-align: center;
letter-spacing: 3px;
text-transform: uppercase;
width: 80%;
margin-top: 10px;
margin-bottom: 140px;
padding-top: 23px;
padding-bottom: 18px;
font-family: Avenir, Arial, sans-serif;
font-size: 50px;
font-weight: 800;
line-height: 45px;
display: inline-block;
}
.div-block-60 {
grid-column-gap: 16px;
grid-row-gap: 147px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 1000px;
max-width: 96%;
display: grid;
}
.div-block-61 {
background-color: var(--f14-off-white);
margin-top: 15px;
display: inline-block;
}
.div-block-61.black {
background-color: var(--f14-black);
}
.image-54 {
width: 260px;
height: 260px;
position: relative;
bottom: 16px;
right: 9px;
}
.div-block-62 {
padding-top: 30px;
padding-left: 60px;
padding-right: 60px;
}
.div-block-63 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 1400px;
max-width: 96%;
display: grid;
}
.heading-19 {
background-color: var(--f14-black);
color: var(--f14-off-white);
letter-spacing: 2px;
text-transform: uppercase;
border: 1px solid #000;
margin-bottom: 50px;
padding: 9px 28px 6px;
font-family: Avenir, Arial, sans-serif;
}
.paragraph-4 {
color: var(--f14-black);
}
.paragraph-14-black {
color: var(--f14-black);
text-align: center;
width: 600px;
max-width: 96%;
margin-bottom: 25px;
font-family: Avenir, Arial, sans-serif;
font-size: 14px;
line-height: 19px;
}
.paragraph-14-black.mission, .paragraph-14-black.vision {
text-transform: uppercase;
width: 600px;
max-width: 80%;
}
.paragraph-14-black.values-paragraph {
color: var(--f14-off-white);
text-transform: uppercase;
}
.div-block-64 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.link-23 {
letter-spacing: 1px;
text-transform: uppercase;
font-family: Avenir, Arial, sans-serif;
font-size: 12px;
font-weight: 800;
}
.link-23:hover {
color: #474747;
}
.faq-p {
border: 1px solid var(--f14-off-white);
background-color: #f4f6f8;
width: 100%;
margin-bottom: 10px;
overflow: hidden;
}
.faq {
color: #fff;
white-space: break-spaces;
background-color: #1f2025;
align-items: center;
width: 100%;
height: 80px;
padding-top: 0;
padding-bottom: 0;
padding-right: 50px;
font-size: 16px;
font-weight: 600;
display: flex;
}
.faq.w--open {
border-bottom: 1px solid #0000001a;
}
.faq-img {
z-index: 2;
color: var(--f14-black);
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-right: 10px;
display: flex;
position: relative;
inset: 0% auto 0% 0%;
}
.toggle-text {
z-index: 2;
color: var(--white);
font-family: Avenir, Arial, sans-serif;
position: relative;
}
.faq-icon {
z-index: 2;
color: var(--f14-black);
width: 24px;
margin-right: 16px;
position: absolute;
inset: 0% 0% 0% auto;
}
.faq-body {
background-color: #0000;
display: block;
position: relative;
}
.faq-body.w--open {
background-color: #0000;
}
.faq-body-cont {
background-color: var(--white);
border-top: 1px #000;
padding: 30px;
font-size: 16px;
font-weight: 300;
line-height: 32px;
}
.faq-answer {
color: var(--f14-black);
text-transform: none;
margin-bottom: 38px;
font-family: Avenir, Arial, sans-serif;
line-height: 26px;
}
.div-block-65, .form-block-2 {
width: 800px;
}
.div-block-66 {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid #000;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
width: 1200px;
margin-bottom: 60px;
display: block;
}
.values-description-div {
margin-bottom: 35px;
padding-top: 56px;
padding-left: 60px;
padding-right: 60px;
}
.section-a1 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 97%;
max-width: 1600px;
margin-bottom: 16px;
display: grid;
}
.hero-section-banner {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5eea52248fb85fd898732b22_dark%20ticket%20bg.jpg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
align-items: center;
width: 97%;
max-width: 1600px;
height: 120px;
margin-top: 16px;
margin-bottom: 16px;
display: none;
}
.image-55 {
height: 60%;
margin-right: 32px;
}
.div-block-67 {
justify-content: center;
align-items: center;
max-width: 80%;
height: 100%;
display: flex;
}
.text-block-69 {
color: var(--white);
text-transform: uppercase;
white-space: nowrap;
margin-right: 26px;
font-family: Avenir, Arial, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 26px;
}
.bold-text-3 {
line-height: 33px;
}
.faq-title {
color: var(--f14-black);
text-transform: uppercase;
margin-bottom: 54px;
font-family: Avenir, Arial, sans-serif;
font-size: 25px;
font-weight: 800;
line-height: 26px;
}
.faq-section {
color: var(--f14-black);
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 15px;
font-family: Avenir, Arial, sans-serif;
font-size: 19px;
font-weight: 600;
line-height: 24px;
}
.paragraph-5 {
color: var(--f14-black);
width: 800px;
max-width: 80%;
margin-bottom: 70px;
font-family: Avenir, Arial, sans-serif;
font-size: 16px;
}
.kids-camp-section {
background-color: var(--f14-off-white);
flex-direction: column;
align-items: center;
width: 97%;
max-width: 1600px;
margin-bottom: 16px;
padding: 16px;
display: none;
}
.grid-2 {
grid-template-rows: auto;
}
.div-block-69 {
flex-direction: column;
align-items: center;
padding-top: 10px;
padding-bottom: 16px;
display: flex;
}
.camp-register-title {
color: var(--f14-black);
letter-spacing: 1px;
margin-bottom: 14px;
font-family: Avenir, Arial, sans-serif;
font-size: 18px;
font-weight: 600;
}
.section-a3 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 97%;
max-width: 1600px;
margin-bottom: 16px;
display: none;
}
.announcement-div {
background-color: var(--f14-off-white);
padding: 40px 60px 20px;
position: relative;
}
.announcement-image {
z-index: 10;
width: 100%;
position: relative;
}
.announcement-text-div {
flex-direction: column;
align-items: center;
padding-top: 30px;
padding-bottom: 16px;
display: flex;
}
.div-block-43a {
justify-content: center;
padding-bottom: 37px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.groups-intro-text {
color: var(--f14-black);
letter-spacing: 1px;
width: 900px;
max-width: 96%;
margin-bottom: 40px;
padding-top: 34px;
font-family: Avenir, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
}
.groups-main-graphic {
width: 800px;
}
.easy-next-step-text {
color: var(--f14-black);
text-align: center;
width: 800px;
max-width: 96%;
margin-bottom: 40px;
padding-top: 34px;
font-family: Avenir, Arial, sans-serif;
font-size: 16px;
}
.groups-day-of-the-week-v2 {
color: var(--f14-black);
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
width: 400px;
margin-bottom: 30px;
padding: 6px 24px 6px 30px;
font-family: Avenir, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 20px;
}
.groups-tile-v2 {
border: 1px solid var(--f14-black);
flex-direction: column;
flex: 0 auto;
justify-content: space-between;
align-self: auto;
align-items: center;
width: 300px;
margin: 8px;
padding: 25px 25px 50px;
display: flex;
}
.groups-tile-main-image-v2 {
padding-bottom: 29px;
}
.groups-tile-names-v2 {
color: var(--f14-black);
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 10px;
padding-bottom: 14px;
font-family: Avenir, Arial, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 25px;
}
.groups-tile-category-v2 {
border-style: solid none;
border-width: 1px;
border-color: var(--f14-black);
color: var(--f14-black);
margin-bottom: 8px;
margin-left: 5px;
margin-right: 5px;
padding-left: 22px;
padding-right: 22px;
font-family: Avenir, Arial, sans-serif;
font-size: 11px;
}
.groups-tile-meet-time-v2 {
color: var(--f14-black);
letter-spacing: 1px;
text-transform: uppercase;
font-family: Avenir, Arial, sans-serif;
font-size: 11px;
font-weight: 800;
display: block;
}
.groups-tile-location-v2 {
color: var(--f14-black);
letter-spacing: 1px;
text-transform: uppercase;
padding-top: 30px;
padding-bottom: 40px;
font-family: Avenir, Arial, sans-serif;
font-size: 26px;
font-weight: 800;
line-height: 30px;
overflow: visible;
}
.groups-day-div-v2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 1200px;
max-width: 96%;
display: block;
}
.groups-day-div-v2.monday {
align-items: center;
}
.groups-day-div-v2.saturday {
display: none;
}
.footer-v2-fixed {
z-index: 100;
background-color: #252525;
background-image: linear-gradient(to top, var(--f14-black), transparent);
text-align: left;
justify-content: center;
width: 100%;
height: 340px;
display: flex;
position: fixed;
inset: auto 0% 0%;
}
.section-23 {
height: 340px;
}
.ministries-tile-div-2 {
background-color: #15161a;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.ministries-tile-div-2.kids {
background-image: linear-gradient(#000000bf, #000000bf), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e79641c114713c4db7c35d7_Kids.jpg");
background-position: 0 0, 100%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
transition: all .5s;
display: block;
}
.ministries-tile-div-2.kids:hover {
background-image: linear-gradient(#000000d9, #000000d9), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e79641c114713c4db7c35d7_Kids.jpg");
background-position: 0 0, 100%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.ministries-tile-div-2.students {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e79656f80f8c1215a499553_Students.jpg");
background-position: 0 0, 100%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
display: block;
}
.ministries-tile-div-2.students:hover {
background-image: linear-gradient(#000000bf, #000000bf), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e79656f80f8c1215a499553_Students.jpg");
background-position: 0 0, 100%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.ministries-tile-div-2.groups {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e8fd47ad516144c77dbd901_Groups.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: block;
}
.ministries-tile-div-2.groups:hover {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e8fd47ad516144c77dbd901_Groups.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.ministries-tile-div-2.serves {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e8fd6bac248f53548d87092_serves.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: block;
}
.ministries-tile-div-2.serves:hover {
background-image: linear-gradient(#00000059, #00000059), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e8fd6bac248f53548d87092_serves.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.heading-20 {
color: #fff;
text-align: center;
letter-spacing: 3px;
border: 2px solid #fff;
border-left: 0 #15161a;
border-right: 0 #15161a;
width: 80%;
margin-top: 10px;
padding-top: 9px;
padding-bottom: 5px;
font-family: Avenir, Arial, sans-serif;
font-size: 2.3em;
font-weight: 900;
line-height: 45px;
display: inline-block;
}
.heading-21 {
color: #f3f3f2;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #15161a;
border: 1px solid #000;
margin-bottom: 50px;
padding: 9px 28px 6px;
font-family: Avenir, Arial, sans-serif;
}
.ministries-sub-heading {
color: #f3f3f2;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #15161a;
border: 1px solid #000;
align-self: stretch;
margin-bottom: 0;
padding: 9px 28px 6px;
font-family: Avenir, Arial, sans-serif;
}
.intro-text {
color: var(--f14-black);
text-align: center;
letter-spacing: 1px;
width: 900px;
max-width: 96%;
margin-bottom: 80px;
padding-top: 34px;
font-family: Avenir, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
}
.intro-text.giving {
width: 920px;
}
.intro-text.blueprint {
width: 920px;
margin-bottom: 56px;
}
.ministry-about-div {
background-color: #e6e6e6;
border: 1px solid #c4c4c4;
flex-direction: column;
align-items: flex-start;
padding: 24px 30px 20px;
display: flex;
}
.ministries-about-text {
color: var(--f14-black);
text-align: justify;
letter-spacing: 1px;
margin-bottom: 46px;
padding-left: 6px;
padding-right: 6px;
font-family: Avenir, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 23px;
}
.ministries-about-text.white {
color: var(--f14-off-white);
width: 80%;
}
.ministries-about-text.bold-white {
color: var(--f14-off-white);
text-align: center;
width: 70%;
font-size: 19px;
font-weight: 600;
}
.grid-3 {
grid-column-gap: 32px;
grid-row-gap: 32px;
width: 80%;
}
.giving-payments {
border: 1px #c4c4c4;
flex-direction: column;
align-items: center;
width: 80%;
padding: 24px 30px 20px;
display: flex;
}
.giving-sub-heading {
color: #f3f3f2;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #15161a;
border: 1px solid #000;
margin-bottom: 0;
padding: 9px 28px 6px;
font-family: Avenir, Arial, sans-serif;
}
.giving-sub-heading.white {
background-color: var(--f14-off-white);
color: var(--f14-black);
}
.giving-sub-heading.white.margin-below {
background-color: #f3f3f2e0;
margin-bottom: 30px;
}
.giving-sub-heading.blueprint {
padding-left: 60px;
padding-right: 60px;
}
.grid-4 {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
width: 96%;
margin-top: 47px;
}
.div-block-70 {
border: 1px solid var(--f14-black);
flex-direction: column;
align-items: center;
padding: 28px 46px 58px;
display: flex;
position: relative;
}
.heading-22 {
color: var(--f14-black);
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 10px;
font-family: Avenir, Arial, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 22px;
}
.giving-links-div {
flex-direction: row;
flex: 1;
justify-content: center;
align-items: center;
margin-bottom: 22px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.standard-section-black {
background-color: var(--f14-black);
background-image: linear-gradient(176deg, #353538db, #0c0c0edb), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5f697326dadedd5dcd795827_papers.co-vd54-abstract-black-geometric-line-pattern-25-wallpaper.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
flex-direction: column;
align-items: center;
width: 97%;
max-width: 1600px;
margin-bottom: 16px;
padding-top: 30px;
display: flex;
position: relative;
}
.standard-section-black.groups {
flex-direction: column;
align-items: center;
display: flex;
}
.grid-5 {
grid-template-rows: auto;
width: 80%;
margin-bottom: 60px;
}
.div-block-71 {
flex-direction: column;
align-items: center;
margin-top: 60px;
display: flex;
}
.securities-button-div.im-interested {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 20px;
margin-bottom: 40px;
display: block;
}
.giving-about-text {
color: var(--f14-black);
text-align: justify;
letter-spacing: 1px;
margin-bottom: 55px;
padding-left: 6px;
padding-right: 6px;
font-family: Avenir, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 23px;
}
.giving-about-text.white {
color: var(--f14-off-white);
width: 80%;
}
.giving-about-text.bold-white {
color: var(--f14-off-white);
text-align: center;
width: 70%;
font-size: 19px;
font-weight: 600;
}
.contact-us-form-div {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
align-items: center;
width: 90%;
display: flex;
}
.form-block-3 {
width: 600px;
max-width: 98%;
}
.standard-form {
flex-direction: column;
align-items: center;
display: flex;
}
.standard-form-title {
color: var(--f14-black);
letter-spacing: 1px;
text-transform: uppercase;
align-self: flex-start;
font-family: Avenir, Arial, sans-serif;
font-weight: 500;
}
.standard-form-field {
border: 1px solid #525357;
margin-bottom: 19px;
}
.standard-form-submit {
background-color: var(--f14-black);
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
margin-top: 25px;
padding: 14px 20px 10px;
font-family: Avenir, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
display: inline-block;
}
.standard-form-submit:hover {
color: var(--f14-black);
background-color: #0000;
border: 1px solid #000;
}
.connect-link-div {
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 4px;
display: flex;
}
.volunteer-text-div {
flex-direction: column;
align-items: center;
margin-top: 30px;
display: flex;
}
.div-block-72 {
background-color: var(--f14-off-white);
justify-content: center;
align-items: center;
padding-top: 70px;
padding-bottom: 70px;
display: flex;
}
.div-block-73 {
background-color: var(--f14-off-white);
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.image-57 {
width: 55%;
}
.section-24 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/60c110795e62508f090956cb_Recess16x9.JPG");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 97%;
max-width: 1600px;
min-height: 100vh;
margin-top: 16px;
margin-bottom: 16px;
padding-top: 100px;
padding-bottom: 60px;
display: flex;
}
.image-58 {
width: 360px;
margin-bottom: 18px;
}
.text-block-70 {
color: var(--f14-black);
text-align: center;
letter-spacing: 1px;
margin-bottom: 18px;
font-family: source-code-pro, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 21px;
}
.image-59 {
width: 100px;
margin-bottom: 44px;
}
.text-block-71 {
color: var(--f14-black);
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 36px;
font-family: source-code-pro, sans-serif;
font-size: 15px;
}
.image-60 {
width: 70px;
}
.volunteer-register-link-div {
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 50px;
display: flex;
}
.image-61 {
width: 600px;
margin-bottom: 60px;
}
.five14-blueprint-div {
border: 1px #c4c4c4;
flex-direction: column;
align-items: center;
width: 100%;
padding: 24px 30px 0;
display: flex;
}
.hero-section-b-copy {
background-color: var(--f14-off-white);
filter: saturate(0%);
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e7263f1bf518bf299e177a8_five14%20building%20hero.jpg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 107%;
flex-direction: column;
align-items: center;
width: 97%;
max-width: 1600px;
height: 260px;
margin-bottom: 16px;
padding-top: 15px;
display: flex;
}
.hero-section-d {
background-color: var(--f14-off-white);
background-image: linear-gradient(87deg, #000 2%, #0000 47%), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/6605bfbdd060734213d7a5f0_main%20background%20web.jpg");
background-position: 0 0, 50% 45%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 97%;
max-width: 1600px;
height: 360px;
margin-top: 14px;
margin-bottom: 16px;
padding-top: 15px;
padding-bottom: 50px;
display: block;
}
.div-block-74 {
padding-left: 8%;
}
.rooted-section {
background-color: #d48c36;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/674f672c62e5d398dbc87054_rooted%20background.jpg");
background-position: 50%;
background-size: 960px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 97%;
max-width: 1600px;
margin-top: 16px;
margin-bottom: 16px;
display: flex;
position: relative;
overflow: hidden;
}
.image-62 {
width: 600px;
height: 408px;
margin-left: -138px;
position: relative;
}
.div-block-75 {
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
width: 400px;
height: 100%;
margin-bottom: 70px;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.image-63 {
width: 800px;
max-width: 80%;
}
.div-block-76 {
flex-direction: column;
align-items: center;
margin-bottom: 100px;
display: flex;
}
.paragraph-6 {
color: #000;
text-align: center;
letter-spacing: 3px;
text-transform: uppercase;
width: 550px;
margin-bottom: 30px;
font-family: source-code-pro, sans-serif;
font-size: 26px;
font-weight: 400;
line-height: 36px;
}
.div-block-77 {
flex-direction: column;
align-items: center;
margin-top: 140px;
display: flex;
}
.paragraph-7 {
letter-spacing: 2px;
font-family: Open Sans, sans-serif;
font-size: 16px;
font-style: italic;
font-weight: 700;
}
.imstillthankful-link-div {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 30px;
display: flex;
}
.image-64 {
width: 100px;
margin-bottom: 10px;
}
.image-65 {
display: none;
}
.full-vh-section {
z-index: 1;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5fd2fb9f654aaa5bc5c6bd6a_LTBL%20gold%20background_cropped.jpg");
background-position: 0 0;
background-size: auto;
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
height: 100vh;
display: none;
position: static;
bottom: 114px;
}
.navbar-v2-full-vh {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #0000;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 57px;
position: sticky;
top: 0;
}
.image-66 {
object-fit: contain;
flex: none;
width: 600px;
max-width: 60%;
margin-bottom: 24px;
}
.menu-vh {
z-index: 13;
clear: none;
color: #0000;
text-align: left;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
width: 30px;
height: 25px;
display: flex;
position: sticky;
right: 25px;
}
.menu-vh:hover {
opacity: .65;
background-color: #0000;
}
.text-block-72 {
color: #231f20;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 17px;
font-family: Oswald, sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 30px;
}
.text-block-73 {
color: #231f20;
text-align: center;
letter-spacing: 0;
text-transform: uppercase;
font-family: din-condensed, sans-serif;
font-size: 42px;
line-height: 48px;
}
.section-26 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5fd2fb9f654aaa5bc5c6bd6a_LTBL%20gold%20background_cropped.jpg");
background-position: 0 0;
background-size: auto;
width: 97%;
max-width: 1600px;
margin-top: 16px;
margin-bottom: 16px;
padding-top: 100px;
padding-bottom: 90px;
}
.image-67 {
width: 600px;
margin-bottom: 31px;
}
.div-block-78 {
flex-direction: column;
align-items: center;
margin-bottom: 50px;
display: flex;
}
.text-block-74 {
color: var(--f14-off-white);
text-align: justify;
letter-spacing: 1px;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5fd4473086a0830457c95fc9_LTBL%20black%20background_cropped.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 800px;
max-width: 80%;
margin-bottom: 58px;
padding: 41px;
font-family: din-condensed, sans-serif;
font-size: 22px;
line-height: 30px;
}
.text-block-75 {
color: var(--ltbl-black);
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
width: 800px;
max-width: 80%;
margin-bottom: 13px;
font-family: din-condensed, sans-serif;
font-size: 31px;
font-weight: 800;
line-height: 24px;
}
.text-block-76 {
color: var(--ltbl-black);
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
width: 800px;
max-width: 80%;
margin-bottom: 2px;
font-family: Avenir, Arial, sans-serif;
font-size: 18px;
font-style: italic;
font-weight: 800;
line-height: 24px;
}
.heading-23 {
color: var(--ltbl-black);
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 25px;
font-family: Oswald, sans-serif;
}
.text-block-77 {
color: var(--ltbl-black);
text-align: center;
margin-bottom: 100px;
font-family: Avenir, Arial, sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 22px;
}
.grid-6 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template: "."
"."
"."
/ 1fr 1fr 1fr;
place-items: center;
width: 1000px;
max-width: 94%;
}
.full-vh-section-2-column {
z-index: 1;
flex-direction: row;
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
height: 100vh;
position: static;
bottom: 114px;
}
.columns-3 {
align-items: center;
width: 100%;
height: 100%;
}
.column-28 {
background-color: #000;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.column-29 {
background-color: #907ba6;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.easter-reg-link-div {
text-align: center;
padding-top: 30px;
position: absolute;
inset: auto 0% 5%;
}
.image-68, .image-69 {
margin-bottom: 50px;
}
.full-vh-section-grid {
z-index: 1;
border-bottom: 2px solid var(--f14-black);
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
height: 100vh;
padding: 16px;
display: block;
position: static;
bottom: 114px;
overflow: hidden;
}
.full-height-div {
height: 100%;
}
.full-height-div.good-friday {
background-color: #000;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.full-height-div.easter {
background-color: #907ba6;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.section-a4 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 97%;
max-width: 1600px;
margin-bottom: 16px;
display: none;
}
.online-experience-banner {
z-index: 10;
border: 1px solid #aaa;
width: 100%;
position: relative;
}
.online-experience-banner:hover {
opacity: .8;
}
.online-experience-banner-div {
background-color: var(--f14-off-white);
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.online-experience-banner-div.five14-kids-desktop {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.online-experience-banner-div.five14-kids-mobile {
display: none;
}
.image-70 {
-webkit-text-fill-color: inherit;
background-clip: border-box;
padding-top: 146px;
padding-bottom: 0;
font-weight: 400;
display: inline-block;
overflow: visible;
}
.text-span {
font-weight: 700;
}
.text-span-2 {
color: var(--white);
}
.black-outline-button-copy {
color: #000;
letter-spacing: 2.5px;
text-transform: uppercase;
background-color: #0000;
border: 2px solid #000;
border-radius: 0;
margin: 5px 25px;
padding: 8px 25px 8px 28px;
font-family: brandon-grotesque;
font-size: 12px;
font-weight: 300;
line-height: 16px;
}
.black-outline-button-copy:hover {
color: #fff;
background-color: #000;
}
.black-outline-button-copy.event-button {
margin: 10px 10px 0 0;
}
.black-outline-button-copy.event-button.more-info {
margin-top: 15px;
}
.black-outline-button-copy.event-button.detail {
text-align: center;
margin-top: 10px;
display: inline-block;
}
.black-outline-button-copy.program-cta {
text-align: left;
margin-top: 0;
margin-bottom: 50px;
font-family: Karla, sans-serif;
display: inline-block;
position: static;
}
.black-outline-button-copy.pink {
color: #282560;
text-align: center;
border-color: #282560;
margin-left: auto;
margin-right: auto;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 13px;
display: inline-block;
position: static;
}
.black-outline-button-copy.pink:hover {
background-color: #fff;
}
.black-outline-button-copy.pink.space {
margin-left: 10px;
margin-right: 10px;
}
.black-outline-button-copy.we-cant-learn-more {
margin-top: 0;
margin-bottom: 0;
}
.black-outline-button-copy.program-cta-hsn {
text-align: left;
margin-top: 0;
margin-bottom: 50px;
display: inline-block;
position: static;
}
.button {
color: #000;
text-align: left;
letter-spacing: 2.5px;
background-color: #0000;
border: 2px solid #000;
margin-bottom: 50px;
margin-left: 25px;
margin-right: 25px;
padding: 8px 25px;
font-size: 12px;
font-weight: 300;
line-height: 16px;
}
.watch-and-listen-div {
text-align: center;
padding-top: 286px;
padding-bottom: 20px;
}
.dadcamp-logo {
width: 800px;
padding: 44px;
}
.dadcamp-hero-section {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/63f768ba3a2747c08c6472db_DADCAMPcrazy%20edited.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
height: 800px;
display: flex;
}
.dadcamp-hero-slogan {
place-content: center;
margin-bottom: 10px;
display: flex;
}
.heading-24 {
text-align: center;
text-shadow: 1px 1px 6px #000;
width: 650px;
margin-top: 0;
margin-bottom: 0;
padding: 25px;
font-family: Montserrat, sans-serif;
font-size: 27px;
}
.dadcamp-header {
color: #4d4d4d;
text-align: center;
margin-bottom: 60px;
font-family: Montserrat, sans-serif;
}
.dadcamp-header.white {
color: #fff;
}
.dadcamp-copy {
color: var(--dark-slate-gray);
letter-spacing: .5px;
text-transform: uppercase;
margin-bottom: 50px;
font-family: Open Sans, sans-serif;
font-size: 18px;
line-height: 26px;
}
.dadcamp-copy.lowercase {
text-transform: none;
}
.dadcamp-copy.lowercase.white {
color: var(--white);
margin-bottom: 90px;
}
.dadcamp-more-info-section {
background-image: radial-gradient(circle, #000000a6, #0000), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/63f9b379303f2033481db932_woods.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
padding-top: 90px;
padding-bottom: 110px;
}
.dadcamp-register-links {
text-align: center;
margin-top: 20px;
padding-top: 18px;
padding-bottom: 18px;
}
.dadcamp-register-links.bottom {
margin-top: 0;
}
.dadcamp-button {
border: 2px solid var(--white);
text-align: center;
letter-spacing: 1px;
background-color: #15161a82;
width: 160px;
margin-left: 20px;
margin-right: 20px;
padding: 18px 26px;
font-family: Open Sans, sans-serif;
font-size: 16px;
font-weight: 800;
}
.dadcamp-button:hover {
background-color: var(--white);
color: #3a3a3a;
}
.dadcamp-button.yellow {
color: var(--f14-black);
background-color: #ffba00;
}
.dadcamp-button.yellow:hover {
background-color: var(--f14-black);
color: var(--white);
}
.dadcamp-contact {
color: var(--white);
text-align: center;
letter-spacing: .5px;
text-transform: uppercase;
margin-top: 60px;
margin-bottom: 5px;
font-family: Open Sans, sans-serif;
font-size: 18px;
font-style: italic;
font-weight: 700;
line-height: 26px;
}
.dadcamp-contact.lowercase {
text-transform: none;
}
.dadcamp-contact-info {
color: var(--white);
text-align: center;
letter-spacing: .5px;
text-transform: uppercase;
margin-bottom: 34px;
font-family: Open Sans, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 26px;
}
.dadcamp-contact-info.lowercase {
text-transform: none;
}
.slider-right-arrow {
color: #444;
}
.slider-text {
text-align: center;
font-family: Oswald, sans-serif;
font-size: 60px;
font-weight: 700;
line-height: 60px;
}
.slider-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.slider {
background-color: #0000;
width: 400px;
height: 400px;
position: static;
}
.image-slider-section {
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
}
.slide-content-wrapper {
background-color: #e1e1e1;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.slider-container {
z-index: 98;
width: 60%;
min-height: 300px;
padding: 40px;
position: relative;
overflow: visible;
}
.slider-left-arrow {
color: #444;
}
.mask-2 {
position: static;
overflow: visible;
}
.image-71 {
object-fit: cover;
width: 100%;
height: 100%;
}
.image-71-copy {
object-fit: cover;
object-position: 50% 20%;
width: 100%;
height: 100%;
}
.dadcamp-email {
color: #d6d6d6;
}
.dadcamp-email:hover {
color: #ffba00;
}
.camp-dates {
padding: 14px;
}
.camp-date-registration {
color: var(--white);
text-align: center;
text-shadow: 2px 2px 2px #000000b3;
margin-bottom: 14px;
font-family: Avenir, Arial, sans-serif;
font-size: 21px;
font-weight: 600;
}
.container-16 {
margin-bottom: 30px;
}
.dadcamp-details-section {
background-color: var(--white);
flex-direction: column;
justify-content: center;
align-items: center;
padding: 84px 60px;
display: flex;
}
.dadcamp-detials-tile-div {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 90%;
max-width: 1200px;
display: grid;
}
.dadcamp-detials-div {
background-color: var(--white);
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/63fa2df555817f77bbfc6e26_yellow%20graphic%202.jpg");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 27px 44px;
display: flex;
box-shadow: 2px 2px 5px 2px #00000045;
}
.dadcamp-details-heading {
color: var(--f14-black);
text-transform: uppercase;
border-bottom: 1px solid #000;
margin-bottom: 40px;
font-family: Avenir, Arial, sans-serif;
font-weight: 800;
}
.dadcamp-details-text {
color: var(--f14-black);
text-align: center;
justify-content: flex-end;
margin-bottom: 16px;
font-family: Avenir, Arial, sans-serif;
font-size: 18px;
}
.dadcamp-video-div {
z-index: 99;
width: 40%;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
}
.div-block-80 {
justify-content: center;
align-items: center;
display: flex;
}
.dadcamp-media-div {
justify-content: center;
align-items: center;
width: 90%;
max-width: 1600px;
display: flex;
}
.div-block-43b {
justify-content: center;
padding-bottom: 60px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.div-block-43c {
justify-content: center;
height: 469.969px;
margin-bottom: 151px;
padding-bottom: 147px;
display: flex;
position: absolute;
inset: auto 0% 0%;
overflow: visible;
}
.div-block-42d {
width: 460px;
max-width: 78%;
margin-bottom: 146px;
padding-top: 0;
}
.section-4a2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: "latest-message media-link"
/ 1fr 1fr;
grid-auto-columns: 1fr;
width: 97%;
max-width: 1600px;
height: 570px;
margin-bottom: 16px;
display: grid;
}
.div-block-43c-copy {
flex-direction: column;
justify-content: center;
align-items: center;
height: 469.969px;
display: flex;
position: absolute;
inset: auto 0% 0%;
overflow: visible;
}
.watch-and-listen-div-copy {
text-align: center;
margin-bottom: 20px;
padding-top: 0;
padding-bottom: 0;
}
.arrow-link-div-copy {
text-align: center;
}
.arrow-link-div-copy.watch {
margin-bottom: 40px;
}
.arrow-link-div-copy.streaming.left-align {
clear: none;
text-align: left;
margin-top: 136px;
padding-top: 10px;
padding-bottom: 0;
padding-left: 24px;
position: static;
}
.div-block-42d-copy {
width: 460px;
max-width: 78%;
padding-top: 0;
}
.image-70-copy {
-webkit-text-fill-color: inherit;
background-clip: border-box;
font-weight: 400;
display: inline-block;
overflow: hidden;
}
.button-v2-copy.black-copy {
border-color: var(--f14-black);
background-color: var(--f14-black);
color: var(--white);
margin: 45px 10px 0;
}
.button-v2-copy.black-copy:hover {
color: var(--f14-black);
background-color: #0000;
}
.button-v2-copy.black-copy._180w {
width: 180px;
}
.button-v2-copy.black-copy.reserve {
background-color: var(--f14-off-white);
color: var(--f14-black);
white-space: nowrap;
border-width: 1px;
margin-bottom: 0;
padding-top: 18px;
padding-bottom: 18px;
}
.button-v2-copy.black-copy.reserve:hover {
border-color: var(--white);
color: var(--white);
background-color: #0000;
}
.button-v2-copy.black-copy.groups-button {
margin-bottom: 0;
padding-left: 64px;
padding-right: 64px;
}
.button-v2-copy.black-modal {
border-color: var(--f14-black);
background-color: var(--f14-black);
color: var(--white);
margin: 0 10px;
}
.button-v2-copy.black-modal:hover {
border-color: var(--f14-black);
color: var(--f14-black);
background-color: #0000;
}
.button-v2-copy.black-modal._180w {
width: 180px;
}
.button-v2-copy.black-modal.reserve {
background-color: var(--f14-off-white);
color: var(--f14-black);
white-space: nowrap;
border-width: 1px;
margin-bottom: 0;
padding-top: 18px;
padding-bottom: 18px;
}
.button-v2-copy.black-modal.reserve:hover {
border-color: var(--white);
color: var(--white);
background-color: #0000;
}
.button-v2-copy.black-modal.groups-button {
margin-bottom: 0;
padding-left: 64px;
padding-right: 64px;
}
.button-v2-copy {
border: 2px solid var(--white);
background-color: var(--white);
color: var(--f14-black);
letter-spacing: 1px;
text-transform: uppercase;
margin-left: 10px;
margin-right: 10px;
padding-left: 20px;
padding-right: 20px;
font-family: Avenir, Arial, sans-serif;
font-size: 12px;
font-weight: 300;
}
.button-v2-copy:hover {
border: 2px solid var(--white);
color: var(--white);
background-color: #0000;
}
.button-v2-copy.spaced-right {
align-self: flex-start;
margin-right: 20px;
}
.button-v2-copy.black {
border-color: var(--f14-black);
background-color: var(--f14-black);
color: var(--white);
margin: 45px 10px 0;
}
.button-v2-copy.black:hover {
color: var(--f14-black);
background-color: #0000;
}
.button-v2-copy.black._180w {
width: 180px;
}
.button-v2-copy.black.reserve {
background-color: var(--f14-off-white);
color: var(--f14-black);
white-space: nowrap;
border-width: 1px;
margin-bottom: 0;
padding-top: 18px;
padding-bottom: 18px;
}
.button-v2-copy.black.reserve:hover {
border-color: var(--white);
color: var(--white);
background-color: #0000;
}
.button-v2-copy.black.groups-button {
margin-bottom: 0;
padding-left: 64px;
padding-right: 64px;
}
.button-v2-copy.give {
text-align: center;
margin-top: 12px;
padding: 1px 38px 1px 40px;
}
.button-v2-copy.clear-white {
color: var(--f14-off-white);
background-color: #0000;
}
.button-v2-copy.clear-white:hover {
background-color: var(--f14-off-white);
color: var(--f14-black);
}
.button-v2-copy.clear-on-black {
border-color: var(--f14-black);
color: var(--f14-black);
background-color: #0000;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
}
.button-v2-copy.clear-on-black:hover {
background-color: var(--f14-black);
color: var(--f14-off-white);
}
.button-v2-copy.clear-on-black._180w {
width: 180px;
}
.button-v2-copy.clear-on-black.reserve {
background-color: var(--f14-off-white);
color: var(--f14-black);
white-space: nowrap;
border-width: 1px;
margin-bottom: 0;
padding-top: 18px;
padding-bottom: 18px;
}
.button-v2-copy.clear-on-black.reserve:hover {
border-color: var(--white);
color: var(--white);
background-color: #0000;
}
.button-v2-copy.clear-on-black.groups-button {
margin-bottom: 0;
padding-left: 64px;
padding-right: 64px;
}
.button-v2-copy.clear-on-white {
border-color: var(--f14-off-white);
color: var(--f14-off-white);
background-color: #0000;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
}
.button-v2-copy.clear-on-white:hover {
background-color: var(--f14-off-white);
color: var(--f14-black);
}
.button-v2-copy.clear-on-white._180w {
width: 180px;
}
.button-v2-copy.clear-on-white.reserve {
background-color: var(--f14-off-white);
color: var(--f14-black);
white-space: nowrap;
border-width: 1px;
margin-bottom: 0;
padding-top: 18px;
padding-bottom: 18px;
}
.button-v2-copy.clear-on-white.reserve:hover {
border-color: var(--white);
color: var(--white);
background-color: #0000;
}
.button-v2-copy.clear-on-white.groups-button {
margin-bottom: 0;
padding-left: 64px;
padding-right: 64px;
}
.button-v2-copy.off-black {
color: var(--white);
background-color: #231f20;
border-color: #231f20;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
}
.button-v2-copy.off-black:hover {
border-color: var(--f14-off-white);
color: var(--f14-black);
background-color: #f3f3f2;
}
.button-v2-copy.off-black._180w {
width: 180px;
}
.button-v2-copy.off-black.reserve {
background-color: var(--f14-off-white);
color: var(--f14-black);
white-space: nowrap;
border-width: 1px;
margin-bottom: 0;
padding-top: 18px;
padding-bottom: 18px;
}
.button-v2-copy.off-black.reserve:hover {
border-color: var(--white);
color: var(--white);
background-color: #0000;
}
.button-v2-copy.off-black.groups-button {
margin-bottom: 0;
padding-left: 64px;
padding-right: 64px;
}
.button-v2-copy.black-and-red {
border-color: var(--ltbl-black);
color: var(--f14-off-white);
background-color: #231f20;
border-radius: 60px;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
padding-top: 14px;
padding-bottom: 13px;
font-family: din-condensed, sans-serif;
font-size: 16px;
font-weight: 400;
}
.button-v2-copy.black-and-red:hover {
color: var(--f14-black);
background-color: #ba3634;
font-weight: 500;
}
.button-v2-copy.black-and-red._180w {
width: 180px;
}
.button-v2-copy.black-and-red.reserve {
background-color: var(--f14-off-white);
color: var(--f14-black);
white-space: nowrap;
border-width: 1px;
margin-bottom: 0;
padding-top: 18px;
padding-bottom: 18px;
}
.button-v2-copy.black-and-red.reserve:hover {
border-color: var(--white);
color: var(--white);
background-color: #0000;
}
.button-v2-copy.black-and-red.groups-button {
margin-bottom: 0;
padding-left: 64px;
padding-right: 64px;
}
.section-4a-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: "latest-message media-link"
/ 1fr 1fr;
grid-auto-columns: 1fr;
width: 97%;
max-width: 1600px;
height: 570px;
margin-bottom: 16px;
display: none;
}
.messages-button-div {
text-align: center;
}
.event-type-selector-section-white-copy {
background-color: var(--white);
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
}
.event-type-selector-section-white-copy.connect {
background-color: var(--f14-black);
padding-left: 15px;
padding-right: 15px;
}
.event-type-selector-section-white-copy.kids2.full-height-section {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5835d78077719ae536595155_KidsWebsitesymbol_banner_sm.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
display: block;
position: relative;
bottom: 0;
left: 0;
right: 0;
}
.image-72 {
width: 300px;
}
.the-hill-section {
width: 100%;
height: 500px;
}
.kids-online-section-info {
flex-direction: column;
align-items: center;
width: 97%;
max-width: 1600px;
margin-top: 16px;
margin-bottom: 80px;
padding-top: 80px;
display: flex;
}
.kids-online-section-info.app {
margin-top: 0;
margin-bottom: 0;
}
.kids-description {
width: 800px;
}
.five14kids-description-2 {
color: var(--f14-black);
text-align: center;
letter-spacing: 1px;
margin-bottom: 46px;
font-family: Avenir, Arial, sans-serif;
font-size: 17px;
line-height: 24px;
}
.five14kids-description-2.the-hill {
margin-bottom: 0;
}
.div-block-81 {
text-align: center;
}
.black-outline-button-boom {
color: #000;
letter-spacing: 2.5px;
text-transform: uppercase;
background-color: #0000;
border: 2px solid #000;
border-radius: 0;
margin: 5px 25px;
padding: 8px 25px 8px 28px;
font-family: brandon-grotesque;
font-size: 12px;
font-weight: 300;
line-height: 16px;
}
.black-outline-button-boom:hover {
color: #fff;
background-color: #000;
}
.black-outline-button-boom.event-button {
margin: 10px 10px 0 0;
}
.black-outline-button-boom.event-button.more-info {
margin-top: 15px;
}
.black-outline-button-boom.event-button.detail {
text-align: center;
margin-top: 10px;
display: inline-block;
}
.black-outline-button-boom.program-cta {
text-align: left;
margin-top: 0;
margin-bottom: 50px;
font-family: Karla, sans-serif;
display: inline-block;
position: static;
}
.black-outline-button-boom.pink {
color: #282560;
text-align: center;
border-color: #282560;
margin-left: auto;
margin-right: auto;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 13px;
display: inline-block;
position: static;
}
.black-outline-button-boom.pink:hover {
background-color: #fff;
}
.black-outline-button-boom.pink.space {
margin-left: 10px;
margin-right: 10px;
}
.black-outline-button-boom.we-cant-learn-more {
margin-top: 0;
margin-bottom: 0;
}
.black-outline-button-boom.program-cta-hsn {
text-align: left;
margin-top: 0;
margin-bottom: 50px;
display: inline-block;
position: static;
}
.easter23-hero {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/6425ab0d422e25d1214d7fce_main%20background%201920%20shadow.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
height: 93vh;
display: flex;
position: relative;
overflow: hidden;
}
.body-15 {
background-color: var(--white);
}
.section-27 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/6423423b27c8772c32827cc2_life%20to%20death%20script%20background%205per.png"), radial-gradient(circle farthest-side at 0 100%, #ffd5583d, #fff0), radial-gradient(circle at 100% 0, #ffb9816b, #fff 49%);
background-position: 50% 0, 0 0, 0 0;
background-repeat: no-repeat, repeat, repeat;
background-size: cover, auto, auto;
background-attachment: fixed, scroll, scroll;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 70px;
padding-bottom: 100px;
display: flex;
}
.div-block-82 {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #fffff9;
background-image: radial-gradient(circle farthest-side at 100% 0, #fff1f17a, #0000), radial-gradient(circle farthest-side at 0 0, #fde9cab5, #0000);
border: 1px solid #9b9b9b;
border-radius: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 90%;
max-width: 1200px;
height: 450px;
padding: 10px;
display: grid;
position: relative;
box-shadow: 0 2px 5px #0003;
}
.heading-25 {
color: var(--f14-black);
text-align: center;
letter-spacing: 2px;
width: 100%;
margin-top: 26px;
margin-bottom: 30px;
font-family: Amug, Impact, sans-serif;
font-weight: 400;
position: absolute;
inset: 0% 0% auto;
}
.heading-25.white {
color: #fff;
}
.div-block-83 {
flex-direction: column;
align-items: center;
margin-top: 40px;
display: flex;
}
.heading-26 {
color: var(--f14-black);
margin-top: 24px;
font-family: Avenir, Arial, sans-serif;
}
.text-block-78 {
color: var(--f14-black);
padding-left: 6px;
font-family: Avenir, Arial, sans-serif;
font-weight: 800;
}
.text-block-79 {
color: var(--f14-black);
margin-bottom: 11px;
padding-left: 6px;
font-family: Avenir, Arial, sans-serif;
}
.div-block-84 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 20px;
padding-left: 19px;
padding-right: 19px;
display: flex;
position: relative;
}
.div-block-85 {
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 15px;
display: flex;
}
.button-2 {
letter-spacing: .1em;
text-transform: uppercase;
background-color: #fff0;
border: .0625rem solid #fff;
border-radius: 1.875rem;
padding: 1.25rem 2rem;
position: relative;
}
.button-2.x-transition {
border-style: none;
border-color: var(--crimson);
text-align: center;
letter-spacing: .2em;
background-color: #f3a2c4;
background-image: radial-gradient(circle at 80% 180%, #f8be38, #0000 61%), linear-gradient(114deg, #ed4423, #ffa60000);
border-radius: .9rem;
margin-left: 10px;
margin-right: 10px;
padding-top: .85rem;
padding-bottom: .75rem;
font-family: Avenir, Arial, sans-serif;
font-weight: 600;
line-height: 20px;
transition: background-color .3s;
}
.button-2.x-transition:hover {
color: #fff;
background-color: #262223;
background-image: radial-gradient(circle at 0 100%, #4d5643, #fff0);
}
.button-2.x-transition-colorful {
color: var(--white);
text-align: center;
letter-spacing: .2em;
background-color: #ff7dc7;
background-image: linear-gradient(#0000, #00000026), radial-gradient(circle farthest-side at 90% 0, #e77f1073, #0000 60%), radial-gradient(circle at 0%, #fff94182, #0000);
border-style: solid;
border-color: #fff;
border-radius: .9rem;
margin-left: 10px;
margin-right: 10px;
padding-top: .85rem;
padding-bottom: .75rem;
font-family: Avenir, Arial, sans-serif;
font-weight: 600;
line-height: 20px;
transition: background-color .3s;
box-shadow: 0 2px 5px #0000001f;
}
.button-2.x-transition-colorful:hover {
color: #fa8430;
background-color: #fff;
background-image: none;
border-style: solid;
border-color: #fa8430;
}
.section-28 {
background-color: #f3a2c4;
background-image: linear-gradient(120deg, #f8be38, #fff0);
flex-direction: column;
align-items: center;
padding-top: 70px;
padding-bottom: 100px;
display: flex;
}
.button-3 {
position: relative;
}
.arrow-wrapper-b3 {
border: 1px solid #fff;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 40px;
padding: 14px 6px;
display: flex;
position: absolute;
inset: 32% auto auto 37%;
}
.div-block-86 {
flex-direction: row;
order: 1;
width: 40px;
height: 73px;
margin-top: 72px;
margin-bottom: 30px;
margin-right: 1px;
}
.div-block-87 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch stretch;
width: 90%;
max-width: 1200px;
margin-bottom: 70px;
display: grid;
}
.div-block-88 {
flex-direction: column;
align-items: center;
width: 90%;
max-width: 1200px;
display: flex;
}
.div-block-89 {
position: relative;
}
.link-block-11 {
z-index: 2;
margin: 20px;
transition: transform .3s, box-shadow .4s;
position: absolute;
}
.link-block-11:hover {
transform: scale(1.05);
}
.div-block-90 {
z-index: 1;
position: absolute;
}
.div-block-91 {
position: relative;
}
.link-block-12 {
border-radius: 20px;
transition: filter .24s, box-shadow .24s cubic-bezier(.165, .84, .44, 1);
overflow: hidden;
box-shadow: 1px 2px 5px #0003;
}
.link-block-12:hover {
filter: brightness(75%);
box-shadow: 7px 7px 8px -4px #0003;
}
.link-block-13 {
-webkit-backdrop-filter: grayscale();
backdrop-filter: grayscale();
position: absolute;
inset: 0%;
}
.link-block-13:hover {
filter: brightness(80%);
}
.card-wrapper {
perspective: 1500px;
background-color: #fff;
min-width: 225px;
min-height: 300px;
margin-left: 40px;
margin-right: 40px;
position: relative;
box-shadow: 0 4px 20px -5px #00000085;
}
.card-wrapper.bg-image {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/641374a66b45356007706da6_Profile%20Shot%201_compressed.jpg");
background-position: 50%;
background-size: cover;
}
.section-29 {
flex-direction: column;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.div-block-92 {
background-color: #ffffff21;
border: 1px solid #fff;
border-radius: 20px;
flex-direction: column;
align-items: center;
padding: 15px 24px 30px;
display: flex;
box-shadow: 1px 2px 5px #0003;
}
.div-block-93 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-94 {
width: 300px;
}
.text-block-80 {
color: #fff;
text-align: center;
font-family: Avenir, Arial, sans-serif;
}
.heading-27 {
color: #fff;
text-align: center;
margin-bottom: 49px;
font-family: Avenir, Arial, sans-serif;
font-size: 14px;
font-weight: 600;
}
.div-block-95 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
width: 90%;
max-width: 1200px;
height: 400px;
display: grid;
overflow: visible;
}
.section-30 {
background-color: #4d5643;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/6424746ac705772349b0dc8c_colorful%20background%201920.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.text-block-81 {
color: var(--f14-black);
text-align: center;
margin-bottom: 40px;
padding-top: 10px;
font-family: Avenir, Arial, sans-serif;
font-size: 22px;
line-height: 30px;
}
.text-block-82 {
color: var(--f14-black);
text-align: center;
width: 600px;
font-family: Avenir, Arial, sans-serif;
font-size: 22px;
line-height: 30px;
}
.text-block-82.space {
margin-bottom: 26px;
}
.text-block-82.amug {
font-family: Amug, Impact, sans-serif;
font-style: italic;
}
.text-block-83 {
color: var(--f14-black);
width: 75%;
max-width: 1000px;
font-family: Avenir, Arial, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 23px;
}
.div-block-96 {
text-align: center;
flex-direction: column;
align-items: center;
max-width: 1200px;
margin-bottom: 110px;
display: flex;
}
.text-block-84 {
letter-spacing: 0;
text-shadow: 1px 1px 2px #00000059;
margin-bottom: 9px;
font-family: Amug, Impact, sans-serif;
font-size: 31px;
}
.div-block-97 {
position: absolute;
inset: 40px auto auto 40px;
}
.div-block-98 {
text-align: right;
position: absolute;
inset: auto 40px 40px auto;
}
.heading-28 {
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Amug, Impact, sans-serif;
font-size: 100px;
line-height: 110px;
}
.image-75 {
display: none;
position: absolute;
inset: 0%;
}
.div-block-99 {
z-index: 2;
max-width: 90%;
margin-top: 208px;
position: relative;
}
.heading-29 {
color: var(--f14-black);
margin-top: 0;
font-family: Avenir, Arial, sans-serif;
}
.heading-27-italic {
color: var(--f14-black);
text-align: center;
margin-bottom: 49px;
font-family: Avenir, Arial, sans-serif;
font-size: 14px;
font-style: italic;
font-weight: 600;
}
.heading-27-italic.white {
color: #fff;
}
.heading-25-2 {
color: var(--f14-black);
text-align: center;
letter-spacing: 2px;
width: 100%;
margin-bottom: 0;
font-family: Amug, Impact, sans-serif;
font-weight: 400;
}
.heading-25-2.white {
color: #fff;
}
.heading-30 {
color: var(--f14-black);
text-align: center;
letter-spacing: 2px;
width: 100%;
margin-bottom: 30px;
font-family: Amug, Impact, sans-serif;
font-size: 42px;
font-weight: 400;
line-height: 48px;
}
.heading-30.white {
color: #fff;
}
.youtube-2 {
border-radius: 0;
}
.div-block-100 {
border-left: 1px solid #9b9b9b;
height: 400px;
margin-top: 22px;
position: absolute;
inset: 0% auto 0% 50%;
}
.div-block-102 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: "Area Area"
". ."
/ 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.div-block-103 {
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
box-shadow: 0 2px 5px #0003;
}
.image-76 {
object-fit: cover;
border-radius: 20px;
width: 100%;
height: 100%;
box-shadow: 0 2px 5px #0003;
}
.image-76.square {
max-width: none;
max-height: 100%;
}
.div-block-104 {
width: 500px;
height: 100%;
}
.div-block-105 {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-radius: 20px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-end;
height: 200px;
display: block;
overflow: hidden;
box-shadow: 0 2px 5px #0003;
}
.div-block-106 {
border-radius: 20px;
height: 200px;
overflow: hidden;
box-shadow: 0 2px 5px #0003;
}
.div-block-107 {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.heading-31 {
color: var(--f14-black);
text-align: center;
letter-spacing: 2px;
width: 100%;
margin-bottom: 0;
font-family: Amug, Impact, sans-serif;
font-weight: 400;
}
.heading-31.white {
color: #fff;
font-size: 42px;
line-height: 48px;
}
.section-31 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/6423423b27c8772c32827cc2_life%20to%20death%20script%20background%205per.png"), radial-gradient(circle farthest-side at 0 100%, #ffd5583d, #fff0), radial-gradient(circle at 100% 0, #ffb9816b, #fff 49%);
background-position: 50% 0, 0 0, 0 0;
background-repeat: no-repeat, repeat, repeat;
background-size: cover, auto, auto;
background-attachment: fixed, scroll, scroll;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.div-block-102b {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: "Area Area-2"
"Area Area-2"
/ 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
display: grid;
}
.div-block-103b {
flex-direction: column;
justify-content: center;
align-items: center;
height: 400px;
display: flex;
overflow: visible;
}
.image-77 {
object-fit: cover;
border-radius: 20px;
height: 100%;
box-shadow: 0 2px 5px #0003;
}
.image-77.square {
max-width: none;
max-height: 100%;
}
.div-block-104b {
width: 100%;
max-width: 500px;
height: 100%;
max-height: 400px;
}
.text-block-79b {
color: var(--f14-black);
margin-bottom: 11px;
padding-left: 6px;
font-family: Avenir, Arial, sans-serif;
}
.text-block-79b:hover {
color: #616369;
}
.text-block-84-copy {
letter-spacing: 0;
text-transform: uppercase;
text-shadow: 1px 1px 2px #00000059;
margin-bottom: 6px;
font-family: Avenir, Arial, sans-serif;
font-size: 21px;
}
.heading-28-copy {
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Amug, Impact, sans-serif;
font-size: 62px;
line-height: 78px;
}
.div-block-108 {
border-radius: 20px;
width: 100%;
margin-top: 40px;
overflow: hidden;
}
.section-a5 {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/6424746ac705772349b0dc8c_colorful%20background%201920.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 97%;
max-width: 1600px;
height: 500px;
margin-bottom: 16px;
display: none;
position: relative;
}
.div-block-109 {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 500px;
display: flex;
}
.image-78 {
width: 400px;
margin-bottom: 30px;
}
.text-block-85 {
max-width: 98%;
font-family: Amug, Impact, sans-serif;
font-size: 80px;
line-height: 100px;
}
.div-block-110 {
justify-content: space-between;
width: 100%;
height: auto;
display: flex;
position: absolute;
inset: auto 0% 3%;
}
.div-block-97-copy {
margin-left: 50px;
display: none;
position: static;
inset: 40px auto auto 40px;
}
.div-block-98-copy {
text-align: center;
align-self: flex-end;
margin-right: 50px;
}
.div-block-85-copy {
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 15px;
display: flex;
}
.div-block-110-copy {
inset: auto 0% 3%;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: auto;
display: flex;
position: absolute;
inset: auto 0% 3%;
}
.div-block-110-copy-copy {
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: auto;
display: none;
position: absolute;
inset: auto 0% 3%;
}
.image-79 {
object-fit: cover;
border-radius: 20px;
height: 100%;
box-shadow: 0 2px 5px #0003;
}
.image-79.square {
max-width: none;
max-height: 100%;
}
.text-block-84b {
text-align: right;
letter-spacing: 0;
text-shadow: 1px 1px 2px #00000059;
margin-bottom: 9px;
font-family: Amug, Impact, sans-serif;
font-size: 31px;
}
.text-block-84c {
text-align: left;
letter-spacing: 0;
text-shadow: 1px 1px 2px #00000059;
margin-bottom: 9px;
font-family: Amug, Impact, sans-serif;
font-size: 31px;
}
.serve-cbus-hero-div {
flex-direction: column;
align-items: center;
margin-top: 80px;
margin-bottom: 80px;
font-size: 15em;
line-height: 14em;
display: flex;
}
.serve-cbus-hero-title {
width: 600px;
max-width: 70%;
margin-bottom: 60px;
}
.serve-cbus-hero-text {
color: #fff2c6;
text-align: center;
letter-spacing: 1px;
font-family: neue-haas-grotesk-display, sans-serif;
font-size: 1.6vw;
font-weight: 700;
line-height: 36px;
}
.serve-cbus-hero-text.home {
font-size: 24px;
line-height: 24px;
}
.empty-state-3 {
color: #4d4d4d;
text-transform: uppercase;
background-color: #cdc4b5;
font-family: neue-haas-grotesk-display, sans-serif;
}
.serve-cbus-donation-section {
background-color: #225a53;
flex-direction: column;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.ongoing-drive-graphics-div {
z-index: 3;
width: 1400px;
max-width: 98%;
margin-top: 50px;
margin-bottom: 100px;
position: relative;
}
.div-block-112 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center;
display: grid;
}
.ongoing-drive-graphic-div {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.image-80 {
box-shadow: 0 2px 8px -2px #000000c4;
}
.text-block-86 {
color: #000;
text-align: center;
text-transform: uppercase;
margin-bottom: 33px;
font-family: Avenir, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.div-block-113 {
text-align: center;
margin-bottom: 70px;
}
.div-block-113.no-space {
margin-bottom: 0;
}
.button-4 {
border: 2px solid var(--white);
letter-spacing: 2px;
text-transform: uppercase;
background-color: #ec1e4f;
margin-left: 16px;
margin-right: 16px;
padding: 12px 18px 10px;
font-family: Avenir, Arial, sans-serif;
font-weight: 800;
}
.button-4:hover {
color: #fff;
background-color: #a01b3b;
}
.div-block-114 {
width: 1200px;
max-width: 96%;
margin-top: 30px;
}
.other-opportunities-h2 {
color: var(--f14-black);
text-align: center;
text-transform: none;
margin-bottom: 20px;
font-family: Avenir, Arial, sans-serif;
font-size: 26px;
}
.sss-logo-main-image {
object-fit: contain;
height: 1000px;
max-height: 80%;
}
.sss-section-1 {
background-color: #b14e2a;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/648284a2b8e30559b164b0c9_sss%20logo%20repeat%20background%205per.png"), linear-gradient(#00000026, #ffffff12), radial-gradient(circle at 0 100%, #9e440c, #0000), radial-gradient(circle farthest-side at 100% 0, #aa4012, #0000);
background-position: 0 0, 0 0, 0 0, 0 0;
background-size: auto, auto, auto, auto;
flex-direction: column;
align-items: center;
width: 97%;
max-width: 1600px;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 80px;
padding-bottom: 60px;
display: flex;
position: relative;
}
.heading-32 {
text-align: center;
}
.sss-heading-1 {
text-align: center;
font-family: Varela Round, sans-serif;
}
.sss-heading-1.dark {
color: var(--ltbl-black);
}
.div-block-115 {
text-align: center;
width: 900px;
max-width: 80%;
margin-bottom: 60px;
}
.sss-podcast-platform-image-link {
border-radius: 16px;
width: 100%;
padding: 7px;
}
.sss-podcast-platform-image-link:hover {
opacity: .8;
}
.sss-podcast-platform-link {
width: 50px;
height: 50px;
margin-left: 16px;
margin-right: 16px;
}
.div-block-116 {
text-align: center;
}
.body-16 {
background-color: var(--white);
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.sss-section-2 {
background-color: #f5f5f5;
flex-direction: column;
align-items: center;
width: 97%;
max-width: 1600px;
margin-top: 10px;
margin-bottom: 20px;
padding-top: 80px;
padding-bottom: 20px;
display: flex;
}
.sss-heading-3 {
text-align: center;
font-family: din-condensed, sans-serif;
font-size: 28px;
font-weight: 400;
}
.sss-heading-3.find-it {
margin-bottom: 18px;
}
.sss-paragraph {
text-transform: uppercase;
margin-bottom: 40px;
font-family: din-condensed, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 24px;
}
.sss-paragraph.hosts {
letter-spacing: 1px;
font-size: 18px;
font-style: italic;
font-weight: 400;
}
.sss-paragraph.dark {
color: var(--ltbl-black);
margin-bottom: 10px;
padding: 20px;
}
.sss-paragraph.sub-text-dark {
color: var(--ltbl-black);
font-size: 16px;
font-style: italic;
font-weight: 400;
}
.sss-paragraph.dark-border {
color: var(--ltbl-black);
border: 1px solid #000;
border-radius: 20px;
padding: 20px;
}
.sss-paragraph.dark-rules {
color: var(--ltbl-black);
padding: 20px;
font-size: 15px;
line-height: 18px;
}
.div-block-117 {
margin-bottom: 50px;
}
.div-block-118 {
border: 1px solid var(--white);
background-color: #ffffff1a;
border-radius: 20px;
width: 600px;
max-width: 80%;
padding-bottom: 16px;
position: relative;
inset: auto 0% 0%;
box-shadow: 1px 2px 5px #0003;
}
.sss-giveaway-link:hover {
font-weight: 400;
}
.sss-podcast-platform-link-2 {
width: 50px;
height: 50px;
margin-left: 16px;
margin-right: 16px;
}
.image-81 {
width: 100px;
margin-left: 20px;
margin-right: 20px;
}
.div-block-119 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--white);
border: 1px solid #000;
border-radius: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 900px;
max-width: 80%;
margin-bottom: 60px;
padding: 29px;
display: grid;
}
.div-block-115-copy {
text-align: center;
width: 900px;
max-width: 80%;
margin-bottom: 10px;
}
.image-82 {
width: 500px;
margin-bottom: 60px;
}
.pitpl-container {
flex-direction: column;
align-items: center;
display: flex;
}
.we-could-hero-section {
z-index: 1;
background-image: linear-gradient(#000, #000);
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
margin-top: -57px;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.we-could-hero-section.about {
z-index: 5;
background-image: none;
border-style: none;
justify-content: flex-start;
height: 97vh;
margin-top: 0;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.we-could-video-background-div {
background-image: radial-gradient(circle, #fff0, #000000d9);
width: 100%;
height: 100%;
display: block;
position: absolute;
overflow: hidden;
}
.background-video {
width: 100%;
height: 100%;
}
.play-pause-button {
width: 40px;
height: 40px;
}
.image-83 {
object-fit: fill;
width: 100%;
height: 100%;
overflow: hidden;
}
.we-could-hero-title {
color: #ffffffe6;
text-align: center;
text-transform: uppercase;
font-family: Kobe, sans-serif;
font-size: 180px;
font-weight: 400;
line-height: 146px;
}
.we-could-hero-subtitle {
text-align: center;
letter-spacing: 4px;
font-family: Strassenbahn, sans-serif;
font-weight: 400;
}
.we-could-section {
z-index: 2;
box-shadow: none;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 120px;
display: flex;
position: relative;
}
.we-could-section.train {
background-color: #000;
background-image: linear-gradient(#fff0 54%, #00000069), linear-gradient(#0000009e, #fff0 36%), linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/653ac4e1f93247fcc4b7b872_four%20cs%20background.jpg");
background-position: 0 0, 0 0, 0 0, 50%;
background-repeat: repeat, repeat, repeat, no-repeat;
background-size: auto, auto, auto, cover;
background-attachment: scroll, scroll, scroll, fixed;
height: 97vh;
position: sticky;
top: 57px;
overflow: hidden;
}
.we-could-section.series {
height: auto;
overflow: hidden;
}
.we-could-section.wrigley {
background-color: #000;
background-image: linear-gradient(#fff0 54%, #00000069), linear-gradient(#0000009e, #fff0 36%), linear-gradient(#00000038, #00000038), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/6542a831fc26b093f8490b2b_wrigley.jpg");
background-position: 0 0, 0 0, 0 0, 50%;
background-repeat: repeat, repeat, repeat, no-repeat;
background-size: auto, auto, auto, cover;
background-attachment: scroll, scroll, scroll, fixed;
overflow: hidden;
}
.we-could-section.about {
overflow: hidden;
box-shadow: 0 -11px 14px -5px #0003;
}
.we-could-section.commitment {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/654706e3f6725af597e3bbe0_train%20wc23%20background.png");
background-size: cover;
background-attachment: scroll;
height: auto;
overflow: hidden;
}
.we-could-section-title {
flex-direction: column;
align-items: flex-start;
width: 1600px;
max-width: 97%;
margin-bottom: 70px;
display: flex;
position: static;
inset: 0% 0% auto;
}
.we-could-section-title.we-could-series, .we-could-section-title.testimony {
margin-bottom: 100px;
}
.we-could-h2 {
color: #000;
text-align: center;
text-transform: uppercase;
font-family: Kobe, sans-serif;
font-size: 72px;
font-weight: 400;
line-height: 60px;
}
.we-could-h2.white {
color: #fff;
}
.we-could-about-text-div {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.we-could-paragraph {
color: #000;
text-align: center;
width: 800px;
max-width: 90%;
font-family: Avenir, Arial, sans-serif;
font-size: 28px;
font-weight: 400;
line-height: 40px;
}
.we-could-paragraph.white {
color: #fff;
font-size: 24px;
line-height: 32px;
}
.we-could-hero-button-div {
border: 1px solid #fff;
border-radius: 50px;
padding: 20px;
position: absolute;
bottom: 140px;
}
.we-could-button {
color: var(--f14-black);
letter-spacing: 1px;
background-color: #fff;
border-radius: 30px;
margin-left: 9px;
margin-right: 9px;
padding-top: 14px;
padding-left: 30px;
padding-right: 30px;
font-family: Strassenbahn, sans-serif;
font-size: 23px;
line-height: 23px;
}
.we-could-button:hover {
color: var(--white);
background-color: #000;
}
.we-could-button.black {
color: var(--white);
background-color: #000;
border: 2px solid #000;
}
.we-could-button.black:hover {
color: #000;
background-color: #fff;
border: 2px solid #000;
}
.we-could-button.pink {
background-color: var(--we-could-pink);
}
.we-could-button.form-submit {
color: var(--white);
background-color: #000;
border: 2px solid #000;
width: 100%;
}
.we-could-button.form-submit:hover {
color: #000;
background-color: #fff;
}
.we-could-content-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 1600px;
max-width: 97%;
display: grid;
position: static;
inset: 0%;
}
.we-could-about-video-div {
background-color: #48a1af;
border-radius: 24px;
width: 99%;
position: relative;
}
.we-could-about-video {
border-radius: 20px;
position: relative;
bottom: 9px;
left: -9px;
overflow: hidden;
}
._154-mouse-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: auto auto 24px;
}
._154-mouse {
border: 3px solid #fff;
border-radius: 100px;
justify-content: center;
align-items: flex-start;
width: 30px;
height: 50px;
display: flex;
}
._154-mouse.beige {
border-color: #fff2c6;
}
._154-circle {
background-color: #fff;
border-radius: 50%;
width: 6px;
height: 6px;
margin-top: 8px;
}
._154-circle.beige {
background-color: #fff2c6;
}
._154-scroll-text {
color: #fff;
text-align: center;
letter-spacing: 10px;
margin-top: 0;
margin-right: -10px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: .8em;
}
.we-could-four-cs-main-div {
justify-content: space-around;
align-items: center;
width: 1400px;
max-width: 90%;
display: flex;
}
.we-could-four-cs-title-div {
flex-direction: column;
align-items: flex-start;
margin-left: 50px;
display: flex;
}
.four-cs {
font-family: Kobe, sans-serif;
font-size: 132px;
font-weight: 400;
line-height: 114px;
}
.four-cs.the {
margin-left: 80px;
font-family: Strassenbahn, sans-serif;
font-size: 70px;
line-height: 70px;
}
.four-cs.four {
text-transform: uppercase;
margin-bottom: 20px;
margin-left: 13px;
font-size: 140px;
}
.four-cs.cs {
margin-left: 240px;
font-family: Strassenbahn, sans-serif;
font-size: 70px;
line-height: 70px;
}
.div-block-121 {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #000c;
border: 1px solid #fff;
border-radius: 20px 20px 0;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: stretch start;
width: 600px;
max-width: 45%;
padding-top: 30px;
padding-bottom: 30px;
display: grid;
box-shadow: -5px 5px 10px 2px #0003;
}
.four-cs-points {
border-radius: 15px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 19px 19px 19px 70px;
display: flex;
}
.four-cs-image {
width: 80px;
height: 100%;
margin-right: 40px;
}
.four-cs-h4 {
color: #fff;
letter-spacing: 2px;
margin-bottom: 20px;
font-family: Strassenbahn, sans-serif;
font-size: 25px;
font-weight: 400;
line-height: 27px;
}
.four-cs-h4._1 {
color: var(--we-could-blue);
}
.four-cs-h4._2 {
color: var(--we-could-orange);
}
.four-cs-h4._3 {
color: var(--we-could-green);
}
.four-cs-h4._4 {
color: var(--we-could-pink);
}
.four-cs-text {
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 16px;
}
.four-cs-description {
flex-direction: column;
align-items: flex-start;
width: 75%;
display: flex;
}
.we-could-series-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 1000px;
max-width: 97%;
padding-top: 80px;
display: grid;
}
.we-could-series-div {
justify-content: center;
align-items: flex-start;
margin-top: 30px;
margin-bottom: 30px;
display: flex;
}
.we-could-series-video-div {
background-color: var(--we-could-pink);
border-radius: 22px;
width: 50%;
}
.we-could-series-video-div.seperator {
width: 100%;
height: 3px;
margin-bottom: 5px;
}
.we-could-series-video {
border-radius: 20px;
top: -5px;
left: -5px;
overflow: hidden;
}
.we-could-series-info {
width: 50%;
margin-top: 10px;
margin-left: 24px;
}
.we-could-series-title {
color: #000;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 2px;
font-family: Kobe, sans-serif;
font-size: 31px;
font-weight: 400;
}
.we-could-series-description {
color: #000;
margin-bottom: 24px;
font-family: Strassenbahn, sans-serif;
font-size: 22px;
line-height: 25px;
}
.we-could-title-line {
background-color: #000;
width: 100%;
height: 3px;
}
.we-could-title-line.white {
background-color: #fff;
}
.we-could-title-line.blue {
background-color: var(--we-could-blue);
}
.we-could-middle-align-div {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.we-could-series-video-title-line {
background-color: #000;
width: 100%;
height: 3px;
margin-bottom: 26px;
}
.heading-33 {
color: #000;
margin-top: 0;
margin-bottom: 4px;
font-family: Avenir, Arial, sans-serif;
font-weight: 400;
}
.div-block-122 {
border: 1px solid #000;
border-radius: 50px;
justify-content: center;
align-items: center;
width: 80%;
height: 78px;
display: flex;
}
.div-block-123 {
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
}
.text-block-87 {
font-family: Strassenbahn, sans-serif;
font-size: 19px;
}
.heading-34 {
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 31px;
font-family: Kobe, sans-serif;
font-size: 36px;
font-weight: 400;
}
.we-could-testimony-content {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.we-could-testimony-content.blurb {
background-image: radial-gradient(circle closest-side, #000, #fff0);
}
.we-could-about-text-line {
background-color: var(--we-could-blue);
width: 30%;
height: 4px;
margin-top: 65px;
margin-bottom: 65px;
}
.wc23-vertical {
color: var(--we-could-orange);
white-space: nowrap;
word-break: normal;
overflow-wrap: normal;
height: 40px;
margin-top: 40px;
margin-bottom: 40px;
font-family: Kobe, sans-serif;
font-size: 35px;
line-height: 35px;
transform: rotate(90deg);
}
.wc23-vertical.left {
color: var(--we-could-orange);
transform: rotate(-90deg);
}
.div-block-124 {
margin-top: 80px;
}
.div-block-125 {
width: 80px;
margin-bottom: 80px;
}
.text-span-3 {
color: var(--we-could-blue);
}
.text-span-4 {
color: #e88931;
}
.text-span-5 {
color: #84c555;
}
.text-span-6 {
color: #e26c9d;
}
.text-block-89 {
font-family: Kobe, sans-serif;
font-size: 50px;
line-height: 62px;
}
.div-block-126 {
width: 60px;
height: 100%;
margin-right: 20px;
padding-top: 5px;
}
.div-block-127 {
text-align: center;
background-color: #fff;
width: 70%;
height: 2px;
}
.div-block-128 {
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
}
.wc-and-star-div {
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 65px;
height: 150%;
display: flex;
position: absolute;
inset: 0% auto 0% 10px;
}
.wc-and-star-div.right {
flex-direction: column;
justify-content: space-between;
width: 65px;
height: 150%;
position: absolute;
inset: auto 10px 0 auto;
transform: none;
}
.wc23 {
color: #000;
margin-left: 25px;
margin-right: 25px;
font-family: Kobe, sans-serif;
font-size: 35px;
line-height: 35px;
}
.image-84 {
width: 40px;
}
.form {
background-color: #ffffffcf;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
border-bottom-left-radius: 40px;
width: 100%;
padding: 53px 74px 61px;
}
.form-block-4 {
width: 100%;
padding: 70px;
}
.we-could-contact-label {
color: #000;
letter-spacing: 1px;
text-transform: uppercase;
text-shadow: 2px 2px 3px #0003;
padding-left: 21px;
font-family: Strassenbahn, sans-serif;
font-size: 22px;
font-weight: 400;
}
.we-could-form-field {
color: #000;
letter-spacing: 1px;
background-color: #fffffff2;
border-radius: 30px 30px 0;
margin-bottom: 37px;
padding: 23px;
font-family: Strassenbahn, sans-serif;
font-size: 17px;
box-shadow: inset 1px 1px 2px -1px #000000e0;
}
.heading-35 {
color: #000;
text-align: center;
text-transform: uppercase;
font-family: Kobe, sans-serif;
}
.div-block-129 {
flex-direction: column;
justify-content: center;
align-items: stretch;
height: 500px;
display: flex;
}
.image-85 {
width: 30px;
margin-left: 48px;
margin-right: 48px;
}
.div-block-130 {
justify-content: center;
align-items: center;
margin-top: 44px;
margin-bottom: 44px;
display: flex;
}
.div-block-130.top {
margin-top: 0;
}
.div-block-130.bottom {
margin-bottom: 0;
}
.we-could-commitment-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 1600px;
max-width: 97%;
padding-top: 80px;
display: flex;
}
.we-could-commitment-text-div {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1600px;
display: flex;
}
.we-could-train {
width: 80px;
margin-bottom: 0;
}
.wc23-div {
margin-top: 0;
margin-bottom: 64px;
}
.we-could-commitment-button-div {
border: 1px solid #000;
border-radius: 50px;
padding: 20px;
position: relative;
}
.section-3b {
background-color: var(--f14-black);
background-image: radial-gradient(circle at 60%, #fff0, #000000c9 76%), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/6547b05ff033546e8f3093eb_DJI_20231009184114_0019_D.jpg");
background-position: 0 0, 50% 53%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
width: 97%;
max-width: 1600px;
margin-bottom: 16px;
padding: 40px 26px 50px 8%;
display: none;
}
.christmas23-hero-section {
width: 100%;
height: 100vh;
margin-top: -57px;
position: relative;
}
.div-block-131 {
background-color: #381118;
width: 100%;
height: 100%;
padding-top: 57px;
}
.div-block-132 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
box-shadow: inset 0 0 20px 2px #000000a8;
}
.div-block-133 {
border: 1.5px solid #94928a;
width: 100%;
height: 100%;
display: none;
position: relative;
}
.christmas23-corner-design {
position: absolute;
top: 1px;
left: 1px;
}
.christmas23-corner-design.topright {
inset: -16px -16px auto auto;
}
.christmas23-corner-design.bottom-left {
inset: auto auto -16px -16px;
}
.christmas23-corner-design.topleft {
top: -16px;
left: -16px;
}
.christmas23-corner-design.bottomright {
inset: auto -16px -16px auto;
}
.christmas23-line {
background-color: #fff;
width: 100%;
height: 1.5px;
}
.christmas23-line.top {
background-color: ivory;
position: absolute;
inset: 30px 0% auto;
}
.christmas23-line.bottom {
background-color: ivory;
position: absolute;
inset: auto 0% 30px;
}
.christmas23-line.left {
background-color: ivory;
width: 1.5px;
height: 100%;
position: absolute;
top: 0;
left: 30px;
right: 0%;
}
.christmas23-line.right {
background-color: ivory;
width: 1.5px;
height: 100%;
position: absolute;
top: 0;
right: 30px;
}
.christmas23-corner-box {
border: 1.5px solid #fff;
width: 22px;
height: 22px;
position: absolute;
inset: 0% auto auto 0%;
transform: rotate(45deg);
}
.christmas23-corner-box.topleft {
border-color: ivory;
top: 20px;
left: 20px;
}
.christmas23-corner-box.topright {
border-color: ivory;
inset: 20px 20px auto auto;
}
.christmas23-corner-box.bottom-right {
border-color: ivory;
inset: auto 20px 20px auto;
}
.christmas23-corner-box.bottomleft {
border-color: ivory;
inset: auto auto 20px 20px;
}
.christmas23-angel {
width: 4em;
height: 4em;
margin: 0 0 6px;
position: static;
inset: 0% 50% auto;
}
.christmas23-angel-div {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: static;
inset: 9% 0% auto;
}
.div-block-134 {
flex-flow: row;
justify-content: center;
align-items: center;
width: 60%;
max-width: 1200px;
height: auto;
margin-top: 15px;
margin-bottom: 90px;
display: flex;
}
.div-block-134.home {
margin-bottom: 47px;
}
.christmas23-hero-heading {
text-align: center;
text-transform: uppercase;
font-family: Premint, sans-serif;
font-size: 152px;
font-weight: 400;
line-height: 139px;
}
.christmas23-hero-subheading {
text-align: center;
text-transform: uppercase;
font-family: Premint, sans-serif;
font-size: 115px;
font-weight: 400;
line-height: 100px;
}
.christmas23-christmas {
width: 100%;
margin-bottom: 30px;
}
.christmas23-five14 {
width: 57%;
margin-bottom: 50px;
}
.div-block-135 {
width: 60%;
height: auto;
}
.text-block-90 {
color: ivory;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
font-family: Acuminvariable, sans-serif;
font-size: 23px;
font-style: italic;
font-weight: 300;
line-height: 34px;
}
.text-block-90.points {
color: #381118;
margin-bottom: 35px;
font-family: minion-pro, sans-serif;
font-size: 43px;
font-weight: 100;
line-height: 57px;
}
.christmas23-hero-button-div {
justify-content: center;
align-items: center;
width: 100%;
height: auto;
display: flex;
position: absolute;
inset: auto 0% 63px;
}
.christmas23-button {
background-color: #2d3a35;
border: 1px solid ivory;
border-radius: 40px;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-left: 7px;
margin-right: 7px;
padding: 10px 30px;
text-decoration: none;
display: flex;
}
.christmas23-button-icon {
padding-right: 12px;
}
.christmas23-button-text {
color: ivory;
letter-spacing: 1px;
text-transform: uppercase;
padding-top: 4px;
font-family: Acuminvariable, sans-serif;
font-style: italic;
}
.christmas23-section {
flex-direction: column;
align-items: center;
width: 100%;
height: 500px;
padding-top: 120px;
padding-bottom: 120px;
display: flex;
}
.christmas23-section.about {
background-color: #efeff0;
height: auto;
}
.christmas23-section.invite {
background-color: #333831;
height: auto;
position: relative;
}
.christmas23-section.location {
background-color: #efeff0;
height: auto;
padding-bottom: 10px;
}
.christmas23-wide-div {
flex-direction: column;
align-items: center;
width: 1200px;
max-width: 80%;
height: 500px;
display: flex;
}
.christmas23-wide-div.about-heading {
grid-column-gap: 67px;
grid-row-gap: 67px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
max-width: 90%;
height: auto;
margin-bottom: 90px;
display: grid;
}
.christmas23-wide-div.invite-heading {
flex-direction: column;
align-items: center;
height: auto;
margin-bottom: 90px;
display: flex;
}
.christmas23-wide-div.location-heading {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
height: auto;
margin-bottom: 120px;
display: grid;
}
.christmas23-wide-div.about-div {
height: auto;
}
.christmas23-wide-div.invite-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
height: auto;
display: grid;
}
.christmas23-wide-div.five14-christmas {
height: auto;
margin-bottom: 20px;
}
.christmas23-h3 {
color: #333831;
text-align: center;
text-transform: none;
margin-top: 0;
margin-bottom: 0;
font-family: minion-pro, sans-serif;
font-weight: 400;
line-height: 24px;
}
.christmas23-h3.expect-spacing {
margin-bottom: 40px;
}
.christmas23-h3.expect-spacing.maroon {
color: #381118;
}
.christmas23-h3.ivory {
color: #efeff0;
margin-bottom: 1px;
}
.christmas23-h3.expect-spacing-ivory {
color: #efeff0;
margin-bottom: 60px;
}
.christmas23-h3.blurb-spacing {
margin-bottom: 14px;
padding-top: 0;
font-size: 20px;
font-weight: 600;
line-height: 20px;
}
.christmas23-h3.blurb-spacing.maroon {
color: #381118;
}
.christmas23-h2 {
color: #1a1a1a;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: minion-pro, sans-serif;
font-size: 58px;
font-weight: 400;
line-height: 58px;
}
.christmas23-h2.ivory {
color: #efeff0;
text-align: center;
font-size: 49px;
line-height: 47px;
}
.christmas23-h2.location-spacing {
color: #333831;
text-align: center;
margin-bottom: 52px;
}
.christmas23-h2.maroon {
color: #381118;
}
.christmas23-about-grid-div {
flex-direction: column;
align-items: center;
display: flex;
}
.christmas23-about-grid-div.about-photo {
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
place-items: center;
display: grid;
}
.christmas23-about-grid-div.about {
border-style: none;
border-color: #381118;
}
.christmas23-heading-icon {
width: 40px;
margin-bottom: 26px;
}
.christmas23-about-photo {
border-radius: 20px;
width: 80%;
margin-bottom: 14px;
}
.christmas23-about-photo.drums {
margin-bottom: 0;
}
.christmas23-expect-text {
color: #381118;
text-align: left;
letter-spacing: 2px;
margin-bottom: 20px;
font-family: Acuminvariable, sans-serif;
font-size: 18px;
font-style: italic;
font-weight: 400;
line-height: 20px;
}
.christmas23-expect-text.black {
color: #1a1a1a;
}
.christmas23-expect-points {
width: 90%;
height: auto;
}
.div-block-136 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.christmas23-caption-div {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: center;
width: 100%;
display: grid;
}
.christmas23-caption {
color: ivory;
text-align: center;
letter-spacing: 1px;
width: 60%;
font-family: Acuminvariable, sans-serif;
font-size: 15px;
font-style: italic;
font-weight: 400;
line-height: 17px;
}
.christmas23-caption.black {
color: #1a1a1a;
}
.div-block-137 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.div-block-138 {
flex-direction: column;
align-items: center;
margin-bottom: 26px;
display: flex;
}
.christmas23-location-text {
color: #333831;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 20px;
font-family: minion-pro, sans-serif;
font-size: 18px;
font-style: italic;
font-weight: 400;
line-height: 22px;
}
.christmas23-location-text.black {
color: #1a1a1a;
}
.image-87 {
border: 1px solid var(--christmas23-grey);
border-radius: 0;
transition: all .3s;
}
.image-87:hover {
filter: brightness(91%);
box-shadow: 0 2px 5px #0003;
}
.link-block-14 {
border-radius: 20px;
}
.christmas23-five14-christmas-text {
color: #333831;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 20px;
font-family: minion-pro, sans-serif;
font-size: 18px;
font-style: italic;
font-weight: 400;
line-height: 22px;
}
.christmas23-five14-christmas-text.black {
color: #1a1a1a;
}
.christmas23-location-text-link {
color: #333831;
transition: all .3s;
}
.christmas23-location-text-link:hover {
font-weight: 700;
}
.christmas24-service-times {
color: #efeff0;
text-align: center;
letter-spacing: .5px;
text-transform: uppercase;
font-family: minion-pro, sans-serif;
font-size: 1.4em;
font-weight: 400;
line-height: 1.3em;
}
.christmas24-service-times.points {
color: #1a1a1a;
font-size: 43px;
font-weight: 100;
line-height: 57px;
}
.christmas23-location-address {
color: #1a1a1a;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
font-family: Acuminvariable, sans-serif;
font-size: 18px;
font-style: italic;
font-weight: 400;
line-height: 22px;
}
.christmas23-location-address.black {
color: #1a1a1a;
}
.christmas23-share-div {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: center;
width: 245px;
display: grid;
}
.background-video-2 {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.play-pause-button-2 {
display: none;
}
.christmas23-sharable {
border: 2px solid #f8f5f5;
width: 100%;
height: 100%;
transition: filter .2s;
}
.christmas23-sharable:hover {
filter: brightness(76%);
}
.hero-section-d-christmas {
background-color: #381118;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 97%;
max-width: 1600px;
height: 360px;
margin-top: 16px;
margin-bottom: 16px;
display: none;
}
.christmas23-christmas-home {
width: auto;
height: 60px;
margin-right: 20px;
}
.div-block-134-home {
flex-direction: column;
justify-content: center;
align-items: center;
width: 60%;
max-width: 1200px;
height: auto;
display: flex;
}
.christmas23-hero-button-div-home {
justify-content: center;
align-items: center;
width: 100%;
height: auto;
text-decoration: none;
display: flex;
position: static;
inset: auto 0% 41px;
}
.christmas23-service-times-home {
color: ivory;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 20px;
font-family: Acuminvariable, sans-serif;
font-size: 14px;
font-style: italic;
font-weight: 300;
line-height: 17px;
}
.christmas23-service-times-home.points {
color: #1a1a1a;
font-size: 43px;
font-weight: 100;
line-height: 57px;
}
.christmas23-angel-div-home {
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 70px;
margin-bottom: 20px;
display: flex;
position: static;
inset: 13% 0% auto;
}
.christmas23-angel-home {
margin: 11px;
position: static;
inset: 0% 50% auto;
}
.christmas23-five14-home {
width: auto;
height: 60px;
}
.christmas23-heading-home {
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 20px;
display: flex;
}
.easter24-hero {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
margin-top: -57px;
padding-top: 57px;
display: flex;
position: relative;
overflow: hidden;
}
.easter24-hero-main-div {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/65f9d58ed9cb42dc062fa11c_hero%20background.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.easter24-hero-content {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
max-width: 80%;
height: 100%;
display: flex;
}
.easter24-hero-dates-div {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.easter24-h3 {
color: var(--f14-black);
text-transform: uppercase;
font-family: Karla, sans-serif;
font-size: 36px;
font-weight: 400;
}
.easter24-h3.join {
margin-bottom: 30px;
font-size: 40px;
line-height: 40px;
}
.easter24-h1 {
color: var(--f14-black);
text-transform: uppercase;
font-family: Tan Mon Cheri, Times New Roman, sans-serif;
font-size: 150px;
font-weight: 400;
line-height: 150px;
}
.easter24-h1.easter {
text-align: center;
margin-left: -10px;
font-size: 168px;
}
.easter24-h1.at {
text-align: center;
}
.easter24-date-text {
color: var(--f14-black);
text-align: center;
font-family: Karla, sans-serif;
font-size: 21px;
font-weight: 600;
}
.easter24-date-text.top {
border-bottom: 2px dashed #000;
margin-bottom: 20px;
padding-bottom: 20px;
font-weight: 600;
}
.easter24-date-text.date {
margin-bottom: 2px;
font-style: italic;
font-weight: 400;
}
.easter24-date-text.datesingle {
flex-flow: column;
justify-content: center;
align-items: center;
height: 42px;
font-style: italic;
font-weight: 400;
display: flex;
}
.easter24-hero-date-div {
background-color: var(--white);
border: 2px solid #000;
border-radius: 40px;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 20px 40px;
display: flex;
box-shadow: 7px 7px 0 -4px #000;
}
.easter24-hero-date-div.links {
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 20px;
padding-right: 20px;
}
.easter24-section {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/65f9ee33cfea5dd13b81167e_paper%20background.jpg");
background-position: 50%;
background-size: cover;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 130px;
padding-bottom: 130px;
display: flex;
}
.easter24-section.palm {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/65fafe5f2d4eb30e36379424_paper%20background%202.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.easter24-section.join {
background-repeat: no-repeat;
}
.easter24-section.families {
transition: transform .2s;
}
.easter24-section.invite {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/65fef1f64fd810fd2eeb4e3c_paper%20background%207.jpg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
}
.easter24-section.new {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/65fafedc54dc13e628b16958_paper%20background%204.jpg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
}
.easter24-section.devo {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/65fafe5f2d4eb30e36379424_paper%20background%202.jpg");
background-repeat: no-repeat;
}
.easter24-section.families-copy {
transition: transform .2s;
}
.easter24-section.faqs {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/65fafe5f2d4eb30e36379424_paper%20background%202.jpg");
transition: transform .2s;
}
.easter24-join-div {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 1200px;
max-width: 95%;
display: grid;
}
.div-block-139 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.easter24-h2 {
color: var(--f14-black);
text-transform: uppercase;
font-family: Tan Mon Cheri, Times New Roman, sans-serif;
font-size: 129px;
font-weight: 400;
line-height: 140px;
}
.easter24-h2.palm, .easter24-h2.invite {
text-align: center;
font-size: 59px;
line-height: 85px;
}
.easter24-h2.new {
text-align: center;
margin-top: 30px;
margin-bottom: 0;
font-size: 93px;
line-height: 110px;
}
.div-block-140 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.image-88 {
width: 126px;
margin-bottom: 38px;
margin-left: 24px;
}
.easter24-paragraph {
color: var(--f14-black);
font-family: Karla, sans-serif;
font-size: 19px;
}
.easter24-paragraph.join {
text-align: justify;
margin-bottom: 40px;
font-size: 22px;
line-height: 25px;
}
.easter24-paragraph.families {
color: var(--white);
text-align: left;
font-size: 24px;
line-height: 32px;
}
.easter24-paragraph.familes {
text-align: center;
}
.easter24-paragraph.q {
margin-bottom: 10px;
}
.easter24-paragraph.easter-form {
margin-bottom: 30px;
}
.image-89 {
width: 30px;
height: 30px;
margin-left: 25px;
margin-right: 23px;
}
.link-block-15 {
background-color: var(--f14-black);
border-radius: 50px;
justify-content: center;
align-items: center;
width: 350px;
height: 60px;
margin-top: 7px;
margin-bottom: 7px;
display: flex;
position: relative;
}
.link-block-15.black {
background-color: #15161a00;
border: 2px solid #000;
justify-content: flex-start;
align-items: flex-start;
}
.link-block-15.gradient {
background-image: linear-gradient(#454545, #000);
text-decoration: none;
transition: all .2s;
}
.link-block-15.gradient:hover {
background-color: var(--white);
background-image: linear-gradient(#fff, #00000052);
text-decoration: none;
}
.link-block-15.photo {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/65fafe6046842be7dc61cdaf_paper%20background%203.jpg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
}
.text-block-91 {
color: var(--white);
text-align: center;
flex-flow: column;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-family: Karla, sans-serif;
font-size: 23px;
text-decoration: none;
display: flex;
}
.text-block-91:hover {
color: #000;
text-decoration: none;
}
.easter24-palm-sunday-div {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 1200px;
max-width: 95%;
display: grid;
}
.easte24-palm-sunday-title-div {
justify-content: flex-start;
align-items: center;
display: flex;
}
.easter24-white-box-div {
background-color: var(--white);
border: 2px solid #000;
border-radius: 40px;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 20px 40px;
display: flex;
box-shadow: 4px 4px 0 -1px #000;
}
.easter24-white-box-div.palm-title {
border-radius: 40px;
box-shadow: 7px 7px 0 -4px #000;
}
.easter24-white-box-div.invite-star {
flex-flow: row;
flex: 1;
justify-content: center;
align-items: center;
}
.easter24-white-box-div.families {
display: flex;
position: relative;
}
.easter24-white-box-div.families-black {
background-color: #000;
}
.easter24-white-box-div.new-black {
background-color: #000;
padding-top: 40px;
}
.easter24-white-box-div.new-form-div {
padding-top: 30px;
}
.div-block-141 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
width: 100%;
height: 100%;
display: grid;
}
.easter24-palm-text-div {
flex-flow: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.div-block-142 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.easter24-invite-div {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
width: 100%;
height: 100%;
display: grid;
}
.easter24-invite-div2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-image: linear-gradient(#fff 41%, #00000005);
border-top: 2px solid #000;
border-radius: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center stretch;
margin-bottom: 10px;
padding: 30px;
display: grid;
overflow: hidden;
box-shadow: inset 2px 2px 5px #00000069;
}
.easter24-families-title-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.easter24-families-title-div.new {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1.5fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.easter24-families-title-div.invite {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: row;
}
.image-90 {
width: 30%;
height: 110px;
margin-left: 9px;
margin-right: 9px;
}
.easter24-families-content-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.easter24-families-text-div {
flex-flow: column;
flex: 1;
justify-content: center;
align-items: center;
display: flex;
}
.easter24-families-text-div.desc {
flex: 0 auto;
}
.image-91 {
border: 2px solid #000;
border-radius: 200px;
width: 70%;
}
.easter24-h3-v2 {
color: var(--f14-black);
text-transform: uppercase;
font-family: Tan Mon Cheri, Times New Roman, sans-serif;
font-size: 38px;
font-weight: 400;
line-height: 38px;
position: relative;
top: -46px;
}
.easter24-h3-v2.questions {
margin-top: 10px;
font-size: 18px;
position: static;
}
.easter24-h3-v2.new {
color: var(--white);
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 40px;
line-height: 60px;
position: static;
}
.easter24-h3-v2.families {
margin-top: 0;
font-size: 24px;
position: static;
}
.easter24-questions-content-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.image-92 {
height: 60px;
margin-top: -15px;
margin-right: 15px;
}
.div-block-143 {
background-color: var(--f14-black);
border: 2px solid #000;
border-radius: 50px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 99%;
height: 54px;
display: flex;
position: relative;
bottom: 1px;
right: 2px;
}
.div-block-144 {
flex-flow: column;
justify-content: center;
align-items: stretch;
display: flex;
}
.easter24-questions-text-div {
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.easter24-families-graphic-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
top: -40px;
}
.easter24-h4 {
color: #000;
text-align: center;
margin-bottom: 30px;
font-family: Karla, sans-serif;
font-weight: 600;
}
.easter24-invite-content-div {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.text-block-92 {
color: #000;
text-align: center;
font-family: Karla, sans-serif;
font-size: 19px;
}
.image-93 {
outline-offset: 0px;
transform-style: preserve-3d;
outline: 2px solid #000;
height: 199px;
transition: all .25s;
box-shadow: 2px 2px 5px -2px #00000087;
}
.image-93:hover {
transform: rotate(-2deg)scale(1.02)rotateX(0)rotateY(15deg)rotateZ(0)skew(3deg, 2deg);
box-shadow: -6px 5px 6px 3px #0000005e;
}
.div-block-145 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.easter24-form-label {
color: #000;
padding-left: 19px;
font-family: Karla, sans-serif;
}
.form-2, .form-block-5 {
width: 100%;
}
.easter24-form-field {
color: #151515;
background-image: linear-gradient(#fff 49%, #00000005);
border: 1px #000;
border-radius: 30px;
margin-bottom: 29px;
padding: 20px 19px;
font-family: Karla, sans-serif;
font-size: 15px;
font-weight: 400;
overflow: hidden;
box-shadow: inset 2px 2px 4px 1px #00000057;
}
.easter24-form-field.comment {
border-bottom-right-radius: 0;
}
.submit-button-3 {
text-align: center;
text-transform: uppercase;
background-color: #000;
background-image: linear-gradient(#ffffff42, #000);
border: 2px solid #222;
border-radius: 30px;
padding: 13px 30px;
font-family: Karla, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 600;
transition: all .2s;
}
.submit-button-3:hover {
background-color: var(--white);
color: #000;
background-image: linear-gradient(#ffffff42, #00000021);
border: 2px solid #000;
}
.text-block-93 {
color: #000;
font-family: Karla, sans-serif;
font-size: 17px;
font-weight: 600;
}
.success-message-2 {
border-radius: 30px;
}
.text-block-94 {
color: #000;
font-family: Karla, sans-serif;
font-size: 13px;
}
.section-3c {
background-color: var(--f14-black);
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/6601d9db66a7a8e962823716_easter%20home%20background.jpg");
background-position: 100% 0;
background-repeat: no-repeat;
background-size: cover;
width: 97%;
max-width: 1600px;
margin-bottom: 16px;
padding: 40px 26px 50px 5%;
display: none;
position: relative;
}
.easter-button-link-div {
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: auto 8% 66px auto;
}
.section-32 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/65fef1f64fd810fd2eeb4e3c_paper%20background%207.jpg");
background-position: 0 0;
background-size: auto;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
}
.div-block-147 {
width: 98%;
max-width: 1000px;
}
.easter24-playlist-text {
color: #fff;
text-align: center;
text-transform: uppercase;
text-shadow: 2px 2px 3px #0000007a;
margin-bottom: 36px;
font-family: Tan Mon Cheri, Times New Roman, sans-serif;
font-size: 49px;
line-height: 60px;
}
.easter24-playlist-text.join {
text-align: justify;
margin-bottom: 40px;
font-size: 22px;
line-height: 25px;
}
.easter24-playlist-text.families {
color: var(--white);
text-align: left;
font-size: 24px;
line-height: 32px;
}
.easter24-playlist-text.familes {
text-align: center;
}
.easter24-playlist-text.q {
margin-bottom: 10px;
}
.easter24-playlist-text.easter-form {
margin-bottom: 30px;
}
.easter24-playlist-button-text {
color: var(--white);
text-align: center;
flex-flow: column;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-family: Karla, sans-serif;
font-size: 23px;
text-decoration: none;
display: flex;
}
.easter24-playlist-button-text:hover {
color: #000;
text-decoration: none;
}
.easter-playlist-div-container {
flex-flow: column;
justify-content: center;
align-items: stretch;
display: flex;
}
.the-beginning-hero-section {
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/66ad87db6f7c67ceef812b5b_Would%20you%20send%20your%20kids%20to%20mars%20-%20background%20copy.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
}
.the-beginning-title-image {
width: 40%;
min-width: 700px;
margin-bottom: 0;
margin-right: 40px;
}
.div-block-148 {
flex-flow: column;
justify-content: center;
align-items: center;
width: 1200px;
max-width: 90%;
display: flex;
}
.paragraph-8 {
text-align: center;
width: 1000px;
max-width: 80%;
margin-bottom: 50px;
font-family: Avenir, Arial, sans-serif;
font-size: 19px;
font-weight: 500;
line-height: 22px;
}
.text-block-95 {
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 26px;
font-family: Avenir, Arial, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 21px;
}
.text-block-95.a {
font-weight: 800;
}
.text-block-96 {
text-align: center;
font-family: Avenir, Arial, sans-serif;
font-size: 16px;
}
.the-beginning-register-section {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 80px;
padding-bottom: 10px;
display: flex;
}
.the-beginning-register-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 1200px;
max-width: 80%;
margin-bottom: 80px;
display: grid;
}
.div-block-149 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.the-beginning-form-text {
color: var(--f14-black);
text-transform: uppercase;
font-family: Avenir, Arial, sans-serif;
}
.text-field-5, .text-field-6 {
color: var(--f14-black);
margin-bottom: 20px;
}
.submit-button-4 {
letter-spacing: 1px;
text-transform: uppercase;
background-color: #000;
padding-left: 20px;
padding-right: 20px;
font-family: Avenir, Arial, sans-serif;
font-weight: 500;
}
.submit-button-4:hover {
color: #000;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #000;
background-color: #fff;
}
.form-block-6 {
width: 400px;
}
.div-block-150 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.heading-36 {
color: #3e2560;
margin-bottom: 30px;
font-family: Avenir, Arial, sans-serif;
font-size: 26px;
}
.heading-36.the-beginning-form {
color: #3e2560;
margin-bottom: 12px;
}
.heading-37 {
color: var(--f14-black);
font-family: Avenir, Arial, sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 20px;
}
.text-block-97 {
color: #4b4b4b;
text-align: center;
width: 400px;
margin-bottom: 30px;
font-family: Avenir, Arial, sans-serif;
}
.div-block-151 {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 90%;
display: flex;
}
.textarea-3 {
margin-bottom: 20px;
}
.video-10 {
margin-bottom: 35px;
}
.serve-cbus-title {
color: #fff2c6;
margin-bottom: 0;
font-family: neue-haas-grotesk-display, sans-serif;
font-size: 11vw;
line-height: 9vw;
}
.serve-cbus-title.home {
text-transform: uppercase;
margin-bottom: 8px;
font-size: 95px;
line-height: 83px;
}
.div-block-152 {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
._154-mouse-wrapper-2 {
flex-direction: column;
align-items: center;
display: flex;
}
.serve-tan-block {
background-color: #fff2c6;
width: 16px;
height: 65px;
margin-bottom: 13px;
}
.serve-green-block {
background-color: #225a53;
width: 16px;
height: 65px;
margin-bottom: 13px;
}
.serve-mauve-block {
background-color: #ba8172;
width: 16px;
height: 65px;
}
.serve-hero-blocks-left {
position: absolute;
inset: auto auto 20px 20px;
}
.serve-hero-blocks-right {
position: absolute;
inset: 60px 20px auto auto;
}
.image-94 {
width: .6em;
margin-bottom: 10px;
}
.div-block-153 {
padding-top: 70px;
}
.serve-cbus-ongoing-drives-header {
z-index: 2;
padding-top: 80px;
position: relative;
}
.image-95 {
z-index: 1;
width: 600px;
height: 600px;
position: absolute;
inset: -30% -31% 0% auto;
}
.image-96 {
z-index: 1;
width: 360px;
position: absolute;
inset: 22% auto auto -7%;
transform: rotate(-20deg);
}
.div-block-154 {
width: 100%;
position: absolute;
inset: auto 0% -14%;
}
.serve-cbus-background-title {
color: #fff0;
text-align: center;
-webkit-text-stroke-width: 3px;
-webkit-text-stroke-color: #fff2c6;
text-transform: uppercase;
white-space: nowrap;
word-break: keep-all;
font-family: neue-haas-grotesk-display, sans-serif;
font-size: 500px;
font-weight: 700;
line-height: 429px;
}
.div-block-155 {
width: 290px;
}
.body-17 {
min-height: auto;
}
.serve-cbus-home-div {
flex-direction: column;
align-items: center;
margin-bottom: 40px;
font-size: 15em;
line-height: 14em;
display: flex;
}
.serve-heart {
width: 100px;
margin-bottom: 0;
}
.serve-cbus-home-dates-div {
justify-content: space-between;
align-items: center;
width: 600px;
display: flex;
}
.serve-cbus-home-button-div {
text-align: center;
}
.serve-cbus-home-button {
color: #fff2c6;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #ba8172;
font-family: neue-haas-grotesk-display, sans-serif;
font-size: 12px;
font-weight: 700;
transition: background-color .3s;
}
.serve-cbus-home-button:hover {
color: #fff2c6;
text-transform: uppercase;
background-color: #7f574d;
}
.text-block-96b {
text-align: center;
text-transform: uppercase;
font-family: Avenir, Arial, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 24px;
}
.text-block-96b.a {
text-transform: none;
margin-bottom: 16px;
font-size: 15px;
}
.heading-38 {
border-radius: 14px;
margin-bottom: 24px;
padding: 17px;
font-family: Exo, sans-serif;
font-size: 31px;
font-weight: 500;
}
.div-block-156 {
width: 800px;
max-width: 80%;
margin-bottom: 55px;
}
.god-became-man-hero-section {
background-image: radial-gradient(circle closest-corner, #000000b8, #fff0), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/66bcef3fa4eebdca785affb0_god%20became%20man%20background.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
justify-content: center;
align-items: center;
width: 100%;
height: 800px;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
}
.heading-39 {
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: neue-haas-grotesk-display, sans-serif;
font-size: 77px;
font-weight: 800;
line-height: 77px;
}
.heading-40 {
text-align: center;
letter-spacing: 1px;
margin-top: 10px;
margin-bottom: 40px;
font-family: neue-haas-grotesk-display, sans-serif;
font-size: 27px;
}
.image-97 {
width: 60px;
}
.paragraph-9 {
width: 100%;
}
.container-19 {
max-width: 100%;
}
.div-block-157 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: grid;
}
.div-block-158 {
height: 400px;
overflow: hidden;
}
.image-98 {
position: static;
inset: auto auto 0% 0%;
}
.rooted-year {
color: #000;
text-align: center;
letter-spacing: 3px;
text-transform: uppercase;
width: 550px;
margin-bottom: 15px;
font-family: source-code-pro, sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 17px;
}
.rooted-blurb {
color: #000;
text-align: center;
letter-spacing: 2px;
width: 70%;
margin-bottom: 70px;
font-family: neue-haas-grotesk-display, sans-serif;
font-size: 19px;
font-weight: 400;
line-height: 27px;
}
.rooted-logo-div {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
margin-top: 50px;
margin-bottom: 24px;
padding-right: 110px;
display: flex;
}
.rooted-logo {
width: 120px;
}
.div-block-75b {
flex-flow: row;
justify-content: flex-end;
align-items: stretch;
width: 400px;
height: 100%;
margin-bottom: 70px;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.image-62b {
width: 600px;
height: 408px;
margin-right: -138px;
position: relative;
}
.div-block-77b {
flex-direction: column;
align-items: center;
margin-top: 50px;
margin-bottom: 20px;
display: flex;
}
.rooted-blurb-heading {
color: #000;
text-align: center;
letter-spacing: 2px;
width: 70%;
margin-bottom: 30px;
font-family: neue-haas-grotesk-display, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 31px;
}
.rooted-sub-blurb {
color: #000;
text-align: center;
letter-spacing: 1px;
width: 70%;
margin-bottom: 0;
font-family: source-code-pro, sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 20px;
}
.div-block-77c {
grid-column-gap: 55px;
grid-row-gap: 55px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 80%;
margin-top: 50px;
margin-bottom: 20px;
display: grid;
}
.rooted-image {
border-radius: 20px;
overflow: hidden;
box-shadow: 3px 3px 8px #00000045;
}
.christmas24-title {
color: #ffde17;
text-align: center;
letter-spacing: 2px;
padding-left: .15em;
padding-right: .15em;
font-family: minion-pro, sans-serif;
font-size: 2.4em;
font-style: italic;
font-weight: 300;
line-height: 30px;
}
.christmas24-title.points {
color: #1a1a1a;
font-size: 43px;
font-weight: 100;
line-height: 57px;
}
.christmas24-title.white {
color: #efeff0;
}
.christmas24-times-div {
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
margin-top: 15px;
display: flex;
position: absolute;
inset: auto 0% 156px;
}
.christmas24-button {
border: .5px solid ivory;
border-radius: 0;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-left: 7px;
margin-right: 7px;
padding: 10px 30px 10px 29px;
text-decoration: none;
transition: background-color .3s linear;
display: flex;
}
.christmas24-button:hover {
background-color: #00000057;
}
.christmas24-h3 {
color: #381118;
text-align: center;
text-transform: none;
margin-top: 0;
margin-bottom: 0;
font-family: minion-pro, sans-serif;
font-weight: 400;
line-height: 24px;
}
.christmas24-h3.expect-spacing {
margin-bottom: 40px;
}
.christmas24-h3.ivory {
color: ivory;
}
.christmas24-h3.expect-spacing-ivory {
color: ivory;
margin-bottom: 60px;
}
.christmas24-h3.blurb-spacing {
margin-bottom: 14px;
padding-top: 0;
font-size: 20px;
font-weight: 600;
line-height: 20px;
}
.christmas24-image {
border: .5px solid #000;
width: 100%;
max-height: 100%;
}
.div-block-159 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 900px;
max-width: 90%;
display: grid;
}
.christmas24-image-2 {
border: .5px solid #000;
width: 100%;
}
.link-block-16, .link-block-17, .link-block-18, .link-block-19 {
width: 100%;
}
.link-25 {
color: var(--white);
}
.christmas24-no-sunday-div {
position: absolute;
inset: auto 0% 10px;
}
.text-block-98 {
color: #efeff0;
text-align: center;
text-transform: uppercase;
font-family: Premint, sans-serif;
font-style: italic;
font-weight: 400;
}
.modal {
z-index: 999;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
}
.div-block-161 {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
background-color: #fffdfda8;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.div-block-162 {
position: static;
}
.div-block-163 {
object-fit: contain;
flex-flow: column;
justify-content: center;
align-items: center;
width: 500px;
min-width: 500px;
max-width: 50vw;
max-height: 80vh;
display: flex;
position: relative;
top: 3.4vh;
}
.text-block-99 {
text-align: center;
margin-left: -3px;
font-family: Acuminvariable, sans-serif;
font-size: 45px;
line-height: 44px;
text-decoration: none;
transform: rotate(45deg);
}
.link-block-20 {
background-color: #fff;
border-radius: 100px;
width: 40px;
height: 40px;
text-decoration: none;
}
.div-block-164 {
position: absolute;
inset: -10px -10px auto auto;
}
.div-block-165 {
max-height: 80vh;
position: relative;
box-shadow: 3px 3px 13px 2px #0000004f;
}
.div-block-166 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: auto 0% 45px;
}
.image-99 {
aspect-ratio: auto;
object-fit: scale-down;
max-height: 80vh;
}
.section-33 {
width: 97%;
max-width: 1600px;
height: 400px;
margin-bottom: 16px;
display: none;
}
.div-block-167 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.easter-25-div {
background-color: #b09fc9;
flex-flow: column;
justify-content: space-between;
align-items: center;
padding-top: 30px;
display: flex;
position: relative;
}
.easter-25-div.good-friday {
background-color: #231f20;
}
.easter-25-div.easter {
background-color: #f6eccb;
}
.div-block-168 {
max-width: 80%;
height: 70%;
}
.image-100, .image-101, .image-102 {
object-fit: scale-down;
width: 100%;
height: 100%;
}
.div-block-169 {
width: 90%;
position: absolute;
inset: auto auto 30px;
}
.text-block-100 {
color: #2b2b2b;
text-align: center;
text-transform: uppercase;
font-family: Avenir, Arial, sans-serif;
}
.text-block-100.white {
color: #fff;
}
.body-v3 {
color: var(--v3-brown);
background-color: #fff;
font-family: neue-haas-grotesk-display, sans-serif;
font-size: 16px;
}
.nav-v3-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 2.75fr 1fr;
grid-auto-columns: 1fr;
width: 1600px;
max-width: 90%;
height: 60px;
display: grid;
}
.nav-v3-container-div-left {
justify-content: flex-start;
align-items: center;
display: flex;
}
.nav-v3-container-div-middle {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.nav-v3-container-div-right {
justify-content: flex-end;
align-items: center;
display: flex;
}
.menu-v2 {
z-index: 13;
clear: none;
color: #0000;
text-align: left;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
width: 30px;
height: 25px;
display: flex;
}
.menu-v2:hover {
opacity: .65;
background-color: #0000;
}
.hamburger-bar-v2 {
background-color: var(--v3-brown);
width: 30px;
height: 2px;
}
.navbar-v3 {
z-index: 20;
background-color: #0000;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 140px;
display: flex;
position: absolute;
top: 0;
}
.main-menu-links-v3 {
float: none;
clear: none;
text-align: center;
flex-flow: row;
justify-content: center;
align-self: stretch;
align-items: center;
height: 25px;
margin-left: auto;
margin-right: auto;
font-weight: 400;
display: flex;
position: static;
top: 16px;
right: auto;
overflow: hidden;
}
.main-menu-item-v3 {
color: var(--v3-brown);
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
margin-left: 20px;
margin-right: 20px;
padding-left: 2px;
padding-right: 2px;
font-family: Avenir, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 11px;
text-decoration: none;
}
.main-menu-item-v3:hover {
color: var(--v3-brown);
font-family: Avenir, Arial, sans-serif;
font-weight: 800;
}
.main-menu-item-v3.w--current {
margin-left: 20px;
margin-right: 20px;
}
.main-menu-item-v3.header-text-link {
text-align: center;
text-shadow: 1px 1px 2px #00000082;
font-weight: 900;
display: inline;
}
.main-menu-item-v3.header-text-link.w--current {
text-shadow: 1px 1px 2px #0000007a;
font-weight: 900;
}
.main-menu-item-v3.we-could {
font-weight: 900;
}
.image-103 {
height: 20px;
}
.social-icon {
color: var(--v3-brown);
}
.social-icon.apple {
margin-top: -1px;
}
.social-icon-div {
width: 21px;
height: 21px;
margin-left: 7px;
margin-right: 7px;
}
.social-icon-div.android {
width: 19px;
height: 19px;
margin-right: 0;
display: none;
}
.social-icon-div.youtube {
width: 23px;
height: 20px;
margin-top: -2px;
}
.social-icon-div.facebook {
margin-left: 0;
}
.social-icon-container {
justify-content: flex-start;
align-items: center;
display: flex;
}
.text-block-101 {
color: var(--v3-brown);
text-align: center;
margin-bottom: 21px;
font-family: Sailingclub, Arial, sans-serif;
font-size: 23px;
}
.hero-section-100vh {
background-color: var(--warm-white);
flex-flow: column;
justify-content: flex-start;
align-items: center;
height: 100vh;
display: flex;
}
.nav-spacing-div {
height: 140px;
}
.container-div {
width: 90%;
max-width: 1600px;
}
.container-div._100p {
flex-flow: column;
justify-content: center;
align-items: stretch;
height: 100%;
padding-bottom: 30px;
display: flex;
}
.container-div._100 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
position: relative;
}
.container-div._100.change {
padding-bottom: 110px;
}
.container-div._100.why {
padding-top: 126px;
padding-bottom: 110px;
}
.container-div._100.more-ways {
padding-bottom: 130px;
}
.container-div._100.give {
margin-right: 100px;
}
.title-div {
width: 100%;
}
.title-div.middle {
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 40px;
display: flex;
}
.h1-sailingclub {
color: var(--v3-brown);
letter-spacing: 2px;
font-family: Sailingclub, Arial, sans-serif;
font-size: 50px;
font-weight: 400;
line-height: 50px;
}
.h1-sailingclub.hero {
margin-top: 0;
margin-bottom: 10px;
font-style: italic;
font-weight: 400;
}
.underscore-div {
border-bottom: 1px solid var(--v3-brown);
}
.underscore-div._260 {
width: 260px;
}
.wide-image-div {
margin-bottom: 80px;
overflow: hidden;
}
.image-104 {
opacity: .6;
height: 100%;
}
.description-text-div.middle {
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 40px;
display: flex;
}
.description-text {
color: var(--v3-brown);
text-align: center;
letter-spacing: .3px;
font-family: neue-haas-grotesk-display, sans-serif;
font-size: 1rem;
line-height: 1.5rem;
}
.description-text._14 {
text-align: left;
width: auto;
font-size: 14px;
}
.description-text._14.change-giving {
margin-bottom: 26px;
}
.description-text._16 {
color: var(--dark-green);
text-align: left;
word-break: normal;
margin-bottom: 11px;
font-size: 1.1rem;
}
.description-text._16.bold {
margin-bottom: 0;
font-weight: 600;
}
.description-text._16.bold.space {
margin-bottom: 11px;
display: inline;
}
.description-text._700 {
width: 700px;
}
.main-menu-item-v2-copy {
color: var(--white);
text-align: center;
letter-spacing: 3px;
margin-left: 20px;
margin-right: 18px;
padding-left: 2px;
padding-right: 2px;
font-family: Avenir, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
text-decoration: none;
}
.main-menu-item-v2-copy:hover {
color: var(--white);
font-weight: 800;
}
.main-menu-item-v2-copy.w--current {
color: var(--white);
letter-spacing: 1px;
text-transform: uppercase;
margin-left: 20px;
margin-right: 20px;
font-weight: 500;
line-height: 11px;
}
.main-menu-item-v2-copy.w--current:hover {
font-weight: 800;
text-decoration: none;
}
.main-menu-item-v2-copy.w--current:active {
overflow: clip;
}
.main-menu-item-v2-copy.header-text-link {
text-align: center;
text-shadow: 1px 1px 2px #00000082;
font-weight: 900;
display: inline;
}
.main-menu-item-v2-copy.header-text-link.w--current {
text-shadow: 1px 1px 2px #0000007a;
font-weight: 900;
}
.main-menu-item-v2-copy.we-could {
font-weight: 900;
}
.button-v3-container {
justify-content: center;
align-items: center;
display: flex;
}
.button-v3-container.left {
justify-content: flex-start;
align-items: center;
}
.button-v3-div {
justify-content: space-between;
align-items: center;
width: 8rem;
min-width: 550px;
display: flex;
}
.button-v3-div.single, .button-v3-div.securities {
justify-content: flex-start;
width: 10.6rem;
min-width: 0;
}
.link_button {
z-index: 1;
border: 1px solid var(--v3-brown);
color: var(--v3-brown);
letter-spacing: 1px;
text-transform: uppercase;
flex-flow: column;
justify-content: center;
align-items: center;
width: 168px;
min-width: 124px;
height: 37px;
padding-left: 16px;
padding-right: 16px;
font-family: neue-haas-grotesk-display, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 12px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.link_button:hover {
color: var(--v3-brown);
}
.link_button.black {
width: 168px;
height: 43px;
margin-left: 10px;
margin-right: 10px;
}
.link_button.green {
border-color: var(--dark-green);
color: var(--dark-green);
background-color: #676f5d1a;
width: 140px;
min-width: 140px;
margin-right: 16px;
}
.link_button_text {
z-index: 3;
position: relative;
}
.link_button_fill {
z-index: 2;
background-color: var(--v3-brown);
border-radius: 70%;
width: 200%;
height: 200px;
position: absolute;
transform: translate(0, 125px);
}
.link_button_fill.green {
background-color: var(--dark-green);
}
.v3-section {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.v3-section.warm {
background-color: var(--warm-white);
overflow: hidden;
}
.v3-section.warm._130 {
height: 130px;
}
.v3-section.more-ways {
background-image: linear-gradient(#f4f5f2, #e9eae8);
overflow: hidden;
}
.change-giving-title-div {
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1200px;
margin-bottom: 100px;
display: flex;
}
.h2-v3 {
color: var(--v3-brown);
text-align: center;
letter-spacing: 2px;
font-family: Sailingclub, Arial, sans-serif;
font-size: 54px;
font-style: italic;
font-weight: 400;
line-height: 60px;
}
.h2-v3.change-giving {
text-align: right;
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 3px;
font-size: 3.5rem;
line-height: 3.7rem;
display: flex;
}
.h2-v3.why-we-give {
margin-left: 40px;
font-size: 5vw;
line-height: 1;
}
.h2-v3.give {
color: var(--v3-brown);
text-align: left;
flex-flow: row;
margin-top: 32px;
margin-bottom: 0;
margin-left: 48px;
font-size: 100px;
line-height: 100px;
}
.h2-v3.more-ways {
color: var(--dark-green);
text-align: right;
margin-top: 0;
margin-bottom: 13px;
}
.v3-paragraph {
color: var(--v3-brown);
letter-spacing: .3px;
margin-bottom: 0;
font-family: neue-haas-grotesk-display, sans-serif;
font-size: 1rem;
line-height: 1.5rem;
}
.div-block-170 {
width: 57%;
padding-left: 80px;
}
.change-giving-tile-container {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: stretch;
place-items: stretch center;
width: 100%;
max-width: 1330px;
margin-bottom: 90px;
display: grid;
}
.h3-v3 {
color: var(--v3-brown);
font-family: Sailingclub, Arial, sans-serif;
font-size: 32px;
font-style: italic;
font-weight: 400;
}
.h3-v3.change-giving {
margin-bottom: 16px;
}
.h3-v3.give {
margin-top: 0;
}
.h3-v3.green {
color: var(--dark-green);
margin-bottom: 18px;
font-size: 40px;
line-height: 40px;
}
.h3-v3.why-we-give {
max-width: 600px;
margin: 0 30px;
font-size: 99px;
line-height: 1;
}
.h3-v3.why-we-give.haas {
margin-bottom: 26px;
font-family: neue-haas-grotesk-display, sans-serif;
font-size: 87px;
font-style: normal;
font-weight: 600;
}
.change-giving-tile {
border: 1px solid var(--v3-brown);
background-color: var(--warm-white);
border-top-left-radius: 40px;
border-bottom-right-radius: 40px;
width: 100%;
max-width: 500px;
padding: 14px 50px 33px;
}
.change-giving-title-container {
width: 38%;
display: flex;
}
.div-block-171 {
border-right: 1px solid var(--v3-brown);
width: 37px;
}
.change-giving-text {
color: var(--v3-brown);
letter-spacing: .5px;
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
}
.change-giving-text.bold {
font-weight: 600;
}
.div-block-172 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-173 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.image-105 {
border-top-left-radius: 300px;
border-top-right-radius: 300px;
width: 23vw;
min-width: 360px;
margin-bottom: 20px;
overflow: hidden;
}
.t-why-we-give-verse {
text-align: center;
margin-bottom: 8px;
font-size: 13px;
font-style: italic;
line-height: 18px;
}
.t-why-we-give-book {
text-align: center;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
.div-block-174 {
width: 360px;
}
.div-block-175 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 500px;
margin-left: 60px;
margin-right: 40px;
display: flex;
position: relative;
}
.p-why-we-give {
max-width: 600px;
margin-left: 30px;
margin-right: 30px;
font-size: 20px;
font-weight: 500;
}
.div-block-176 {
justify-content: center;
align-items: center;
display: flex;
position: relative;
bottom: 30px;
}
.div-block-177 {
border-top: 1px solid var(--v3-brown);
margin-left: 16px;
margin-right: 37px;
}
.div-block-178 {
font-size: 1em;
line-height: 1;
position: absolute;
inset: 9% -9% auto auto;
}
.div-block-179 {
justify-content: flex-end;
align-items: center;
display: flex;
}
.div-block-180 {
z-index: 3;
justify-content: center;
align-items: center;
max-width: 1400px;
margin-top: 38px;
display: flex;
position: relative;
}
.div-block-181 {
flex-flow: column;
justify-content: center;
align-items: flex-end;
min-width: 60px;
display: flex;
}
.div-block-182 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-left: 60px;
display: grid;
}
.div-block-183 {
z-index: 3;
width: 320px;
max-width: 320px;
padding: 6px 20px 6px 0;
position: relative;
}
.div-block-184 {
flex-flow: row;
justify-content: center;
align-items: stretch;
display: flex;
}
.image-106 {
border-bottom-right-radius: 70px;
width: 900px;
}
.div-block-185 {
z-index: 2;
background-color: var(--light-brown);
border-top-left-radius: 70px;
position: absolute;
inset: 0% -76% 0% 20%;
}
.div-block-186 {
border-right: 1px solid var(--v3-brown);
flex-flow: column;
justify-content: center;
align-items: center;
width: 1px;
height: 100%;
display: flex;
}
.div-block-187 {
flex-flow: column;
justify-content: center;
align-items: flex-end;
width: 100%;
margin-bottom: 75px;
display: flex;
position: relative;
}
.div-block-188 {
border-bottom: 1px solid var(--dark-green);
width: 800px;
position: relative;
left: 423px;
}
.div-block-189 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(382px, 1fr) minmax(471px, 1fr);
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.image-107 {
opacity: .35;
border-top-left-radius: 400px;
border-bottom-left-radius: 400px;
}
.div-block-190 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-items: stretch stretch;
width: 400px;
display: grid;
position: relative;
}
.div-block-192 {
justify-content: flex-end;
align-items: center;
padding-right: 100px;
display: flex;
}
.div-block-193 {
border-bottom: 1px solid var(--dark-green);
width: 1100px;
position: absolute;
inset: 55% 0% auto -833px;
}
.div-block-194 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.nav-menu-v2-5 {
z-index: 10;
background-color: var(--warm-white);
flex-direction: column;
width: 300px;
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
display: none;
position: fixed;
inset: 0% 0% 0% auto;
overflow: auto;
}
.menu-v2-5 {
z-index: 13;
clear: none;
color: #0000;
text-align: left;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
width: 30px;
height: 25px;
display: flex;
}
.menu-v2-5:hover {
opacity: .65;
background-color: #0000;
}
.text-block-104 {
font-size: 17px;
}
.text-block-105 {
cursor: pointer;
width: 20px;
font-size: 38px;
transform: rotate(45deg);
}
.div-block-195 {
position: absolute;
inset: 108px 19px auto auto;
}
.footer-v2-5 {
z-index: 100;
text-align: left;
background-image: radial-gradient(circle at 50% 0, #fcfaf712, #ffffff1f), linear-gradient(#beae9c, #ad947b);
justify-content: center;
width: 100%;
height: 360px;
display: flex;
position: static;
inset: auto 0% 0%;
}
.link-26 {
color: var(--v3-brown);
text-decoration: none;
}
.link-26:hover {
color: var(--v3-brown);
text-decoration: underline;
}
.link-27 {
color: var(--v3-brown);
}
.div-block-196 {
max-width: 600px;
margin-left: 30px;
margin-right: 30px;
}
.link-28 {
color: var(--dark-green);
display: none;
}
.link-28:hover {
color: var(--dark-green);
}
html.w-mod-js [data-ix="init-logo-text"] {
opacity: 0;
width: 0;
transform: translate(-5px);
}
html.w-mod-js [data-ix="init-menu"], html.w-mod-js [data-ix="init-menu-2"] {
opacity: 0;
display: none;
transform: scale(1.2);
}
html.w-mod-js [data-ix="init-menu-items"] {
height: 100%;
}
html.w-mod-js [data-ix="dark-grey-hover-link"] {
opacity: 0;
}
html.w-mod-js [data-ix="display-none"], html.w-mod-js [data-ix="close-menu"] {
display: none;
}
@media screen and (max-width: 991px) {
.navbar {
display: block;
}
.nav-menu {
display: none;
}
.full-height-section.first-visit {
background-position: 50%;
}
.full-height-section.social {
height: 450px;
}
.full-height-section.groups.desktop {
display: none;
}
.full-height-section.groups.mobile {
background-image: none;
height: 100%;
padding: 0;
display: flex;
}
.full-height-section.special-event-hero {
height: 500px;
}
.full-height-section.easter {
height: auto;
}
.home-feature-foreground {
max-width: 80%;
}
.home-event-group-holder._75 {
display: block;
}
.home-contact-top {
flex-flow: row;
}
.home-map {
flex: 1;
align-self: stretch;
margin-right: 25px;
}
.home-contact-info {
padding-right: 25px;
}
.footer-social-link {
border-width: 6px;
width: 95px;
height: 95px;
font-size: 36px;
line-height: 84px;
}
.menu-heading {
display: block;
}
.white-content-h.program-h {
letter-spacing: 4px;
font-size: 44px;
line-height: 44px;
}
.white-content-h.pink {
font-size: 44px;
}
.white-content-h.smaller-giving-title {
line-height: 45px;
}
.watch-current-left {
float: none;
width: 100%;
padding: 30px 30px 0;
}
.watch-current-right {
float: none;
width: 100%;
padding-top: 0;
padding-left: 30px;
padding-right: 30px;
}
.watch-current-content {
margin-top: -8px;
margin-bottom: 20px;
padding-bottom: 25px;
}
.watch-current-tag {
z-index: 1;
}
.countdown-number {
padding-left: 4px;
padding-right: 1px;
line-height: 43px;
}
.watch-archive {
padding: 30px 15px 15px;
}
.archive-item {
width: 33.3333%;
padding: 15px;
}
.talk-hero, .watch-current-section {
flex-wrap: wrap;
}
.watch-series-info {
padding-top: 25px;
padding-bottom: 25px;
}
.series-info-left {
padding-right: 10px;
}
.who-we-are-h2.give-online {
margin-bottom: 30px;
}
.our-team-copy-section {
padding-top: 50px;
padding-bottom: 50px;
}
.story-name {
letter-spacing: 1px;
font-size: 18px;
}
.team-joel-left {
min-height: 60vw;
}
.team-joel-right {
padding-top: 50px;
padding-bottom: 50px;
}
.give-online-section.app {
height: 100vh;
}
.tip-selector {
margin-top: 45px;
}
.five14-sound-music-button-link {
padding-top: 9px;
padding-bottom: 9px;
}
.regular-section.full-width.full-row-1 {
background-image: none;
}
.regular-section._4-and-8-split.meet {
position: static;
overflow: visible;
}
.home-content-box.dandee-home {
background-position: 50% 100%;
background-size: contain;
}
.home-content-box.light-up-the-night-home {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/598211306e97d600017aa891_AppSlide.jpg");
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
}
.home-content-box.previous-series {
height: 100%;
padding-right: 0;
}
.home-content-box.church-update {
height: 350px;
}
.home-content-row.current-events-home-3, .home-content-row.current-events-series-and-become {
border-style: none;
position: static;
}
.social-home {
margin-top: -10px;
}
.social-home.christmas-rhyme-social-link {
margin-top: -25px;
}
.five14-album-announcement {
margin-top: 0;
padding-top: 35px;
padding-bottom: 35px;
}
.become-five14-text-block {
margin-top: 35px;
font-size: 20px;
}
.supervision-foreground {
top: 0%;
left: 0;
right: 0;
}
.emmanuel-foreground {
padding-top: 60px;
padding-bottom: 0;
padding-left: 75px;
}
.emmanuel-text {
margin-left: 30px;
margin-right: 30px;
}
.christmas-rhyme-video-div {
width: 95%;
}
.half-column-foreground.become-column-fg {
max-width: 60%;
}
.half-column-foreground.become-column-fg.meet {
padding-top: 16px;
padding-bottom: 0;
}
.dark-hover-div {
display: none;
}
.dark-hover-button.ios {
margin-bottom: 10px;
}
.dark-hover-button.android {
margin-top: 10px;
}
.connect-with-staff-div {
padding-bottom: 25px;
}
.first-sunday-heading {
margin-bottom: 22px;
margin-left: auto;
margin-right: auto;
display: block;
}
.main-graphic-text.welcome {
font-size: 22px;
}
.main-graphic-text.five14-church {
font-size: 110px;
}
.main-graphic-text.five14-church.pink.hero-div-title {
margin-left: -7px;
}
.main-graphic-text.service-times.hero-div-subtitle {
margin-top: 20px;
}
.meetfive14-paragraph {
color: #fff;
line-height: 1;
}
.groups-heading2 {
line-height: 50px;
}
.white-section.dadcamp-header-div {
padding-bottom: 80px;
}
.text-block-4 {
line-height: 40px;
}
.row-8 {
display: block;
}
.all-in-graphic {
background-size: 100% 100%;
width: 100%;
max-height: 3000px;
}
.image-6 {
height: 410px;
}
.hero-div-title.welcome {
font-size: 22px;
}
.hero-div-title.five14-church {
font-size: 110px;
}
.home-section-1 {
height: auto;
padding-bottom: 50px;
}
.section-paragraph.dark {
width: 90%;
max-width: 700px;
position: relative;
right: 0;
overflow: visible;
}
.section-paragraph.right-align, .section-paragraph.left-align, .home-link-button-div {
width: 90%;
max-width: 700px;
}
.home-section-2, .home-section-3 {
height: auto;
padding-bottom: 50px;
}
.section-sub-heading.right-align {
width: 600px;
max-width: 700px;
}
.home-section-4 {
height: auto;
padding-bottom: 50px;
}
.serves-project.collection-text {
letter-spacing: 0;
font-size: 14px;
}
.text-block-12 {
letter-spacing: 1px;
font-size: 12px;
}
.serve-cbus.section-header, .serve-cbus.section-header.maroon {
font-size: 63px;
line-height: 63px;
}
.serve-cbus.section-header.opportunities {
font-size: 39px;
line-height: 39px;
}
.serve-cbus.details-info.day {
padding-right: 17px;
}
.serve-cbus.details-info.date {
display: none;
}
.serve-cbus.drive-heading {
font-size: 16px;
}
.serve-cbus-partner-logos {
flex-wrap: wrap;
}
.serve-cbus-collection-item {
border-style: none;
}
.meet-five14-section.full-width.full-row-1 {
background-image: none;
}
.meet-five14-section._4-and-8-split.meet {
position: static;
overflow: visible;
}
.become-five14-section.full-width.full-row-1 {
background-image: none;
}
.become-five14-section._4-and-8-split.meet {
position: static;
overflow: visible;
}
._2-split-button-section.full-width.full-row-1 {
background-image: none;
}
._2-split-button-section._4-and-8-split.meet {
position: static;
overflow: visible;
}
._2-split-with-series-section.full-width.full-row-1 {
background-image: none;
}
._2-split-with-series-section._4-and-8-split.meet {
position: static;
overflow: visible;
}
.series-image {
height: 410px;
}
.series-content-box.dandee-home {
background-position: 50% 100%;
background-size: contain;
}
.series-content-box.light-up-the-night-home {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/598211306e97d600017aa891_AppSlide.jpg");
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
}
.series-content-box.previous-series {
height: 350px;
padding-right: 0;
}
.full-width-section.full-width.full-row-1 {
background-image: none;
}
.full-width-section._4-and-8-split.meet {
position: static;
overflow: visible;
}
.div-bar-grey._280 {
width: 120px;
}
.div-bar-grey._360 {
width: 200px;
}
.div-bar-grey._160 {
width: 80px;
}
.div-bar-white._200, .div-bar-white._180 {
width: 100px;
}
.header-font-non-stroked-h2 {
font-size: 80px;
}
.collection-list-wrapper-2 {
padding-bottom: 50px;
}
.main-menu-links {
display: flex;
}
.new-social-icon.christmas-rhyme-social-link {
margin-top: -25px;
}
.social-icon-seperator {
width: 100px;
}
.div-middle.easter {
bottom: 15px;
}
.christmas-video-description-text {
height: 40px;
}
.form-label.hsn.name {
margin-top: 10px;
}
.heading3 {
line-height: 50px;
}
.five14-hsn-link-button-div {
width: 90%;
max-width: 700px;
}
.connect-with-staff-div-2 {
padding-bottom: 25px;
}
.div-block-29 {
width: 98%;
}
.five14-serves-home-div {
margin-left: 6%;
margin-right: 6%;
}
.five14-serves-home-button.easter {
bottom: 15px;
}
.full-width-section-reveal.full-width.full-row-1 {
background-image: none;
}
.full-width-section-reveal._4-and-8-split.meet {
position: static;
overflow: visible;
}
.image-36 {
display: none;
}
.div-block-35 {
width: 500px;
padding-right: 35px;
}
.image-38 {
margin-bottom: 27px;
}
.div-block-36 {
align-self: flex-end;
align-items: stretch;
width: 450px;
padding-left: 0;
display: flex;
}
.the-rest-podcast-buttons.easter {
bottom: 15px;
}
.image-39 {
object-fit: cover;
position: static;
overflow: hidden;
}
.grand-opening-mobile {
margin-bottom: 14px;
line-height: 4vh;
}
.div-block-39 {
padding-top: 37px;
top: 92px;
left: 22px;
}
.opening-address {
letter-spacing: 6px;
font-size: 1.4vw;
line-height: 1vh;
}
.opening-time {
font-size: 1.5vw;
line-height: 2vh;
}
.opening-see-you-div {
right: 22px;
}
.opening-see-you-text {
margin-bottom: 0;
font-size: 3vw;
line-height: 3vh;
}
.opening-see-you-text.desktop {
margin-bottom: 11px;
}
.opening-date {
letter-spacing: 11px;
margin-bottom: 7px;
line-height: 2vh;
}
.opening-date.v2 {
margin-bottom: 20px;
font-size: 22px;
}
.grand-opening-desktop {
margin-bottom: 14px;
line-height: 4vh;
}
.grand-opening-desktop.v2 {
margin-bottom: 7px;
margin-left: 3px;
font-size: 40px;
line-height: 42px;
}
.section-17 {
overflow: hidden;
}
.navbar-v2 {
display: block;
}
.h1-heading.bars.streaming-live, .h1-heading.bars.streaming-live-copy {
width: 350px;
}
.arrow-link-text.white {
margin-bottom: 10px;
}
.arrow-link-text.white.left-align {
margin-left: 0;
padding-left: 0;
}
.arrow-link-div {
flex-direction: column;
align-items: center;
display: block;
}
.arrow-link-div.the-rest {
display: flex;
}
.horizontal-tile-div.latest-message {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: auto;
}
.horizontal-tile-div.watch-and-listen2 {
height: auto;
}
.h3-heading.watch-and-listen2 {
margin-bottom: 51px;
}
.h2-heading.easter {
font-size: 39px;
}
.button-v2.black {
margin-bottom: 53px;
}
.button-v2.black.giving-link {
margin-top: 0;
margin-bottom: 0;
}
.button-v2.easter24 {
text-align: center;
width: 100%;
padding-left: 7px;
padding-right: 7px;
}
.button-v2.easter24.top {
margin-bottom: 12px;
}
.section-4a {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: "latest-message latest-message"
"media-link media-link"
/ 1fr;
grid-auto-columns: 1fr;
place-items: stretch stretch;
height: 1200px;
display: grid;
}
.div-block-43 {
margin-bottom: 338px;
padding-top: 185px;
padding-bottom: 203px;
}
.div-block-42b {
max-width: 80%;
}
.section-5a {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
}
.footer-div {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.footer-div-group {
padding-left: 10px;
padding-right: 10px;
}
.hero-2-column {
grid-template-columns: 1fr;
height: 100%;
}
.hero-column._10am-online, .hero-column.live-at-5 {
height: 460px;
}
.image-43 {
bottom: -42%;
}
.image-45 {
margin-top: 10px;
}
.live-at-five-info-div {
border-top: 10px solid var(--white);
padding-bottom: 0;
overflow: hidden;
}
.image-46 {
margin-bottom: 15px;
}
.text-block-56 {
margin-bottom: 25px;
font-size: 27px;
}
.div-block-48 {
margin-bottom: 5px;
}
.div-block-39-copy {
padding-top: 37px;
top: 92px;
left: 22px;
}
.main-nav-background-v2 {
flex-direction: row;
justify-content: flex-end;
}
.main-menu-links-v2 {
display: flex;
}
.hero-section-a {
flex-flow: column;
}
.hero-section-b {
background-size: 1000px;
}
.hero-section-c {
height: 300px;
padding-top: 40px;
}
.image-50 {
width: 200px;
margin-bottom: 60px;
}
.div-block-52 {
margin-bottom: 30px;
}
.section-d {
width: 97%;
}
.online-experience-div {
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.online-experience-div.five14-kids-desktop, .online-experience-div.five14-kids-mobile {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.series-collection-list-tiles {
grid-template-columns: 1fr 1fr 1fr;
}
.section-4a-copy {
grid-template: "latest-message latest-message"
"media-link media-link"
/ 1fr;
height: 1200px;
}
.faq-img {
width: 50px;
height: 50px;
}
.text-block-69 {
white-space: normal;
}
.bold-text-3 {
line-height: 23px;
}
.announcement-div {
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.giving-payments {
width: 96%;
}
.section-24 {
min-height: 50vh;
}
.hero-section-b-copy {
background-size: 1000px;
}
.hero-section-d {
background-image: linear-gradient(87deg, #000 2%, #0000 47%), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/6605bfbdd060734213d7a5f0_main%20background%20web.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.image-62 {
width: 350px;
height: 300px;
}
.navbar-v2-full-vh {
display: block;
}
.menu-vh {
flex-direction: column;
justify-content: space-around;
align-items: stretch;
}
.full-height-div.good-friday {
justify-content: center;
}
.full-height-div.easter {
flex-direction: column;
justify-content: center;
align-items: center;
}
.online-experience-banner-div {
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
.online-experience-banner-div.five14-kids-desktop, .online-experience-banner-div.five14-kids-mobile {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.image-70 {
margin-top: 0;
padding-top: 0;
}
.watch-and-listen-div {
padding-top: 0;
}
.slider-container {
width: 90%;
}
.container-16, .container-17 {
max-width: 90%;
}
.dadcamp-detials-tile-div {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.dadcamp-details-heading {
text-align: center;
}
.dadcamp-video-div {
width: 90%;
margin-bottom: 50px;
}
.dadcamp-media-div {
flex-direction: column;
}
.div-block-43b {
position: relative;
}
.div-block-42d {
width: auto;
max-width: 80%;
margin-bottom: 0;
}
.section-4a2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: "latest-message latest-message"
"media-link media-link"
/ 1fr;
grid-auto-columns: 1fr;
place-items: stretch stretch;
height: auto;
display: grid;
}
.div-block-43c-copy {
height: auto;
position: static;
}
.watch-and-listen-div-copy {
padding-top: 0;
}
.arrow-link-div-copy {
flex-direction: column;
align-items: center;
display: block;
}
.arrow-link-div-copy.the-rest {
display: flex;
}
.arrow-link-div-copy.streaming.left-align {
padding-left: 11px;
}
.div-block-42d-copy {
max-width: 80%;
margin-bottom: 45px;
}
.image-70-copy {
margin-top: 0;
padding-top: 0;
}
.button-v2-copy.black, .button-v2-copy.black-copy, .button-v2-copy.black-modal {
margin-top: 0;
}
.button-v2-copy.black {
margin-bottom: 53px;
}
.section-4a-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: "latest-message latest-message"
"media-link media-link"
/ 1fr;
grid-auto-columns: 1fr;
place-items: stretch stretch;
height: 1200px;
}
.kids-description {
max-width: 90%;
}
.section-27 {
overflow: hidden;
}
.div-block-82 {
grid-template-columns: 1fr;
height: auto;
}
.heading-25 {
position: static;
}
.div-block-83 {
margin-top: 0;
}
.div-block-84 {
margin-bottom: 50px;
}
.section-28 {
overflow: hidden;
}
.div-block-86 {
left: 48%;
}
.div-block-87 {
grid-template-columns: 1fr 1fr;
}
.div-block-92 {
width: 90%;
}
.div-block-93 {
grid-template-columns: 1fr;
}
.div-block-95 {
grid-template-columns: 1fr;
place-content: start center;
height: auto;
overflow: visible;
}
.section-30 {
padding-top: 70px;
overflow: hidden;
}
.text-block-82.space, .text-block-82.amug {
width: 85%;
}
.div-block-96 {
margin-bottom: 80px;
}
.heading-28 {
font-size: 75px;
line-height: 100px;
}
.youtube-2 {
margin-top: 0;
}
.div-block-100 {
border-top: 1px solid #9e9e9e;
border-left-style: none;
width: 90%;
height: 1px;
top: 50%;
bottom: 0%;
left: auto;
}
.div-block-104 {
width: 80%;
}
.div-block-107 {
padding-bottom: 40px;
}
.section-31 {
padding-top: 70px;
overflow: hidden;
}
.div-block-104b {
width: 80%;
height: 400px;
}
.text-block-79b {
margin-bottom: 20px;
}
.text-block-84-copy {
font-size: 17px;
}
.heading-28-copy {
font-size: 51px;
line-height: 59px;
}
.div-block-108 {
margin-top: 0;
}
.image-78 {
margin-bottom: 20px;
}
.text-block-85 {
font-size: 66px;
line-height: 80px;
}
.serve-cbus-hero-title {
width: 500px;
}
.serve-cbus-hero-text {
max-width: 90%;
font-size: 19px;
line-height: 30px;
}
.empty-state-4 {
background-color: var(--white);
color: #ff4c4c;
text-transform: uppercase;
font-family: Avenir, Arial, sans-serif;
}
.ongoing-drive-graphics-div {
width: 900px;
max-width: 90%;
}
.div-block-119 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
}
.we-could-hero-section {
padding-left: 20px;
padding-right: 20px;
}
.we-could-hero-title {
font-size: 125px;
line-height: 120px;
}
.we-could-hero-subtitle {
margin-bottom: 120px;
}
.we-could-section.train {
height: auto;
position: relative;
top: auto;
bottom: auto;
overflow: hidden;
}
.we-could-section.series {
padding-top: 60px;
padding-bottom: 60px;
}
.we-could-section.wrigley {
background-image: radial-gradient(circle closest-corner at 50% 30%, #000, #fff0 67%), linear-gradient(#fff0 54%, #00000069), linear-gradient(#0000009e, #fff0 36%), linear-gradient(#00000038, #00000038), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/6542a831fc26b093f8490b2b_wrigley.jpg");
background-position: 0 0, 0 0, 0 0, 0 0, 50%;
background-repeat: repeat, repeat, repeat, repeat, no-repeat;
background-size: auto, auto, auto, auto, cover;
background-attachment: scroll, scroll, scroll, scroll, fixed;
padding-top: 60px;
padding-bottom: 100px;
}
.we-could-section.about {
height: auto;
padding: 60px 20px 100px;
}
.we-could-section.commitment {
padding-top: 60px;
padding-bottom: 100px;
}
.we-could-section-title.we-could-series {
margin-bottom: 70px;
}
.we-could-h2 {
margin-bottom: 0;
font-size: 48px;
}
.we-could-paragraph {
width: auto;
}
.we-could-hero-button-div {
flex-direction: column;
justify-content: center;
display: flex;
position: relative;
bottom: auto;
}
.we-could-button {
text-align: center;
margin-top: 9px;
margin-bottom: 9px;
}
.we-could-content-div {
flex-wrap: wrap;
justify-content: center;
align-items: center;
max-width: 100%;
display: flex;
}
.we-could-about-video-div {
padding-left: 10px;
}
.we-could-four-cs-main-div {
flex-direction: column;
max-width: 100%;
}
.we-could-four-cs-title-div {
margin-bottom: 90px;
margin-left: -13px;
}
.div-block-121 {
max-width: 100%;
}
.we-could-series-container {
max-width: 90%;
padding-top: 0;
}
.we-could-series-div {
flex-direction: column;
align-items: center;
width: 100%;
}
.we-could-series-video-div {
width: 60%;
margin-bottom: 20px;
margin-left: 5px;
}
.we-could-series-info {
width: 60%;
margin-left: 0;
}
.we-could-middle-align-div {
width: 90%;
}
.div-block-122 {
width: 100%;
}
.we-could-testimony-content.form-holder {
width: 900px;
max-width: 90%;
}
.we-could-testimony-content.blurb {
background-image: none;
}
.div-block-124 {
margin-top: 10px;
}
.form {
padding-left: 50px;
padding-right: 50px;
}
.form-block-4 {
padding: 20px 0 10px;
}
.div-block-129 {
height: 300px;
}
.we-could-commitment-container {
max-width: 90%;
padding-top: 0;
}
.we-could-commitment-text-div {
max-width: 100%;
}
.text-block-90.points {
font-size: 36px;
line-height: 44px;
}
.christmas23-hero-button-div {
width: 90%;
left: auto;
right: auto;
}
.christmas23-section.about {
padding-top: 90px;
padding-bottom: 80px;
}
.christmas23-section.invite {
padding-top: 90px;
padding-bottom: 100px;
}
.christmas23-section.location {
padding-top: 90px;
}
.christmas23-wide-div.about-heading {
grid-template-columns: 1fr;
}
.christmas23-wide-div.location-heading {
grid-template-columns: 1fr;
margin-bottom: 70px;
}
.christmas23-wide-div.invite-div {
grid-template-columns: 1fr;
}
.christmas23-about-grid-div.about {
margin-bottom: 30px;
}
.christmas23-about-grid-div.captions {
border-bottom: 1.5px solid ivory;
padding-bottom: 20px;
}
.christmas23-about-grid-div.share {
margin-top: 40px;
}
.christmas23-about-grid-div.map {
padding-top: 20px;
}
.christmas23-about-grid-div.times {
padding-bottom: 30px;
}
.christmas23-expect-points {
width: 100%;
}
.christmas23-share-div {
width: 400px;
}
.christmas23-christmas-home {
height: 46px;
}
.div-block-134-home {
width: 80%;
}
.christmas23-hero-button-div-home {
width: 90%;
left: auto;
right: auto;
}
.christmas23-five14-home {
height: 46px;
}
.easter24-h1.easter {
font-size: 110px;
line-height: 90px;
}
.easter24-h1.at {
font-size: 101px;
line-height: 90px;
}
.easter24-hero-date-div.links {
width: 100%;
}
.easter24-section {
padding: 120px 20px;
}
.easter24-join-div {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.div-block-139 {
margin-top: 20px;
}
.easter24-h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 90px;
line-height: 90px;
}
.easter24-h2.palm, .easter24-h2.invite {
font-size: 48px;
line-height: 69px;
}
.easter24-h2.new {
font-size: 49px;
line-height: 69px;
}
.easter24-paragraph.join {
max-width: 90%;
margin-bottom: 70px;
}
.easter24-paragraph.palm {
text-align: justify;
}
.easter24-paragraph.easter-form {
text-align: center;
width: 60%;
}
.easter24-white-box-div.palm-title, .easter24-white-box-div.invite-title {
padding-bottom: 0;
}
.easter24-white-box-div.invite-star {
padding-left: 10px;
padding-right: 10px;
}
.easter24-palm-text-div {
width: 100%;
height: auto;
}
.easter24-invite-div {
grid-template-rows: auto auto;
grid-template-columns: .75fr;
place-content: center;
place-items: stretch stretch;
margin-top: 20px;
margin-bottom: 20px;
}
.easter24-invite-div2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr .75fr;
}
.easter24-families-title-div.new {
max-width: 100%;
overflow: visible;
}
.easter24-families-title-div.invite {
justify-content: center;
align-items: stretch;
}
.image-90 {
width: 80%;
height: 110px;
max-height: 110px;
}
.image-90.white-star {
display: none;
}
.easter24-families-content-div {
grid-column-gap: 38px;
grid-row-gap: 38px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.easter24-h3-v2.questions {
font-size: 16px;
line-height: 25px;
}
.easter24-h3-v2.new {
font-size: 24px;
line-height: 40px;
}
.image-92 {
margin-bottom: 13px;
margin-right: 0;
}
.div-block-144 {
justify-content: center;
align-items: center;
margin-top: 35px;
}
.easter24-families-graphic-div {
margin-bottom: -22px;
}
.text-block-92 {
font-size: 18px;
}
.div-block-145 {
flex-flow: column;
}
.form-block-5 {
width: 600px;
max-width: 80%;
}
.section-3c {
background-position: 0%;
background-size: 960px;
}
.easter-button-link-div {
flex-flow: column;
justify-content: center;
align-items: stretch;
bottom: 62px;
}
.div-block-147 {
width: 90%;
}
.easter24-playlist-text.join {
max-width: 90%;
margin-bottom: 70px;
}
.easter24-playlist-text.palm {
text-align: justify;
}
.easter24-playlist-text.easter-form {
text-align: center;
width: 60%;
}
.easter-playlist-div-container {
justify-content: center;
align-items: center;
margin-top: 35px;
}
.the-beginning-title-image {
width: 400px;
}
.the-beginning-register-div {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-columns: 1fr;
}
.image-95 {
width: 400px;
height: 400px;
top: -11%;
right: -30%;
}
.image-96 {
width: 200px;
top: 26%;
}
.serve-cbus-background-title {
font-size: 250px;
line-height: 264px;
}
.heading-39 {
font-size: 63px;
line-height: 63px;
}
.heading-40 {
font-size: 23px;
line-height: 23px;
}
.rooted-blurb {
width: 80%;
}
.image-62b {
width: 350px;
height: 300px;
}
.div-block-77c {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.div-block-159 {
max-width: 100%;
}
.div-block-163 {
width: 400px;
min-width: 400px;
top: 32px;
}
.section-33 {
height: 300px;
}
.text-block-100 {
font-size: 13px;
line-height: 15px;
}
.nav-v3-container {
width: 90%;
}
.nav-v3-container-div-middle {
justify-content: flex-end;
align-items: center;
}
.navbar-v3 {
justify-content: center;
align-items: center;
display: flex;
}
.main-menu-links-v3 {
display: flex;
}
.container-div._100.change {
padding-bottom: 100px;
}
.container-div._100.why {
padding-top: 50px;
padding-bottom: 90px;
}
.container-div._100.more-ways {
padding-top: 72px;
padding-bottom: 110px;
}
.container-div._100.give {
width: 100%;
margin-right: 0;
padding-top: 60px;
padding-bottom: 80px;
}
.wide-image-div {
flex-flow: column;
justify-content: center;
align-items: center;
height: 260px;
display: flex;
}
.image-104 {
max-width: none;
height: 100%;
}
.description-text._14.change-giving, .description-text._14.steps {
font-size: 13px;
line-height: 1.1rem;
}
.description-text._16 {
font-size: .9rem;
line-height: 1.2rem;
}
.v3-section.warm._130 {
height: 110px;
}
.change-giving-title-div {
margin-bottom: 80px;
}
.h2-v3.change-giving {
font-size: 2.7rem;
line-height: 2.9rem;
}
.h2-v3.why-we-give {
font-size: 76px;
}
.h2-v3.give {
font-size: 70px;
line-height: 70px;
}
.v3-paragraph {
padding-right: 25px;
font-size: .9rem;
line-height: 1.4rem;
}
.div-block-170 {
padding-left: 40px;
}
.change-giving-tile-container {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
width: 80%;
}
.h3-v3.change-giving {
font-size: 26px;
}
.h3-v3.give {
font-size: 29px;
}
.h3-v3.green {
font-size: 32px;
}
.h3-v3.why-we-give {
margin-left: 0;
margin-right: 0;
}
.change-giving-tile {
max-width: 600px;
padding-bottom: 33px;
}
.div-block-173 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.div-block-175 {
margin-left: 40px;
}
.p-why-we-give {
margin-left: 0;
margin-right: 0;
}
.div-block-176 {
margin-bottom: 30px;
padding-top: 80px;
padding-right: 15px;
}
.div-block-178 {
top: 60px;
right: -13%;
}
.div-block-179 {
justify-content: flex-start;
align-items: center;
margin-left: 10px;
}
.div-block-180 {
width: 100%;
}
.div-block-181 {
min-width: 40px;
}
.div-block-184 {
height: 400px;
overflow: hidden;
}
.image-106 {
object-fit: cover;
width: 1000px;
max-width: 110%;
overflow: hidden;
}
.div-block-187 {
margin-bottom: 60px;
}
.div-block-192 {
padding-right: 10px;
}
.div-block-196 {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
p {
font-size: 18px;
line-height: 27px;
}
.navbar {
position: fixed;
}
.nav-menu {
background-color: #000;
padding-bottom: 0;
display: none;
overflow: visible;
}
.full-height-section {
text-align: center;
height: auto;
}
.full-height-section.first-visit {
background-position: 50% 37%;
}
.full-height-section.series {
background-position: 50%;
}
.full-height-section.band {
min-height: 500px;
display: block;
position: relative;
}
.full-height-section.christmas-ep-hero {
padding-left: 0;
padding-right: 0;
}
.full-height-section.serves-header-mobile {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/59a425680d450e0001815773_Five14%20Serves%20background.jpg");
background-position: 50%;
background-size: cover;
height: 300px;
margin-top: 33px;
}
.full-height-section.groups {
background-size: cover;
background-attachment: scroll;
height: 300px;
display: flex;
}
.full-height-section.special-event-hero {
height: 100vh;
}
.full-height-section.easter {
background-image: none;
width: auto;
height: auto;
padding: 0;
overflow: visible;
}
.full-height-section.first-time {
background-position: 0 0, 50% 0;
background-size: auto, cover;
background-attachment: scroll, scroll;
}
.white-outline-button {
border-radius: 0;
padding-top: 7px;
padding-bottom: 7px;
font-size: 14px;
line-height: 18px;
}
.white-outline-button.space-after-button.get-directions {
margin-right: 0;
}
.white-outline-button.bigger.gold {
margin-left: 5px;
margin-right: 5px;
}
.white-outline-button.live-bug-button {
display: inline-block;
}
.white-outline-button.live-bug-button.desktop-version {
display: none;
}
.white-outline-button.live-bug-button.mobile-version {
display: inline-block;
}
.white-outline-button.forgot {
margin-left: 0;
}
.white-outline-button.dark.groups-register {
display: block;
position: static;
}
.white-outline-button.section-button {
margin-left: 10px;
margin-right: 10px;
padding-left: 16px;
padding-right: 14px;
font-size: 10px;
}
.white-outline-button.section-button-right {
margin-left: 10px;
padding-left: 16px;
padding-right: 14px;
font-size: 10px;
}
.white-outline-button.section-button-left {
margin-right: 10px;
padding-left: 16px;
padding-right: 14px;
font-size: 10px;
}
.white-outline-button.space-left {
margin-left: 0;
}
.home-events-h {
margin-bottom: 25px;
}
.home-event-group-holder, .home-event-group-holder._75 {
width: 100%;
}
.home-events-row {
max-width: 460px;
}
.home-event {
width: 100%;
}
.home-event-link {
background-color: #ebebeb;
width: 100%;
height: 80px;
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
}
.home-event-link:hover {
transform: none;
}
.home-event-text {
text-align: left;
margin-top: -80px;
margin-left: 95px;
padding-top: 25px;
}
.home-event-text.line2 {
padding-top: 0;
}
.home-event-image, .home-event-cover {
width: 80px;
height: 80px;
margin-bottom: -80px;
padding-top: 0%;
}
.home-event-image-full {
width: 80px;
height: 80px;
padding-top: 0%;
}
.home-contact-top {
height: 100%;
display: block;
overflow: visible;
}
.home-map {
float: none;
width: 100%;
max-width: 100%;
margin-right: 0;
display: none;
overflow: visible;
}
.home-contact-info {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 50px;
padding-bottom: 50px;
padding-left: 25px;
}
.footer-social-link {
border-width: 4px;
width: 70px;
height: 70px;
margin-left: 10px;
margin-right: 10px;
font-size: 29px;
line-height: 63px;
}
.footer-social-link.vim {
margin-left: 10px;
margin-right: 10px;
}
.menu-heading {
border-bottom: 1px solid #000;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-left: 15px;
padding-right: 15px;
line-height: 25px;
display: block;
}
.menu-link {
margin-left: 0;
margin-right: 0;
padding-left: 15px;
padding-right: 15px;
line-height: 25px;
display: block;
}
.menu-link:hover, .menu-link:active, .menu-link.w--current:hover {
background-color: #0000;
}
.menu-row-1 {
margin-bottom: 0;
}
.menu-social {
margin-left: 5px;
margin-right: 5px;
}
.menu-buttons-right {
float: none;
margin-top: 25px;
}
.menu-buttons-left {
float: none;
margin-top: 25px;
padding-bottom: 25px;
}
.menu-bottom {
position: static;
}
.menu-holder {
z-index: 12;
margin-top: -5px;
padding-left: 30px;
padding-right: 30px;
position: fixed;
inset: 90px 0 0;
overflow: auto;
}
.menu-items {
overflow: hidden;
}
.hero-headline.watch {
margin-top: 54px;
}
.white-content-section {
padding-top: 50px;
padding-bottom: 50px;
}
.white-content-h.program-h {
letter-spacing: 2px;
font-size: 35px;
line-height: 35px;
}
.white-content-h.program-h.five14-serves-header {
width: 98%;
}
.white-content-h.program-h.five14-serves-form-header {
line-height: 40px;
}
.white-content-h.purple {
letter-spacing: 4px;
font-size: 31px;
}
.white-content-h.smaller-giving-title {
letter-spacing: 9px;
padding-left: 7px;
padding-right: 7px;
font-size: 28px;
line-height: 35px;
}
.white-content-copy.what-to-expect {
padding-bottom: 0;
}
.image-headline-section.campus-crusade-header {
background-color: #282560;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/59a427540d450e0001815f32_Five14ServesSlide3.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
}
.image-headline-section.the-roosevelt-header {
background-color: #282560;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/59a42755a5e6ae000178d7e0_Five14ServesSlide1.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
}
.image-headline-section.stowe-mission-header {
background-color: #282560;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/59a42755b4ef790001d77ac1_Five14ServesSlide2.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
}
.image-headline-section.project-117-header {
background-color: #282560;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5a78b0cd016981000155d4bf_Five14ServesPartners-One17.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
}
.image-headline-section.vertical196-header {
background-color: #282560;
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5d3fa493bb75e872600f7512_VerticalServes1920x1080.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
}
.image-headline-h {
font-size: 60px;
line-height: 60px;
}
.watch-current-left {
padding-top: 25px;
padding-left: 25px;
padding-right: 25px;
}
.watch-current-right {
padding-bottom: 25px;
padding-left: 25px;
padding-right: 25px;
}
.watch-subscribe, .watch-live {
min-height: 0;
}
.watch-current-content {
margin-bottom: 0;
}
.watch-archive {
padding-bottom: 25px;
}
.archive-item {
width: 50%;
}
.talk-detail-section {
padding: 25px;
}
.talk-series {
margin-top: 25px;
}
.talk-title {
display: inline;
}
.talk-hero {
min-height: 0;
}
.watch-current-section {
position: static;
overflow: visible;
}
.watch-series-info {
padding: 25px;
}
.series-info-left, .talk-detail-left {
padding-left: 0;
padding-right: 0;
}
.who-we-are-h3.our-team {
font-size: 22px;
}
.event-type-selector-section-white {
padding: 20px 10px 0;
}
.event-type-selector-section-white.kids2.full-height-section {
height: 400px;
}
.event-type-link-block {
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 30px;
line-height: 30px;
}
.upcoming-events-section {
padding: 75px 0 0;
}
.upcoming-event {
margin: 20px;
}
.service-times-h {
margin-bottom: 25px;
}
.program-current-h {
padding-right: 118px;
}
.contact-form {
width: 97%;
}
.give-online-section.app {
padding-top: 0;
padding-bottom: 0;
}
.give-more-limit {
margin-bottom: 39px;
}
.group-description.next-step-paragraph {
padding-bottom: 0;
padding-left: 30px;
padding-right: 30px;
}
.group-description.beyond-sunday-paragraph {
padding-left: 30px;
padding-right: 30px;
}
.group-description.single-short-term {
width: 60%;
}
.orange-content-section {
padding-left: 20px;
padding-right: 20px;
}
.tip-number {
width: 60px;
height: 60px;
line-height: 40px;
}
.tip-number.next {
margin-left: 10px;
}
.verse {
font-size: 26px;
line-height: 34px;
}
.five14-sound-logo {
padding-top: 15px;
}
.five14-sound-music-button-link {
width: 50%;
}
.regular-section {
display: block;
position: relative;
overflow: hidden;
}
.regular-section.full-width.full-row-1 {
background-image: none;
border-top: 0 #fff;
border-bottom: 0 #fff;
}
.home-content-box.dandee-home {
background-size: cover;
height: 50%;
display: block;
overflow: visible;
}
.home-content-box.light-up-the-night-home {
border-bottom: 1px #000;
height: 50%;
}
.home-content-box.summer-at-514-home, .home-content-box.become-five14, .home-content-box.wecant, .home-content-box.five14-sound-box, .home-content-box.meet-five14-block {
height: 50%;
}
.home-content-box.previous-series {
height: auto;
}
.home-content-box.meet-five14-block {
height: auto;
margin-top: 20px;
margin-bottom: 20px;
}
.home-content-box.church-update {
background-color: #28245f;
background-size: 80%;
height: 50%;
}
.home-content-row.current-events-home {
height: 690px;
margin-top: 0;
display: none;
position: static;
}
.home-content-row.current-events-home-2 {
height: 690px;
position: static;
}
.home-content-row.current-events-home-3 {
flex-wrap: wrap;
height: 690px;
margin-left: 0;
margin-right: 0;
}
.home-content-row.current-events-series-and-become {
flex-wrap: wrap;
height: 100%;
}
.social-home {
margin-top: 0;
font-size: 18px;
}
.white-button-container-bottom.thank-you {
bottom: 20px;
}
.image-center-contain.align-center.christmas-rhyme-fg {
max-width: 85%;
}
.five14-album-announcement {
margin-left: auto;
margin-right: auto;
padding-top: 35px;
padding-bottom: 35px;
display: block;
}
.five14-sound-music-block {
height: 250px;
}
.music-link-div {
top: 44%;
}
.become-five14-text-block {
text-align: center;
flex: 0 auto;
margin-top: 30px;
margin-bottom: 22px;
font-size: 26px;
position: static;
bottom: 13%;
overflow: visible;
}
.winter-storm-column {
height: 50%;
display: flex;
overflow: visible;
}
.christmas-rhyme-column {
height: 50%;
}
.christmas-details.service-time {
line-height: 23px;
}
.christmas-details.details {
width: 95%;
}
.five14-kids-nav-container {
bottom: 30%;
}
.five14-kids-nav-container.watch {
padding-bottom: 20px;
display: block;
position: relative;
bottom: 4%;
}
.five14-kids-seperator {
background-image: none;
background-position: 0 0;
background-size: auto;
background-attachment: scroll;
}
.supervision-foreground {
max-width: 98%;
max-height: 90%;
padding-left: 0;
padding-right: 0;
bottom: 0%;
left: 0;
right: 0;
}
.christmas-rhyme-video-div {
width: 98%;
}
.half-column-foreground.become-column-fg {
width: 51%;
max-width: 60%;
padding-bottom: 22px;
top: 0;
}
.half-column-foreground.become-column-fg.become {
width: 70%;
max-width: 70%;
max-height: 60%;
padding-top: 10px;
padding-bottom: 20px;
left: 0;
right: 0;
}
.half-column-foreground.become-column-fg.meet {
width: 50%;
max-width: 70%;
max-height: 60%;
padding-bottom: 30px;
top: -12%;
left: 0;
right: 0;
}
.sticky-alert {
height: 64px;
}
.dark-hover-div {
display: flex;
}
.dark-hover-button.ios {
width: 40%;
margin-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.dark-hover-button.android {
float: none;
clear: none;
width: 40%;
margin-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.footer-text-link {
margin-left: auto;
margin-right: auto;
display: block;
}
.first-sunday-heading {
font-size: 16px;
}
.down-arrow {
display: inline-block;
bottom: -40px;
}
.meet-five14-text-column {
padding-right: 20px;
}
.meet-five14-row {
flex-wrap: nowrap;
}
.main-graphic-text.welcome {
padding-bottom: 20px;
line-height: 1;
}
.main-graphic-text.five14-church {
font-size: 7.2em;
line-height: 1;
}
.main-graphic-text.five14-church.pink {
padding-right: 0;
}
.main-graphic-text.five14-church.pink.hero-div-title {
margin-left: -5px;
line-height: 50px;
}
.main-graphic-text.five14-church.hero-div-title {
font-size: 4em;
line-height: 50px;
}
.main-graphic-text.service-times {
line-height: 1;
}
.main-graphic-text.service-times.hero-div-times {
margin-top: 38px;
font-size: 12px;
}
.main-graphic-text.service-times.hero-div-times2 {
font-size: 12px;
}
.main-graphic-text.service-times.hero-div-subtitle {
margin-top: 32px;
font-size: 20px;
}
.center-content-in-div.live-stream-welcome {
bottom: 3%;
}
.meetfive14-paragraph {
color: #fff;
font-size: 16px;
line-height: 1;
}
.paragraph.five14kids-about {
margin-left: 30px;
margin-right: 30px;
padding-top: 40px;
padding-bottom: 40px;
font-size: 16px;
line-height: 23px;
}
.groups-heading {
font-size: 61px;
}
.groups-column {
padding-bottom: 71px;
}
.generic-small-group-image-holder {
width: 80%;
}
.row-7 {
height: 690px;
}
.column {
height: 50%;
}
.column-2 {
border-bottom: 0 #000;
justify-content: flex-start;
height: 50%;
display: flex;
}
.app-highlight {
display: block;
}
.app-highlight-graphic {
width: 100%;
display: none;
position: relative;
}
.div-block-2 {
text-align: center;
margin-left: auto;
margin-right: auto;
display: block;
}
.series-description {
width: 90%;
}
.five14-serves-nav {
display: block;
position: static;
}
.white-section.get-involved {
display: block;
}
.white-section.dadcamp-header-div {
text-align: left;
flex-direction: column;
align-items: center;
padding-top: 50px;
padding-bottom: 40px;
display: flex;
}
.content-copy.dark {
width: 96%;
margin-left: auto;
margin-right: auto;
display: block;
}
.content-copy.light {
width: 90%;
}
.bebas-section-h, .bebas-section-h.campus-crusade-h, .bebas-section-h.the-roosevelt-h, .bebas-section-h.stowe-mission-h {
font-size: 60px;
display: none;
}
.text-block-2, .text-block-3, .text-block-4 {
height: 20px;
line-height: 20px;
}
.form-block {
max-width: 90%;
}
.textarea {
max-width: 100%;
}
.section-3 {
float: none;
clear: none;
background-color: #df214e;
display: block;
position: relative;
overflow: visible;
}
.row-9 {
flex-wrap: wrap;
}
.christmas-form {
width: 95%;
}
.div-block-6 {
top: 75%;
}
.image-4 {
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
}
.generic-small-group-image {
width: 80%;
}
.all-in-graphic {
height: 1550px;
}
.section-4 {
height: 690px;
}
.image-5 {
width: 110%;
}
.image-6 {
height: auto;
}
.div-block-11 {
margin-top: 10px;
}
.image-7 {
width: 43%;
}
.div-block-12 {
max-height: 90%;
}
.hero-div-title.welcome {
padding-bottom: 15px;
font-size: 15px;
line-height: 1;
}
.hero-div-title.five14-church {
font-size: 7.2em;
line-height: 1;
}
.hero-div-title.five14-church.pink {
padding-right: 0;
}
.home-section-1 {
height: auto;
padding-top: 30px;
padding-bottom: 30px;
}
.section-paragraph.dark {
padding-top: 30px;
padding-bottom: 30px;
font-size: 11px;
line-height: 22px;
}
.section-paragraph.right-align {
padding-top: 30px;
padding-bottom: 30px;
font-size: 11px;
line-height: 16px;
}
.section-paragraph.right-align.grey {
line-height: 22px;
}
.section-paragraph.left-align {
padding-top: 30px;
padding-bottom: 30px;
font-size: 11px;
line-height: 22px;
}
.home-section-2 {
height: auto;
padding-top: 30px;
padding-bottom: 30px;
}
.home-section-3 {
height: auto;
padding-top: 30px;
padding-bottom: 30px;
display: block;
}
.section-sub-heading.right-align {
width: 80%;
margin-bottom: 10px;
}
.home-section-4 {
height: auto;
padding-top: 30px;
padding-bottom: 30px;
}
.home-section-5 {
height: auto;
padding-bottom: 80px;
}
.home-section-6 {
padding-top: 30px;
padding-bottom: 30px;
}
.grey-outline-button {
border-radius: 0;
padding-top: 7px;
padding-bottom: 7px;
font-size: 14px;
line-height: 18px;
}
.grey-outline-button.space-after-button.get-directions {
margin-right: 0;
}
.grey-outline-button.bigger.gold {
margin-left: 5px;
margin-right: 5px;
}
.grey-outline-button.live-bug-button {
display: inline-block;
}
.grey-outline-button.live-bug-button.desktop-version {
display: none;
}
.grey-outline-button.live-bug-button.mobile-version {
display: inline-block;
}
.grey-outline-button.forgot {
margin-left: 0;
}
.grey-outline-button.dark.groups-register {
display: block;
position: static;
}
.grey-outline-button.section-button {
margin-left: 10px;
margin-right: 10px;
padding-left: 16px;
padding-right: 14px;
font-size: 10px;
}
.grey-outline-button.section-button-left {
margin-right: 10px;
padding-left: 16px;
padding-right: 14px;
font-size: 10px;
}
.grey-outline-button.section-button-right-align {
margin-left: 10px;
padding-left: 16px;
padding-right: 14px;
font-size: 10px;
}
.latest-message-div {
padding-top: 0;
}
.serve-cbus-nav-links {
padding-right: 40px;
}
.serves-project.header-text.white-block {
display: none;
}
.serves-project.collection-text {
text-align: center;
width: 48px;
margin-left: auto;
margin-right: auto;
font-size: 12px;
display: block;
}
.serves-project.collection-text.time {
font-size: 13px;
display: block;
}
.serves-project.collection-text.project {
text-align: center;
width: 88px;
font-size: 13px;
display: block;
}
.serves-project.collection-text.type {
text-align: center;
width: 116px;
font-size: 13px;
display: inline-block;
}
.serves-project.collection-text.age, .serves-project.collection-text.spots {
font-size: 13px;
}
.text-block-12 {
font-size: 11px;
}
.serves-project-body {
width: 100%;
}
.serve-cbus-info-button {
padding-left: 0;
}
.serve-cbus.section-header {
font-size: 50px;
line-height: 50px;
}
.serve-cbus.section-header.blue {
border: 0 #0d1294;
border-bottom: 2px solid #fcff3a;
margin-left: 40px;
margin-right: 40px;
padding-bottom: 6px;
}
.serve-cbus.section-header.maroon {
font-size: 50px;
line-height: 50px;
}
.serve-cbus.section-header.opportunities {
font-size: 30px;
line-height: 30px;
}
.serve-cbus.day-heading {
margin-left: 5px;
margin-right: 5px;
font-size: 21px;
line-height: 21px;
}
.serve-cbus.details-div {
margin-top: 7px;
margin-bottom: 7px;
}
.serve-cbus.details-info {
padding-left: 8px;
padding-right: 10px;
font-size: 15px;
display: flex;
}
.serve-cbus.details-info.month {
font-size: 15px;
line-height: 40px;
}
.serve-cbus.details-info.day {
padding-right: 8px;
font-size: 15px;
line-height: 40px;
}
.serve-cbus.details-info.seperator {
font-size: 15px;
line-height: 40px;
}
.serve-cbus.details-info.location {
float: right;
clear: none;
line-height: 40px;
display: flex;
}
.serve-cbus.details-info.time {
font-size: 15px;
}
.serve-cbus.details-info.date {
display: none;
}
.serve-cbus.info-descriptor {
padding-left: 10px;
padding-right: 11px;
font-size: 14px;
}
.text-block-13, .text-block-14 {
margin-left: 20px;
}
.div-block-16 {
width: 100%;
}
.image-10 {
width: 70%;
margin-left: auto;
margin-right: auto;
display: block;
}
.heading-3 {
margin-bottom: 50px;
position: static;
}
.serve-cbus-down-arrow {
display: inline-block;
position: static;
bottom: -50px;
}
.text-block-15 {
margin-bottom: 30px;
position: static;
}
.section-6 {
padding-left: 10px;
padding-right: 10px;
}
.column-7 {
text-align: left;
position: static;
}
.serve-cbus-info-row {
padding-left: 1px;
padding-right: 1px;
}
.column-11 {
padding-left: 5px;
padding-right: 5px;
}
.column-12, .column-13, .column-15, .column-16, .column-17 {
padding-left: 0;
padding-right: 0;
}
.column-18 {
text-align: center;
flex: 0 auto;
padding-left: 0;
padding-right: 0;
}
.column-19, .column-20, .column-21, .column-22 {
padding-left: 0;
padding-right: 0;
}
.serve-cbus-collection-list {
margin-left: 5px;
margin-right: 5px;
}
.serve-cbus-collection-item {
border-style: none;
}
.meet-five14-section {
display: block;
position: relative;
overflow: hidden;
}
.meet-five14-section.full-width.full-row-1 {
background-image: none;
border-top: 0 #fff;
border-bottom: 0 #fff;
}
.become-five14-section {
display: block;
position: relative;
overflow: hidden;
}
.become-five14-section.full-width.full-row-1 {
background-image: none;
border-top: 0 #fff;
border-bottom: 0 #fff;
}
._2-split-button-section {
display: block;
position: relative;
overflow: hidden;
}
._2-split-button-section.full-width.full-row-1 {
background-image: none;
border-top: 0 #fff;
border-bottom: 0 #fff;
}
._2-split-with-series-section {
display: block;
position: relative;
overflow: hidden;
}
._2-split-with-series-section.full-width.full-row-1 {
background-image: none;
border-top: 0 #fff;
border-bottom: 0 #fff;
}
.series-content-box.dandee-home {
background-size: cover;
height: 50%;
display: block;
overflow: visible;
}
.series-content-box.light-up-the-night-home {
border-bottom: 1px #000;
height: 50%;
}
.series-content-box.summer-at-514-home, .series-content-box.become-five14, .series-content-box.wecant, .series-content-box.five14-sound-box, .series-content-box.meet-five14-block, .series-content-box.previous-series {
height: 50%;
}
.series-content-box.meet-five14-block {
height: auto;
margin-top: 20px;
margin-bottom: 20px;
}
.series-content-box.church-update {
height: 410px;
}
.full-width-section {
display: block;
position: relative;
overflow: hidden;
}
.full-width-section.full-width.full-row-1 {
background-image: none;
border-top: 0 #fff;
border-bottom: 0 #fff;
}
.div-bar-grey._360 {
width: 160px;
}
.div-float-left {
float: left;
text-align: left;
}
.header-font-non-stroked-h2 {
font-size: 45px;
line-height: 100px;
}
.div-bar-white-vertical {
height: 40px;
}
.whats-happening-collection {
margin-left: 1px;
}
.whats-happening-collection-wrapper {
width: 90%;
}
.container-14 {
margin-top: 10px;
}
.collection-list-6 {
width: 80%;
}
.collection-list-wrapper-2 {
padding-top: 30px;
padding-bottom: 0;
}
.main-menu-item {
margin-left: auto;
margin-right: auto;
display: block;
}
.new-nav-logo-link {
padding-left: 0;
}
.text-block-18 {
margin-top: 60px;
}
.new-footer {
padding-top: 30px;
padding-bottom: 20px;
}
.new-footer-text-link {
margin-left: auto;
margin-right: auto;
padding-left: 7px;
padding-right: 7px;
display: inline-block;
}
.new-footer-links-div {
margin-bottom: 40px;
}
.new-footer-social-links-div {
flex-direction: column;
margin-top: 35px;
margin-bottom: 35px;
}
.new-social-icon {
margin-top: 0;
font-size: 18px;
}
.footer-social-icons-div {
margin-top: 20px;
}
.social-icon-seperator {
width: 50%;
}
.html-stroked-font-h3 {
margin-bottom: 10px;
}
.container-15 {
margin-top: 10px;
}
.text-block-19 {
margin-top: 60px;
}
.szns-banner-text {
font-size: 10px;
display: block;
}
.new-nav-logo-link-test {
padding-left: 0;
}
.szns-hero-section {
height: auto;
padding-bottom: 50px;
}
.columns-szns-main {
flex-wrap: wrap;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
display: block;
}
.szns-description-text.joel {
margin-bottom: 24px;
}
.column-23, .column-24 {
padding-top: 20px;
padding-bottom: 30px;
}
.szns-heading-div {
margin-top: 60px;
}
.szns-invite-graphic {
width: 70%;
}
.szns-invite-text-block {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.szns-invite-text-block.learn {
width: 80%;
}
.szns-section-3-resources {
padding-bottom: 60px;
}
.column-25 {
padding-top: 20px;
padding-bottom: 30px;
}
.christmas2018-hero-section {
height: auto;
}
.navbar-space {
position: relative;
}
.down-arrow-christmas {
display: inline-block;
bottom: -40px;
}
.image-12 {
margin-top: 0;
}
.christmas2018-description-text.top {
text-align: left;
width: 90%;
margin-left: 0;
margin-right: 0;
}
.christmas2018-description-text.joel {
margin-bottom: 24px;
}
.christmas2018-description-text.middle {
width: 90%;
}
.christmas2018-invite-text-block {
margin-left: 20px;
}
.christmas2018-heading-div {
text-align: center;
width: 90%;
margin-top: 60px;
margin-left: 20px;
margin-right: auto;
display: block;
}
.christmas2018-section-2 {
justify-content: center;
display: flex;
}
.christmas2018-section-3 {
padding-top: 15px;
padding-bottom: 60px;
}
.christmas2018-stroked-div {
clear: none;
flex: 0 auto;
padding-top: 20px;
}
.christmas2018-heading.sub {
float: left;
text-align: left;
width: 100%;
margin-bottom: 64px;
margin-left: 0;
margin-right: auto;
line-height: 1;
display: block;
}
.christmas2018-heading.center-sub {
font-size: 60px;
}
.vertical-hero {
width: 100%;
margin-top: 0;
}
.horizonal-hero {
margin-top: 0;
}
.div-middle {
bottom: 20px;
}
.div-middle.easter {
bottom: 15px;
}
.christmas-video-description-text {
height: 20px;
}
.christmas-video-description-text.joel, .christmas-description-link.joel {
margin-bottom: 24px;
}
.szns-video-column-invite {
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
}
.church-announce {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 57px;
}
.column-24b, .column-23b {
padding-top: 20px;
padding-bottom: 30px;
}
.columns-szns-b {
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
display: none;
}
.image-20 {
width: 90%;
}
.heading-5, .text-block-20, .text-block-21 {
width: 96%;
margin-left: auto;
margin-right: auto;
display: block;
}
.text-block-22 {
width: 96%;
}
.text-block-23, .text-block-24 {
width: 96%;
margin-left: auto;
margin-right: auto;
display: block;
}
.full-section-graphic.serve {
margin-bottom: 100px;
padding-top: 60px;
position: static;
}
.easter-at-five14-times-div {
bottom: 3%;
}
.easter-at-five14-times {
letter-spacing: .3em;
font-size: 13px;
line-height: 15px;
}
.heading-6 {
padding-top: 40px;
}
.columns-szns-a {
flex-wrap: wrap;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
.blurb-2 {
margin-left: 10px;
margin-right: 10px;
}
.announcement-foreground-graphic {
align-self: center;
width: 60%;
margin-top: 60px;
}
.button-div {
float: left;
text-align: left;
}
.button-div.spacing {
text-align: center;
}
.grid-div.hsn-contact-grid {
flex-direction: column;
width: 900px;
max-width: 70%;
display: flex;
}
.groups-tile-location {
font-size: 27px;
}
.five14-hsn-link-button-div {
position: absolute;
inset: auto 0% 7%;
}
.groups-day-div {
max-width: 98%;
}
.video-section-3 {
display: none;
}
.connect-with-staff-div-2 {
margin-top: 33px;
}
.columns {
flex-wrap: wrap;
}
.five14-serves-hero-section {
height: auto;
padding-top: 37px;
padding-bottom: 37px;
}
.five14-serves-logo {
width: 50%;
margin-bottom: 59px;
}
.five14-serves-partner-link {
margin: 15px;
}
.div-block-29 {
flex-wrap: wrap;
align-content: center;
}
.five14-serves-home-div {
margin-top: 50px;
}
.five14-serves-home-text {
max-width: 88%;
margin-bottom: 0;
}
.five14-serves-home-logo {
margin-bottom: 38px;
}
.five14-serves-home-button {
bottom: 20px;
}
.five14-serves-home-button.easter {
bottom: 15px;
}
.full-width-section-reveal {
display: block;
position: relative;
overflow: hidden;
}
.full-width-section-reveal.full-width.full-row-1 {
background-image: none;
border-top: 0 #fff;
border-bottom: 0 #fff;
}
.image-25 {
order: -1;
align-self: center;
max-width: 50%;
margin-bottom: 32px;
}
.div-block-30 {
position: static;
inset: auto 0% 0%;
}
.div-block-31 {
width: 90%;
}
.what-s-happening-graphic {
margin-bottom: 20px;
}
.image-36 {
display: none;
}
.half-section {
flex-direction: column-reverse;
height: auto;
padding-top: 55px;
}
.div-block-35 {
width: auto;
margin-bottom: 45px;
padding-top: 46px;
padding-right: 10px;
}
.div-block-36 {
text-align: center;
align-self: center;
height: 340px;
}
.div-block-37 {
text-align: center;
flex-direction: column;
align-self: center;
align-items: center;
width: 96%;
height: auto;
}
.the-rest-podcast-buttons {
bottom: 20px;
}
.the-rest-podcast-buttons.easter {
bottom: 15px;
}
.grand-opening-mobile {
letter-spacing: 12px;
margin-bottom: 6px;
font-size: 6vw;
line-height: 2vh;
}
.div-block-39 {
top: 96px;
}
.opening-address {
letter-spacing: 4px;
margin-left: auto;
margin-right: 3px;
}
.opening-time {
letter-spacing: 6px;
margin-left: 2px;
font-size: 9px;
line-height: 8px;
}
.opening-see-you-text {
letter-spacing: 6px;
font-size: 3vw;
line-height: 2vh;
}
.opening-see-you-text.desktop {
margin-bottom: 9px;
font-size: 16px;
line-height: 15px;
}
.opening-date {
letter-spacing: 8px;
margin-bottom: 7px;
margin-left: 2px;
font-size: 12px;
line-height: 10px;
}
.image-40 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.image-41 {
display: none;
}
.grand-opening-desktop {
letter-spacing: 12px;
margin-bottom: 12px;
font-size: 6vw;
line-height: 36px;
}
.link-16 {
font-size: 10px;
line-height: 9px;
}
.announce-banner-text {
max-width: 90%;
font-size: 15px;
}
.announce-banner-link {
align-items: center;
}
.main-menu-item-v2 {
margin-left: auto;
margin-right: auto;
display: block;
}
.nav-menu-v2 {
display: none;
}
.navbar-v2 {
position: static;
}
.h1-heading.bars.streaming-live, .h1-heading.bars.streaming-live-copy {
width: 450px;
}
.h1-heading.open-now {
font-size: 36px;
line-height: 36px;
}
.text-block-48.small {
width: 80%;
}
.text-block-48.small.white.left-align {
width: 100%;
}
.text-block-48.covid-relief-text {
width: 90%;
}
.arrow-link-div.streaming.left-align {
padding-top: 14px;
padding-right: 0;
}
.section-1a {
height: auto;
}
.h2-heading.easter {
font-size: 34px;
line-height: 52px;
}
.button-v2.black {
margin-bottom: 62px;
}
.button-v2.black.reserve, .button-v2.clear-on-black.reserve, .button-v2.clear-on-white.reserve, .button-v2.off-black.reserve, .button-v2.black-and-red.reserve {
margin-left: 0;
}
.section-4a {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-flow: column;
}
.section-5a {
grid-template-columns: 1fr;
height: auto;
}
.ministries-tile-div {
height: 200px;
}
.footer-v2 {
height: auto;
padding-left: 30px;
padding-right: 30px;
}
.footer-div {
grid-template-columns: 1fr;
justify-items: center;
margin-bottom: 50px;
}
.footer-div-group {
width: 70%;
}
.hero-2-column {
height: auto;
}
.hero-column._10am-online {
height: 360px;
}
.hero-column.live-at-5 {
height: 350px;
}
.image-43 {
bottom: -46%;
}
.image-46 {
width: 300px;
}
.text-block-56 {
font-size: 19px;
}
.text-block-56.desktop {
font-size: 1.2em;
}
.div-block-48 {
margin-bottom: 0;
padding-top: 42px;
}
.div-block-39-copy {
top: 96px;
}
.kids-online-section-1 {
width: 100%;
}
.div-block-49 {
grid-template-columns: 1fr;
}
.five14kids-tile-div.the-city {
margin-top: 80px;
}
.five14kids-info-div.blue, .five14kids-info-div.purple {
flex: none;
}
.five14kids-button {
position: static;
}
.main-nav-background-v2 {
position: sticky;
}
.heading-13 {
font-size: 34px;
}
.hero-section-c {
margin-top: 0;
margin-bottom: 16px;
}
.section-d {
grid-template-columns: 1fr;
}
.div-block-53 {
bottom: 0;
}
.section-a2 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.online-experience-div {
padding: 20px;
}
.online-experience-div.five14-kids-desktop, .online-experience-div.five14-kids-mobile {
padding-top: 0;
}
.standard-header-section, .standard-section.current-message, .standard-section.series-messages, .standard-section.let-there-be-love-share, .standard-section-white {
width: 100%;
}
.series-collection-list {
padding-left: 10px;
padding-right: 10px;
}
.series-collection-item {
padding: 10px;
}
.series-collection-list-tiles {
grid-template-columns: 1fr 1fr;
}
.series-collection-list-tiles.current-series {
align-items: start;
}
.kids-online-section-2 {
width: 100%;
}
.faq-img {
min-width: 50px;
min-height: 40px;
}
.section-a1 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hero-section-banner {
height: 100px;
}
.image-55 {
margin-right: 13px;
}
.div-block-67 {
max-width: 99%;
}
.text-block-69 {
margin-right: 6px;
font-size: 14px;
line-height: 17px;
}
.section-a3 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.announcement-div {
padding: 20px 20px 0;
}
.groups-tile-location-v2 {
font-size: 27px;
}
.groups-day-div-v2 {
max-width: 98%;
}
.footer-v2-fixed {
height: auto;
padding-left: 30px;
padding-right: 30px;
position: static;
}
.section-23 {
display: none;
}
.ministries-tile-div-2 {
height: 200px;
}
.grid-4 {
flex-direction: column;
display: flex;
}
.standard-section-black {
width: 100%;
}
.grid-5 {
flex-direction: column;
display: flex;
}
.div-block-72 {
padding-top: 28px;
padding-bottom: 28px;
}
.div-block-73 {
padding-top: 20px;
padding-bottom: 20px;
}
.image-57 {
width: 45%;
}
.section-24 {
padding-top: 60px;
padding-bottom: 40px;
}
.image-58 {
width: 300px;
}
.hero-section-d {
height: 300px;
}
.paragraph-6 {
max-width: 90%;
}
.image-65 {
display: none;
}
.navbar-v2-full-vh {
position: static;
}
.section-26 {
width: 100%;
margin-top: -1px;
}
.text-block-74 {
width: 96%;
max-width: none;
}
.grid-6 {
grid-template-columns: 1fr 1fr;
}
.full-vh-section-grid {
grid-template-columns: 1fr;
height: auto;
}
.full-height-div.good-friday, .full-height-div.easter {
height: 400px;
}
.section-a4 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.online-experience-banner-div {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.online-experience-banner-div.five14-kids-desktop, .online-experience-banner-div.five14-kids-mobile {
padding-top: 0;
}
.dadcamp-logo {
width: 80%;
margin-bottom: 59px;
padding: 40px 0 0;
}
.dadcamp-hero-section {
height: auto;
padding: 37px 10px;
}
.heading-24 {
width: 98%;
}
.dadcamp-copy {
width: 90%;
}
.dadcamp-copy.lowercase.white {
margin-left: 15px;
margin-right: 15px;
}
.dadcamp-more-info-section {
padding-top: 50px;
}
.container-16 {
flex-direction: column;
align-items: center;
margin-bottom: 0;
display: flex;
}
.container-17 {
flex-direction: column;
align-items: center;
display: flex;
}
.dadcamp-details-section {
padding: 45px 30px;
}
.dadcamp-video-div {
margin-bottom: 20px;
}
.section-4a2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-flow: column;
}
.arrow-link-div-copy.streaming.left-align {
padding-top: 14px;
padding-left: 11px;
padding-right: 0;
}
.button-v2-copy.black.reserve, .button-v2-copy.clear-on-black.reserve, .button-v2-copy.clear-on-white.reserve, .button-v2-copy.off-black.reserve, .button-v2-copy.black-and-red.reserve {
margin-left: 0;
}
.button-v2-copy.black-copy {
margin-bottom: 0;
}
.button-v2-copy.black-copy.reserve {
margin-left: 0;
}
.button-v2-copy.black-modal {
margin-bottom: 0;
}
.button-v2-copy.black-modal.reserve {
margin-left: 0;
}
.button-v2-copy.black.reserve, .button-v2-copy.clear-on-black.reserve, .button-v2-copy.clear-on-white.reserve, .button-v2-copy.off-black.reserve, .button-v2-copy.black-and-red.reserve {
margin-left: 0;
}
.button-v2-copy.black {
margin-bottom: 62px;
}
.button-v2-copy.black.reserve, .button-v2-copy.clear-on-black.reserve, .button-v2-copy.clear-on-white.reserve, .button-v2-copy.off-black.reserve, .button-v2-copy.black-and-red.reserve {
margin-left: 0;
}
.section-4a-copy {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-flow: column;
}
.event-type-selector-section-white-copy {
padding: 20px 10px 0;
}
.event-type-selector-section-white-copy.kids2.full-height-section {
height: 400px;
}
.kids-online-section-info {
width: 100%;
}
.easter23-hero {
height: 600px;
}
.div-block-86 {
order: 1;
align-self: center;
margin-right: 4px;
}
.div-block-92, .heading-27, .text-block-81, .text-block-82.space, .text-block-82.amug {
width: 100%;
}
.text-block-83 {
width: 90%;
}
.div-block-96 {
margin-bottom: 60px;
}
.text-block-84 {
font-size: 26px;
}
.div-block-97 {
left: 20px;
}
.div-block-98 {
right: 20px;
}
.heading-28 {
font-size: 50px;
line-height: 70px;
}
.div-block-100 {
top: 41%;
}
.text-block-84-copy {
font-size: 15px;
}
.heading-28-copy {
font-size: 39px;
line-height: 44px;
}
.section-a5 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.div-block-109 {
width: 100%;
}
.text-block-85 {
width: 90%;
line-height: 72px;
}
.div-block-97-copy {
left: 20px;
}
.div-block-98-copy {
right: 20px;
}
.div-block-85-copy {
margin-bottom: 45px;
}
.text-block-84b, .text-block-84c {
font-size: 26px;
}
.serve-cbus-hero-div {
margin-top: 40px;
margin-bottom: 40px;
}
.serve-cbus-hero-title {
max-width: 60%;
}
.serve-cbus-hero-text {
font-size: 15px;
line-height: 23px;
}
.serve-cbus-hero-text.home {
margin-top: 2px;
margin-bottom: 2px;
font-size: 18px;
line-height: 18px;
}
.empty-state-3 {
margin-left: 5px;
margin-right: 5px;
}
.ongoing-drive-graphics-div {
max-width: 90%;
margin-bottom: 60px;
}
.div-block-112 {
grid-template-columns: 1fr;
}
.ongoing-drive-graphic-div {
margin-bottom: 34px;
}
.text-block-86 {
margin-bottom: 50px;
}
.div-block-113 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-115, .div-block-117, .div-block-119, .div-block-115-copy {
max-width: 90%;
}
.we-could-hero-section {
height: 1000px;
}
.we-could-section.series {
padding-left: 20px;
padding-right: 20px;
}
.we-could-section-title.testimony {
margin-bottom: 34px;
}
.we-could-h2 {
text-align: left;
}
.we-could-series-video-div {
width: 100%;
margin-left: 5px;
}
.we-could-series-info {
width: 100%;
}
.we-could-series-title {
font-size: 25px;
}
.we-could-series-description {
font-size: 19px;
line-height: 20px;
}
.we-could-middle-align-div {
width: 73%;
}
.we-could-middle-align-div.testimony {
width: 90%;
}
.we-could-middle-align-div.about {
width: 97%;
}
.we-could-commitment-button-div {
flex-direction: column;
display: flex;
}
.christmas23-hero-section {
height: 879px;
}
.christmas23-angel {
width: 3.2em;
height: 3.2em;
}
.christmas23-christmas {
margin-bottom: 13px;
}
.text-block-90.points {
font-size: 29px;
line-height: 40px;
}
.christmas23-hero-button-div {
flex-direction: column;
align-items: stretch;
width: 80%;
left: auto;
right: auto;
}
.christmas23-button {
margin-top: 10px;
}
.christmas24-service-times {
font-size: 1.3em;
line-height: 22px;
}
.hero-section-d-christmas {
height: 470px;
}
.christmas23-christmas-home {
height: 46px;
margin-bottom: 13px;
margin-right: 0;
}
.christmas23-hero-button-div-home {
flex-direction: column;
align-items: stretch;
width: 80%;
left: auto;
right: auto;
}
.christmas23-service-times-home {
font-size: 1.1em;
line-height: 20px;
}
.christmas23-angel-div-home {
margin-bottom: 36px;
}
.christmas23-five14-home {
height: 38px;
}
.christmas23-heading-home {
flex-direction: column;
margin-bottom: 36px;
}
.easter24-hero {
height: 829px;
}
.easter24-hero-dates-div {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
place-content: center;
}
.easter24-h3.join {
margin-bottom: 9px;
}
.easter24-h1.easter {
font-size: 72px;
line-height: 41px;
}
.easter24-h1.at {
font-size: 65px;
line-height: 45px;
}
.easter24-h2.new {
margin-top: 14px;
font-size: 41px;
line-height: 55px;
}
.easter24-palm-sunday-div {
justify-items: center;
}
.easter24-white-box-div.invite-star {
display: none;
}
.easter24-white-box-div.families {
padding-left: 17px;
padding-right: 17px;
}
.easter24-white-box-div.new-black {
padding-top: 20px;
}
.easter24-invite-div2 {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.easter24-families-title-div.new {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.easter24-h3-v2.new {
font-size: 30px;
line-height: 43px;
}
.easter24-h3-v2.families {
text-align: center;
}
.easter24-questions-content-div {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
width: 90%;
}
.image-92 {
margin-top: 0;
margin-right: 10px;
}
.easter24-invite-content-div {
max-width: 70%;
}
.div-block-145 {
flex-flow: row;
}
.easter-button-link-div {
right: 3%;
}
.section-32 {
height: auto;
padding-top: 56px;
padding-bottom: 56px;
}
.easter-playlist-div-container {
margin-top: 0;
}
.the-beginning-hero-section {
height: 100vh;
min-height: 800px;
}
.the-beginning-title-image {
width: 80%;
min-width: 0;
margin-right: 20px;
}
.div-block-148 {
max-width: 98%;
}
.the-beginning-register-div {
max-width: 90%;
}
.form-block-6 {
width: 80%;
}
.heading-36 {
text-align: center;
font-size: 24px;
line-height: 28px;
}
.text-block-97 {
width: 80%;
}
.serve-cbus-title.home {
font-size: 63px;
line-height: 56px;
}
.serve-tan-block, .serve-green-block, .serve-mauve-block {
width: 10px;
height: 43px;
}
.image-94.serve-cbus-ease-in {
width: .4em;
}
.serve-cbus-home-div {
margin-bottom: 30px;
}
.serve-heart {
width: 73px;
}
.serve-heart.serve-cbus-ease-in {
width: .4em;
}
.serve-cbus-home-dates-div {
flex-flow: column;
width: 300px;
}
.rooted-year, .rooted-blurb, .rooted-blurb-heading, .rooted-sub-blurb {
max-width: 90%;
}
.div-block-77c {
grid-column-gap: 22px;
grid-row-gap: 22px;
}
.christmas24-title {
font-size: 2.2em;
line-height: 20px;
}
.christmas24-times-div {
bottom: 246px;
}
.christmas24-button {
margin-top: 10px;
}
.div-block-159 {
grid-column-gap: 11px;
grid-row-gap: 11px;
}
.section-33 {
height: auto;
}
.div-block-167 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.easter-25-div {
height: 255px;
}
.div-block-168 {
padding-bottom: 15px;
}
.navbar-v3 {
height: 87px;
}
.main-menu-item-v3 {
margin-left: auto;
margin-right: auto;
display: block;
}
.social-icon-div {
width: 17px;
height: 17px;
margin-left: 4px;
margin-right: 4px;
}
.social-icon-div.youtube {
width: 22px;
height: 19px;
}
.social-icon-div.facebook {
width: 17px;
height: 17px;
margin-right: 4px;
}
.hero-section-100vh {
height: 800px;
padding-top: 125px;
}
.container-div._100.change {
padding-top: 70px;
padding-bottom: 72px;
}
.container-div._100.why {
padding-top: 76px;
padding-bottom: 70px;
}
.container-div._100.more-ways {
padding-bottom: 82px;
}
.container-div._100.give {
width: 100%;
}
.description-text._16.bold.space {
display: none;
}
.description-text._700 {
width: 90%;
}
.main-menu-item-v2-copy {
margin-left: auto;
margin-right: auto;
display: block;
}
.button-v3-div {
flex-flow: column;
justify-content: center;
align-items: center;
width: 300px;
min-width: 0;
}
.button-v3-div.single {
justify-content: center;
align-items: flex-start;
}
.button-v3-div.securities {
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 90%;
}
.link_button {
width: 147px;
}
.link_button.vertical {
margin-bottom: 10px;
}
.link_button_text {
font-size: 10px;
}
.change-giving-title-div {
flex-flow: column;
margin-bottom: 50px;
}
.v3-paragraph {
text-align: justify;
padding-right: 0;
}
.div-block-170 {
width: 90%;
padding-left: 0;
}
.change-giving-tile-container {
width: 90%;
margin-bottom: 60px;
}
.h3-v3.why-we-give {
margin-bottom: 3px;
font-size: 77px;
}
.h3-v3.why-we-give.haas {
font-size: 65px;
}
.change-giving-tile {
width: 80%;
}
.change-giving-title-container {
justify-content: center;
align-items: center;
width: 90%;
margin-bottom: 36px;
}
.div-block-171 {
align-self: stretch;
}
.div-block-173 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.div-block-175 {
width: 351px;
margin-left: 40px;
}
.p-why-we-give {
margin-left: 0;
font-size: 15px;
line-height: 20px;
}
.div-block-176 {
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 55px;
padding-top: 0;
display: flex;
bottom: 0;
}
.div-block-181 {
display: none;
}
.div-block-182 {
padding-top: 40px;
padding-left: 28px;
}
.div-block-187 {
padding-right: 10px;
}
.div-block-189 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.div-block-192 {
justify-content: center;
align-items: center;
padding-right: 0;
}
.div-block-193 {
top: 54%;
}
.div-block-194 {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 600px;
margin-bottom: 27px;
}
.nav-menu-v2-5 {
display: none;
}
.footer-v2-5 {
height: auto;
padding-left: 30px;
padding-right: 30px;
}
.link-28 {
color: var(--dark-green);
display: inline;
}
.link-28:hover {
color: var(--dark-green);
}
}
@media screen and (max-width: 479px) {
.navbar {
display: inline;
position: relative;
}
.nav-menu {
display: none;
}
.full-height-section {
padding-bottom: 55px;
padding-left: 10px;
padding-right: 10px;
}
.full-height-section.about {
background-position: 50%;
}
.full-height-section.watch {
flex-direction: column;
}
.full-height-section.give {
background-position: 50%;
background-size: cover;
background-attachment: scroll;
}
.full-height-section.social {
height: 300px;
}
.full-height-section.header-graphic {
flex-direction: row;
justify-content: center;
min-height: 80vh;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.full-height-section.sermon-archive {
background-image: none;
margin-top: 0;
padding: 10px 0;
display: inline-block;
position: static;
}
.full-height-section.sermon-landing-page {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/59823331c32d6e00016d81d5_That'sDeep_vertical.jpg");
background-position: 0 0;
background-size: cover;
justify-content: center;
align-items: center;
display: flex;
}
.full-height-section.serves-header-mobile {
min-height: 100px;
margin-top: 33px;
padding-top: 0;
padding-bottom: 0;
}
.full-height-section.groups {
min-height: 0;
}
.full-height-section.special-event-hero {
flex-direction: row;
justify-content: center;
height: 50vh;
min-height: 0;
padding-left: 0;
padding-right: 0;
display: none;
position: relative;
}
.full-height-section.new-header-graphic {
flex-direction: row;
justify-content: center;
height: 90vh;
padding-left: 0;
padding-right: 0;
display: none;
}
.full-height-section.servecbus {
height: 97vh;
}
.full-height-section.sss {
background-position: 50%;
}
.full-height-section.first-time {
background-position: 0 0, 50% 0;
}
.white-outline-button {
margin-top: 0;
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 4px;
display: inline-block;
position: static;
top: 54%;
}
.white-outline-button.space-after-button {
margin-bottom: 10px;
margin-right: 0;
}
.white-outline-button.bigger {
margin-bottom: 15px;
display: block;
}
.white-outline-button.bigger.gold.login {
width: 48%;
margin-left: 0;
margin-right: 0;
display: inline-block;
}
.white-outline-button.bigger.gold.give {
width: 48%;
margin-left: 4%;
margin-right: 0;
display: inline-block;
}
.white-outline-button.live-bug-button {
margin-top: 5px;
margin-bottom: 0;
margin-left: 0;
top: 0;
}
.white-outline-button.live-bug-button.mobile-version {
margin-left: 10px;
top: -4px;
}
.white-outline-button.forgot {
text-align: center;
width: 100%;
}
.white-outline-button.login {
text-align: center;
width: 100%;
margin-bottom: 10px;
display: block;
}
.white-outline-button.register-here {
text-align: center;
margin-right: 5px;
padding-right: 9px;
}
.white-outline-button.volunteer-here {
margin-left: 5px;
}
.white-outline-button.dark.spaced {
margin-top: 10px;
margin-bottom: 10px;
}
.white-outline-button.dark.connect-with-staff-button {
width: 90%;
position: relative;
}
.white-outline-button.emmanuel-spotify {
margin-bottom: 10px;
}
.white-outline-button.main-event-button._2 {
margin-top: 6px;
margin-right: 12px;
}
.white-outline-button.white-background {
width: 237px;
position: absolute;
inset: auto 0 20px;
overflow: visible;
}
.white-outline-button.section-button {
margin-top: 5px;
margin-bottom: 5px;
}
.white-outline-button.section-button-right {
margin-top: 5px;
margin-bottom: 5px;
margin-right: 10px;
}
.white-outline-button.section-button-left {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 10px;
}
.white-outline-button.multiple-buttons {
margin-top: 6px;
margin-bottom: 6px;
}
.white-outline-button.space-left.v3 {
margin-left: 0;
}
.home-ages-link-cover {
background-position: 50% -116px;
}
.home-feature-foreground {
max-width: 100%;
}
.home-event-link {
margin-bottom: 10px;
}
.black-outline-button {
text-align: left;
}
.black-outline-button.on-black {
border-color: var(--white);
color: var(--white);
}
.black-outline-button.on-black:hover {
background-color: var(--white);
color: var(--f14-black);
}
.home-contact-info {
padding: 25px;
}
.home-events {
padding-left: 10px;
padding-right: 10px;
}
.footer {
padding-top: 30px;
}
.footer-social-link {
border-width: 3px;
width: 50px;
height: 50px;
margin-left: 5px;
margin-right: 5px;
font-size: 19px;
line-height: 45px;
}
.footer-social-link.yt {
width: 50px;
height: 50px;
}
.footer-social-link.vim {
width: 50px;
height: 50px;
margin-left: 5px;
margin-right: 5px;
}
.footer-social-link.insta, .footer-social-link.fb, .footer-social-link.tw {
width: 50px;
height: 50px;
}
.menu-link {
display: block;
}
.menu-link:hover {
background-color: #0000;
}
.menu-link.w--current {
display: block;
}
.menu-link.w--current:focus {
color: #f51655;
background-color: #fff;
}
.menu {
display: flex;
}
.menu-social {
width: 40px;
height: 40px;
margin-left: 4px;
margin-right: 4px;
font-size: 14px;
line-height: 38px;
}
.menu-buttons-left {
margin-top: 0;
}
.menu-holder {
padding-left: 0;
padding-right: 0;
}
.hero-headline {
opacity: 1;
font-size: 15vw;
}
.hero-headline.watch {
margin-top: 68px;
margin-bottom: 90px;
}
.about-h-smaller {
font-size: 10vw;
}
.white-content-section {
padding-left: 7px;
padding-right: 7px;
display: block;
overflow: hidden;
}
.white-content-section.meet-five14 {
background-color: #e01f4e;
}
.white-content-section.groups.app {
background-color: var(--white);
padding-top: 0;
}
.white-content-h {
letter-spacing: 9px;
font-size: 43px;
line-height: 43px;
}
.white-content-h.program-h.five14-serves-header {
width: 94%;
}
.white-content-h.program-h.campus-crusade-h3, .white-content-h.program-h.roosevelt-h3, .white-content-h.program-h.stowe-mission-h3, .white-content-h.program-h.project-117-h3 {
width: 92%;
}
.white-content-h.program-h.five14-serves-form-header.dark {
color: var(--f14-black);
font-family: Avenir, Arial, sans-serif;
font-size: 30px;
line-height: 36px;
}
.white-content-h.contact {
letter-spacing: 2px;
font-size: 37px;
}
.white-content-h.purple {
margin-top: 18px;
}
.image-headline-section {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/57167b06aa16efd13dfe8a4c_leadership%20team.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.image-headline-section.newsletter {
display: block;
}
.image-headline-h {
letter-spacing: 4.1px;
font-size: 52px;
line-height: 52px;
}
.image-headline-h.joel {
font-size: 30px;
}
.about-current-series {
min-height: 205px;
}
.watch-subscribe, .watch-live {
padding-left: 10px;
padding-right: 10px;
}
.about-current-series-image {
display: inline-block;
}
.countdown-number {
font-size: 40px;
}
.watch-archive {
padding: 40px 15px 15px;
}
.archive-item {
padding: 5px;
}
.archive-item-title {
font-size: 18px;
line-height: 18px;
}
.talk-title {
display: inline-block;
}
.live-bug-text {
font-size: 22px;
line-height: 24px;
}
.event-type-selector-section-white {
padding-bottom: 10px;
}
.event-type-selector-section-white.kids2.full-height-section {
height: 300px;
}
.event-type-link-block {
margin-bottom: 10px;
}
.event-type-link-block.small.watch {
padding-left: 23px;
padding-right: 23px;
}
.event-content {
width: 100%;
padding: 20px;
}
.event-image {
width: 100%;
display: block;
}
.event-date-callout {
overflow: visible;
}
.event-dynamic {
width: 100%;
margin-bottom: 9px;
}
.program-current-right {
padding: 15px;
}
.program-current-h {
padding-right: 0;
}
.contact-form {
text-align: left;
}
.give-online-section.app {
padding-top: 0;
padding-bottom: 0;
}
.group-description.next-step-paragraph {
padding-left: 20px;
padding-right: 20px;
font-size: 18px;
line-height: 23px;
}
.group-description.beyond-sunday-paragraph {
padding-left: 20px;
padding-right: 20px;
line-height: 23px;
}
.group-description.single-short-term {
width: 60%;
}
.tip-number {
border-width: 1px;
width: 40px;
height: 40px;
margin-top: 5px;
font-size: 14px;
line-height: 22px;
}
.tip-number.next {
margin-left: 5px;
}
.five14-sound-logo {
width: 50%;
padding-top: 0;
}
.camp-spark-register-link {
text-align: center;
}
.five14-sound-music-button-link {
border-width: 3px;
width: 90%;
position: relative;
top: -12px;
left: 0;
right: 0;
}
.regular-section {
display: block;
}
.regular-section.full-width.full-row-1 {
border-top: 0 #fff;
border-bottom: 0 #fff;
width: 100%;
}
.regular-section.full-width.narrow-height {
height: 200px;
}
.home-content-box.dandee-home {
margin-top: 0;
}
.home-content-box.light-up-the-night-home {
border-top: 0 #0000;
border-bottom: 0 solid #0000;
height: 50%;
}
.home-content-box.become-five14, .home-content-box.meet-five14-block, .home-content-box.previous-series {
height: 50%;
}
.home-content-box.meet-five14-block {
height: 50%;
margin-top: 15px;
}
.home-content-box.church-update {
height: 50%;
}
.home-content-row.current-events-home {
height: 410px;
display: none;
}
.home-content-row.current-events-home-2 {
height: 410px;
}
.home-content-row.current-events-home-3 {
height: 400px;
}
.home-content-row.current-events-series-and-become {
height: 100%;
}
.camp-spark-slider {
text-align: center;
background-image: none;
width: 90%;
display: inline-block;
position: static;
overflow: hidden;
}
.camp-spark-slider.slide-3 {
width: 100%;
height: 100%;
display: block;
position: static;
}
.camp-spark-slide-2 {
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.camp-spark-slide-3 {
padding-right: 0;
}
.camp-spark-slide-1 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5741a6eec7891d002954c3e6_IMG_4209.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.social-home {
margin-top: -2px;
font-size: 22px;
}
.white-button-container.perfect-love {
z-index: 0;
bottom: 7px;
}
.white-button-container-bottom.thank-you {
bottom: 20px;
}
.image-center-contain {
max-width: 100%;
}
.five14-album-announcement {
margin-left: auto;
margin-right: auto;
display: block;
}
.light-up-the-night-foreground {
padding-top: 9px;
padding-bottom: 10px;
}
.music-link-div {
top: 46%;
}
.become-five14-text-block {
margin-top: 20px;
margin-bottom: 4px;
font-size: 20px;
position: static;
bottom: 12%;
left: 0;
right: 0;
}
.full-height-column.main-hero {
height: 400px;
}
.winter-storm-column {
display: flex;
}
.transparent-background.christmas-rhyme-social-links {
width: 70%;
}
.christmas-rhyme-invite {
font-size: 3em;
line-height: 42px;
}
.christmas-details.service-time {
padding-left: 5px;
padding-right: 5px;
}
.christmas-details.christmas-h2 {
padding-left: 5px;
padding-right: 5px;
line-height: 32px;
}
.five14-kids-nav-container {
bottom: 12%;
}
.five14-kids-nav-container.watch {
bottom: 2%;
}
.supervision-foreground {
max-width: 90%;
height: auto;
max-height: 90%;
padding-top: 5px;
padding-left: 0;
padding-right: 0;
inset: 3% 0 auto;
}
.emmanuel-foreground {
padding: 100px 8px 60px 0;
}
.emmanuel-text {
margin-left: 15px;
margin-right: 15px;
}
.emmanuel-footer-text {
padding-left: 5px;
padding-right: 5px;
}
.christmas-rhyme-video-div {
max-width: 100%;
margin-top: 19px;
}
.half-column-foreground.become-column-fg {
width: 53%;
max-width: 53%;
padding-bottom: 15px;
top: 0;
}
.half-column-foreground.become-column-fg.become {
max-width: 80%;
max-height: 60%;
margin-bottom: 0;
top: 0%;
}
.half-column-foreground.become-column-fg.meet {
width: 60%;
max-width: 80%;
max-height: 60%;
margin-bottom: 0;
padding-top: 13px;
padding-bottom: 19px;
}
.new-years-day-block {
width: 100%;
}
.sticky-alert {
height: 75px;
}
.sticky-alert-text {
width: 98%;
font-size: 13px;
line-height: 16px;
}
.dark-hover-div {
display: flex;
position: absolute;
}
.dark-hover-button {
font-size: 16px;
}
.dark-hover-button.ios, .dark-hover-button.android {
padding-top: 10px;
padding-bottom: 10px;
}
.footer-text-link {
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.footer-text-link.w--current {
margin-left: 5px;
margin-right: 5px;
}
.connect-with-staff-div {
padding-left: 5px;
padding-right: 5px;
}
.first-sunday-heading {
font-size: 18px;
}
.down-arrow {
display: inline-block;
position: absolute;
bottom: 50px;
left: 0;
right: 0;
}
.down-arrow-image {
position: static;
bottom: 0;
left: 0;
right: 0;
}
.meet-five14-text-column {
padding-right: 10px;
}
.meet-five14-row {
flex-wrap: wrap;
align-content: stretch;
}
.main-graphic-text.five14-church {
text-align: left;
font-size: 6em;
line-height: 1;
}
.main-graphic-text.five14-church.pink {
text-align: left;
margin-left: -5px;
}
.main-graphic-text.five14-church.pink.hero-div-title {
padding-right: 5px;
line-height: 50px;
}
.main-graphic-text.five14-church.hero-div-title {
line-height: 50px;
}
.main-graphic-text-div {
width: 87%;
}
.center-content-in-div.main-welcome, .center-content-in-div.live-stream-welcome {
text-align: center;
}
.meetfive14-paragraph {
padding-bottom: 20px;
}
.groups-heading {
font-size: 48px;
line-height: 54px;
}
.groups-heading2 {
letter-spacing: 5px;
font-size: 39px;
line-height: 40px;
}
.small-group-video {
max-width: 302px;
margin: 2px;
}
.handout {
width: 98%;
}
.generic-small-group-image-holder {
width: 90%;
height: 200px;
}
.sermon-archive {
width: 100%;
max-width: 100%;
display: inline-block;
}
.series-item {
float: none;
width: 50%;
padding: 6px;
display: inline-block;
}
.talk-series-link-block {
width: 100%;
}
.series-link-block-image {
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.dynamic-list {
margin-left: 5px;
margin-right: 5px;
}
.row-7 {
height: 400px;
}
.column {
height: 50%;
}
.app-highlight {
position: relative;
}
.body-2 {
background-color: #e01f4e;
}
.series-description {
width: 100%;
}
.white-section.get-involved, .white-section.dadcamp-header-div {
padding-top: 30px;
padding-bottom: 30px;
}
.content-copy.dark {
width: 92%;
max-width: 92%;
}
.content-copy.dark.avenir {
letter-spacing: 0;
margin-bottom: 20px;
font-size: 18px;
line-height: 21px;
}
.content-copy.avenir {
margin-bottom: 10px;
font-family: Avenir, Arial, sans-serif;
}
.bebas-section-h.the-roosevelt-h, .bebas-section-h.stowe-mission-h {
line-height: 60px;
}
.div-block-3 {
width: 90%;
}
.div-block-3.pad-bottom {
margin-bottom: 30px;
}
.link-3.white {
color: var(--white);
}
.five14-serves-block.grey {
background-color: var(--f14-off-white);
}
.submit-button.avenir {
border-color: var(--f14-black);
color: var(--f14-black);
}
.submit-button.avenir:hover {
background-color: var(--f14-black);
color: var(--white);
}
.collection-list {
display: none;
}
.container-7 {
padding-left: 3px;
padding-right: 3px;
}
.container-8 {
margin-left: auto;
margin-right: auto;
display: block;
}
.image-4 {
position: relative;
}
.generic-small-group-image {
width: 90%;
height: 200px;
}
.text-block-6 {
line-height: 22px;
}
.bottom-banner-highlight {
height: 120px;
}
.heading-2 {
font-size: 32px;
}
.text-block-9 {
line-height: 25px;
}
.all-in-graphic {
height: 925px;
}
.section-4 {
height: 400px;
}
.image-5 {
width: 100%;
}
.image-6 {
height: 200px;
}
.div-block-11 {
padding-bottom: 8px;
}
.hero-div {
width: 87%;
overflow: hidden;
}
.hero-div-title.welcome {
padding-bottom: 25px;
}
.hero-div-title.five14-church {
text-align: left;
font-size: 6em;
line-height: 1;
}
.hero-div-title.five14-church.pink {
text-align: left;
margin-left: -5px;
}
.home-link-button-div {
float: none;
}
.home-section-6 {
overflow: hidden;
}
.grey-outline-button {
margin-top: 0;
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 4px;
display: inline-block;
position: static;
top: 54%;
}
.grey-outline-button.space-after-button {
margin-bottom: 10px;
margin-right: 0;
}
.grey-outline-button.bigger {
margin-bottom: 15px;
display: block;
}
.grey-outline-button.bigger.gold.login {
width: 48%;
margin-left: 0;
margin-right: 0;
display: inline-block;
}
.grey-outline-button.bigger.gold.give {
width: 48%;
margin-left: 4%;
margin-right: 0;
display: inline-block;
}
.grey-outline-button.live-bug-button {
margin-top: 5px;
margin-bottom: 0;
margin-left: 0;
top: 0;
}
.grey-outline-button.live-bug-button.mobile-version {
margin-left: 10px;
top: -4px;
}
.grey-outline-button.forgot {
text-align: center;
width: 100%;
}
.grey-outline-button.login {
text-align: center;
width: 100%;
margin-bottom: 10px;
display: block;
}
.grey-outline-button.register-here {
text-align: center;
margin-right: 5px;
padding-right: 9px;
}
.grey-outline-button.volunteer-here {
margin-left: 5px;
}
.grey-outline-button.dark.spaced {
margin-top: 10px;
margin-bottom: 10px;
}
.grey-outline-button.dark.connect-with-staff-button {
width: 90%;
}
.grey-outline-button.emmanuel-spotify {
margin-bottom: 10px;
}
.grey-outline-button.main-event-button._2 {
margin-top: 6px;
margin-right: 12px;
}
.grey-outline-button.white-background {
width: 237px;
position: absolute;
inset: auto 0 20px;
overflow: visible;
}
.grey-outline-button.section-button {
margin-top: 5px;
margin-bottom: 5px;
}
.grey-outline-button.section-button-left {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 10px;
}
.collection-item {
text-align: center;
border-style: none;
display: block;
position: static;
}
.serve-cbus-nav.main {
overflow: hidden;
}
.serve-cbus-nav-links {
text-align: right;
width: 100%;
margin-right: 10px;
padding-right: 0;
font-size: 13px;
}
.serve-cbus-events {
text-align: center;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
display: block;
}
.serve-cbus-events.other-color {
padding-bottom: 80px;
}
.serves-project-header {
display: none;
}
.serves-project.header-text {
background-color: #fff;
padding: 2px 5px;
display: inline-block;
}
.serves-project.header-text.white-block {
color: #fff;
background-color: #ba8172;
font-family: Karla, sans-serif;
font-size: 15px;
font-weight: 600;
display: block;
}
.serves-project.collection-text.time {
text-align: right;
flex: 1;
display: inline-block;
}
.serves-project.collection-text.project {
text-align: right;
flex: 1;
}
.serves-project.collection-text.type {
text-align: right;
flex: 1;
margin-left: auto;
margin-right: auto;
display: block;
}
.serves-project.collection-text.age, .serves-project.collection-text.spots {
text-align: right;
flex: 1;
}
.serves-project-body {
flex-direction: column;
justify-content: center;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 8px;
padding-right: 8px;
display: block;
}
.serve-cbus-info-button {
margin-top: 20px;
}
.serve-cbus.section-header {
font-size: 34px;
line-height: 35px;
}
.serve-cbus.section-header.blue {
max-width: 95%;
margin-left: 0;
margin-right: 0;
padding-top: 30px;
}
.serve-cbus.section-header.opportunities {
font-size: 23px;
line-height: 23px;
}
.serve-cbus.day-heading {
width: 90%;
margin-bottom: 10px;
font-size: 18px;
line-height: 18px;
}
.serve-cbus.donate-section {
height: 300px;
}
.serve-cbus.details-div {
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.serve-cbus.details-info {
text-align: right;
align-items: flex-end;
width: 55%;
height: auto;
font-size: 15px;
line-height: 16px;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.serve-cbus.details-info.month, .serve-cbus.details-info.day, .serve-cbus.details-info.seperator {
display: none;
}
.serve-cbus.details-info.location {
text-align: right;
align-items: flex-end;
width: 59%;
font-size: 15px;
line-height: 17px;
display: flex;
}
.serve-cbus.details-info.time {
text-align: right;
justify-content: center;
height: auto;
font-size: 15px;
line-height: 16px;
position: absolute;
inset: auto 0% 0% auto;
}
.serve-cbus.details-info.date {
float: right;
text-align: right;
height: auto;
margin-top: -32px;
line-height: 15px;
display: block;
position: absolute;
inset: auto 0% 28px auto;
}
.serve-cbus.info-descriptor {
white-space: nowrap;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 130px;
margin-left: 0;
margin-right: 0;
padding-left: 7px;
padding-right: 9px;
font-size: 12px;
line-height: 44px;
display: inline-block;
position: absolute;
inset: 0% auto auto 0%;
}
.serve-cbus.drive-heading {
height: 40px;
margin-bottom: 20px;
line-height: 20px;
}
.text-block-13 {
float: none;
clear: none;
max-width: 85%;
font-size: 67px;
line-height: 61px;
overflow: visible;
}
.text-block-14 {
max-width: 85%;
line-height: 31px;
}
.image-10 {
width: 85%;
padding-top: 30px;
}
.heading-3 {
margin-bottom: 60px;
font-size: 24px;
line-height: 27px;
}
.serve-cbus-down-arrow {
margin-top: 20px;
display: inline-block;
position: static;
left: 0;
right: 0;
}
.container-9 {
text-align: center;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 30px;
display: flex;
}
.serve-cbus-partner-logos {
flex-direction: column;
justify-content: space-around;
}
.div-block-17 {
flex-direction: column;
align-items: center;
display: flex;
}
.link-13 {
font-size: 12px;
}
.column-7 {
text-align: center;
align-items: center;
display: flex;
}
.serve-cbus-info-row {
text-align: left;
border: 1px solid #ba8172;
align-items: center;
margin-top: 4px;
margin-bottom: 4px;
padding-left: 0;
padding-right: 5px;
display: flex;
}
.collection-item-2, .collection-list-3 {
margin-left: auto;
margin-right: auto;
display: block;
}
.collection-list-wrapper {
flex-direction: column;
justify-content: flex-end;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.container-11 {
text-align: center;
display: block;
}
.collection-list-4 {
flex-direction: row;
justify-content: flex-start;
align-items: center;
display: block;
}
.serve-cbus-collection-list {
width: 90%;
}
.serve-cbus-collection-wrapper {
flex-direction: column;
justify-content: flex-end;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.serve-cbus-collection-item {
text-align: center;
border-style: none;
margin-bottom: 15px;
display: block;
position: static;
}
.meet-five14-section {
display: block;
}
.meet-five14-section.full-width.full-row-1 {
border-top: 0 #fff;
border-bottom: 0 #fff;
width: 100%;
}
.meet-five14-section.full-width.narrow-height {
height: 200px;
}
.become-five14-section {
display: block;
}
.become-five14-section.full-width.full-row-1 {
border-top: 0 #fff;
border-bottom: 0 #fff;
width: 100%;
}
.become-five14-section.full-width.narrow-height {
height: 200px;
}
._2-split-button-section {
display: block;
}
._2-split-button-section.full-width.full-row-1 {
border-top: 0 #fff;
border-bottom: 0 #fff;
width: 100%;
}
._2-split-button-section.full-width.narrow-height {
height: 200px;
}
._2-split-with-series-section {
display: block;
}
._2-split-with-series-section.full-width.full-row-1 {
border-top: 0 #fff;
border-bottom: 0 #fff;
width: 100%;
}
._2-split-with-series-section.full-width.narrow-height, .series-image {
height: 200px;
}
.series-content-box.dandee-home {
margin-top: 0;
}
.series-content-box.light-up-the-night-home {
border-top: 0 #0000;
border-bottom: 0 solid #0000;
height: 50%;
}
.series-content-box.become-five14, .series-content-box.meet-five14-block, .series-content-box.previous-series {
height: 50%;
}
.series-content-box.meet-five14-block {
height: 50%;
margin-top: 15px;
}
.series-content-box.church-update {
height: 50%;
}
.full-width-section {
display: block;
}
.full-width-section.full-width.full-row-1 {
border-top: 0 #fff;
border-bottom: 0 #fff;
width: 100%;
}
.full-width-section.full-width.narrow-height {
height: 200px;
}
.down-arrow-pink, .down-arrow-white {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.div-bar-grey._280, .div-bar-grey._360, .div-bar-grey._160 {
width: 50px;
}
.div-float-left {
float: none;
flex-direction: column;
justify-content: center;
align-items: stretch;
margin-left: auto;
margin-right: auto;
display: flex;
}
.div-float-right {
float: none;
flex-direction: column;
justify-content: center;
display: flex;
}
.div-bar-white._200, .div-bar-white._180 {
width: 50px;
}
.header-font-non-stroked-h2 {
font-size: 32px;
}
.div-bar-white-vertical {
height: 30px;
}
.whats-happening-event-name {
max-width: 70%;
padding-left: 8px;
padding-right: 6px;
font-size: 14px;
}
.whats-happening-event-date {
font-size: 14px;
}
.whats-happening-collection-wrapper {
width: 98%;
}
.main-menu-item {
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.main-menu-item.w--current {
margin-left: 5px;
margin-right: 5px;
}
.old-menu {
display: block;
}
.text-block-18 {
width: 80%;
margin-left: auto;
margin-right: auto;
display: block;
}
.new-footer {
padding-top: 40px;
}
.new-footer-text-link {
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.new-footer-text-link.w--current {
margin-left: 5px;
margin-right: 5px;
}
.new-footer-links-div {
margin-bottom: 20px;
}
.new-footer-social-links-div {
margin-top: 20px;
}
.footer-copy {
padding-top: 30px;
}
.new-social-icon {
margin-top: -2px;
font-size: 22px;
}
.text-block-19 {
width: 80%;
margin-left: auto;
margin-right: auto;
display: block;
}
.szns-banner {
justify-content: center;
}
.szns-banner-div-group {
margin-left: 10px;
margin-right: 10px;
}
.navbar-test {
position: relative;
}
.menu-test {
display: flex;
}
.szns-heading {
font-size: 55px;
line-height: 55px;
}
.columns-szns-main {
margin-bottom: 0;
}
.column-23, .column-24 {
padding-left: 0;
padding-right: 0;
}
.szns-heading-div {
margin-bottom: 61px;
}
.szns-invite-graphic {
width: 85%;
}
.szns-section-3-resources {
padding-left: 20px;
padding-right: 20px;
}
.column-25 {
padding-left: 0;
padding-right: 0;
}
.navbar-space {
position: relative;
}
.down-arrow-christmas {
display: inline-block;
position: absolute;
bottom: 30px;
left: 0;
right: 0;
}
.christmas2018-description-text.top, .christmas2018-description-text.middle {
margin-left: 11px;
}
.christmas2018-invite-text-block {
margin-left: auto;
}
.christmas2018-heading-div {
width: 100%;
margin-bottom: 61px;
margin-left: auto;
}
.christmas2018-section-2 {
padding: 10px;
overflow: hidden;
}
.christmas2018-heading {
font-size: 55px;
line-height: 55px;
}
.christmas2018-heading.sub {
width: 95%;
margin-left: 11px;
font-size: 50px;
}
.christmas2018-heading.center-sub {
font-size: 50px;
}
.home-section-1b {
flex-direction: column;
display: flex;
position: relative;
inset: 0%;
}
.div-middle {
float: none;
flex-direction: column;
justify-content: center;
width: 90%;
display: flex;
bottom: 45px;
}
.div-middle.easter {
bottom: 25px;
}
.church-announce {
margin-bottom: -6px;
padding-top: 57px;
display: none;
position: relative;
overflow: hidden;
}
.column-24b, .column-23b {
padding-left: 0;
padding-right: 0;
}
.heading-5 {
float: none;
clear: none;
}
.text-block-20 {
font-size: 16px;
}
.text-block-22 {
text-align: center;
text-transform: uppercase;
height: 65px;
line-height: 26px;
display: block;
position: static;
overflow: visible;
}
.full-section-graphic.food-pantry {
display: none;
}
.full-section-graphic.serve {
width: 200px;
margin-left: auto;
margin-right: auto;
position: static;
inset: 0% 0% auto;
}
.easter-at-five14-mobile-graphic {
display: block;
}
.easter-at-five14-times-div {
bottom: 8%;
}
.easter-at-five14-main-graphic {
display: none;
}
.easter-at-five14-times {
line-height: 20px;
}
.div-block-23 {
padding: 35px 25px;
}
.columns-szns-a {
margin-bottom: 0;
}
.announcement-foreground-graphic {
width: 90%;
margin-top: 20px;
}
.section-1b-div {
max-width: 90%;
}
.button-div {
float: none;
flex-direction: column;
justify-content: center;
align-items: stretch;
margin-left: auto;
margin-right: auto;
display: flex;
}
.hsn-header {
text-transform: uppercase;
}
.grid-div.hsn-contact-grid {
max-width: 100%;
}
.heading3 {
color: var(--f14-black);
letter-spacing: 1px;
margin-bottom: 28px;
font-family: Avenir, Arial, sans-serif;
font-size: 32px;
font-weight: 600;
line-height: 34px;
}
.text-description.groups-description {
margin-bottom: 40px;
}
.groups-tile-collection-wrapper {
max-width: 98%;
}
.groups-tile {
background-color: var(--white);
}
.five14-hsn-link-button-div {
float: none;
}
.groups-day-div {
flex-wrap: nowrap;
display: none;
}
.groups-day-div.sunday {
display: none;
}
.groups-day-of-the-week {
display: block;
}
.connect-with-staff-div-2 {
padding-left: 5px;
padding-right: 5px;
}
.div-block-27.pad-bottom {
margin-bottom: 20px;
}
.five14-serves-hero-section {
padding-top: 60px;
}
.five14-serves-logo {
object-fit: contain;
width: 88%;
max-width: 95%;
margin-bottom: 49px;
}
.five14-serves-logo.app {
width: 160px;
margin-top: 20px;
margin-bottom: 10px;
}
.five14-serves-partner-link {
margin-top: 25px;
margin-bottom: 25px;
}
.div-block-28 {
flex-wrap: wrap;
width: 70%;
}
.five14-serves-partner-logo.white {
width: 50%;
margin-bottom: 60px;
}
.five14-serves-home-text {
max-width: 91%;
padding: 27px 25px;
font-size: 11px;
line-height: 18px;
}
.five14-serves-home-logo {
height: 140px;
}
.five14-serves-home-button {
float: none;
flex-direction: column;
justify-content: center;
width: 90%;
display: flex;
bottom: 45px;
}
.five14-serves-home-button.easter {
bottom: 25px;
}
.full-width-section-reveal {
display: block;
}
.full-width-section-reveal.full-width.full-row-1 {
border-top: 0 #fff;
border-bottom: 0 #fff;
width: 100%;
}
.full-width-section-reveal.full-width.narrow-height {
height: 200px;
}
.image-25 {
max-width: 70%;
}
.heading-7 {
background-color: #ffffff4d;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 90%;
margin-bottom: 40px;
margin-left: 2px;
margin-right: 2px;
padding: 10px 12px 8px;
font-family: brandon-grotesque;
font-size: 26px;
line-height: 32px;
display: block;
}
.app-info-section {
background-color: var(--white);
flex-direction: column;
align-items: center;
padding: 56px 10px 50px;
display: flex;
}
.location-link {
color: var(--white);
text-align: center;
letter-spacing: 1px;
margin-bottom: 25px;
font-family: Oswald, sans-serif;
font-size: 12px;
}
.image-27 {
border: 2px solid var(--white);
margin-top: 40px;
}
.text-block-32 {
text-align: center;
letter-spacing: 1px;
margin-bottom: 50px;
font-family: bebas-neue;
font-size: 12px;
line-height: 14px;
}
.section-13 {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5d810e1871af813ff886fe71_purple%20and%20red.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
padding: 10px 10px 30px;
}
.text-block-33 {
text-align: center;
margin-bottom: 35px;
}
.text-block-34 {
text-align: center;
letter-spacing: 5px;
margin-bottom: 7px;
font-family: Oswald, sans-serif;
font-size: 20px;
font-weight: 700;
}
.section-14 {
background-image: linear-gradient(to top, #000, #212227);
flex-direction: column;
align-items: center;
padding-bottom: 30px;
display: flex;
}
.app-h2 {
text-align: center;
letter-spacing: 5px;
margin-bottom: 7px;
font-family: Oswald, sans-serif;
font-size: 20px;
font-weight: 700;
}
.app-h2.additional-links {
color: var(--white);
padding-top: 33px;
padding-bottom: 15px;
font-family: Avenir, Arial, sans-serif;
font-size: 17px;
}
.app-link {
color: var(--white);
text-align: center;
letter-spacing: 1px;
margin-bottom: 25px;
font-family: Oswald, sans-serif;
font-size: 12px;
}
.app-link.additional-links {
color: var(--f14-off-white);
text-transform: uppercase;
margin-bottom: 7px;
font-family: Avenir, Arial, sans-serif;
font-weight: 300;
}
.text-block-35 {
text-align: center;
font-family: Open Sans, sans-serif;
font-size: 11px;
font-weight: 300;
}
.app-text {
text-align: center;
margin-bottom: 40px;
}
.app-text._11am {
text-align: left;
white-space: normal;
width: 80%;
font-family: Avenir, Arial, sans-serif;
}
.app-text.parentheses {
font-family: Open Sans, sans-serif;
font-size: 11px;
font-weight: 300;
}
.app-text.who-we-are-caption {
color: var(--f14-black);
text-align: left;
letter-spacing: 1px;
width: 90%;
margin-bottom: 60px;
padding-top: 20px;
font-family: Avenir, Arial, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 25px;
}
.app-text.who-we-are-caption.dark {
color: #380815;
}
.app-text.our-name-description {
text-align: left;
text-transform: none;
white-space: normal;
width: 80%;
margin-bottom: 28px;
font-family: Avenir, Arial, sans-serif;
}
.app-text.our-name-description.pad-bottom {
color: var(--white);
text-align: center;
text-transform: uppercase;
margin-bottom: 40px;
}
.app-text.our-name-description.caps {
text-align: center;
text-transform: uppercase;
}
.app-text.what-we-believe {
text-align: left;
white-space: normal;
width: 80%;
font-family: Avenir, Arial, sans-serif;
}
.app-text.connect-with-us-caption {
color: var(--f14-black);
text-align: left;
letter-spacing: 1px;
width: 90%;
margin-bottom: 60px;
padding-top: 20px;
font-family: Avenir, Arial, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 25px;
}
.app-text.connect-with-us-caption.dark {
color: #380815;
}
.app-text.link {
text-align: left;
text-transform: none;
white-space: normal;
width: 80%;
margin-bottom: 28px;
font-family: Avenir, Arial, sans-serif;
}
.app-text.link.pad-bottom {
color: var(--white);
text-align: center;
text-transform: uppercase;
margin-bottom: 40px;
}
.app-text.link.caps {
text-align: center;
text-transform: uppercase;
}
.app-text.link.onblack {
color: var(--white);
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 600;
}
.app-text.groups-full-description {
text-align: left;
text-transform: none;
white-space: normal;
width: 80%;
margin-bottom: 28px;
font-family: Avenir, Arial, sans-serif;
display: none;
}
.app-text.groups-full-description.pad-bottom {
color: var(--white);
text-align: center;
text-transform: uppercase;
margin-bottom: 40px;
}
.app-text.groups-full-description.caps {
text-align: center;
text-transform: uppercase;
}
.app-text.groups-virtual-description {
text-align: left;
text-transform: none;
white-space: normal;
width: 80%;
margin-bottom: 28px;
font-family: Avenir, Arial, sans-serif;
}
.app-text.groups-virtual-description.pad-bottom {
color: var(--white);
text-align: center;
text-transform: uppercase;
margin-bottom: 40px;
}
.app-text.groups-virtual-description.caps {
text-align: center;
text-transform: uppercase;
}
.heading-8 {
letter-spacing: 0;
margin-bottom: 42px;
font-family: brandon-grotesque;
font-size: 26px;
font-weight: 700;
}
.app-h3 {
border-bottom: 1px solid var(--white);
text-align: center;
letter-spacing: 5px;
text-transform: uppercase;
min-width: 70%;
margin-bottom: 46px;
padding-top: 14px;
padding-bottom: 14px;
padding-left: 5px;
font-family: Avenir, Arial, sans-serif;
font-size: 20px;
font-weight: 700;
}
.app-h3.dark {
color: #380815;
}
.app-h3.our-name {
border-top-style: none;
border-left-style: none;
border-right-style: none;
width: 70%;
margin-bottom: 46px;
font-family: Avenir, Arial, sans-serif;
line-height: 26px;
}
.app-h3.what-we-believe {
border-style: none none solid;
width: 70%;
margin-bottom: 46px;
font-family: Avenir, Arial, sans-serif;
}
.app-h3.header-text {
border-style: solid none;
border-width: 1px 2px;
border-color: var(--f14-black);
color: var(--f14-black);
text-transform: uppercase;
width: 99%;
margin-bottom: 21px;
padding-top: 15px;
font-family: Avenir, Arial, sans-serif;
font-weight: 900;
line-height: 29px;
}
.app-section {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5d8bc28e3aa683760ca0b997_pink%20rock%20gradient.jpg");
background-position: 100% 0;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
align-items: center;
padding: 10px 10px 50px;
display: flex;
}
.app-section.location {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5d810c6add362e6fa9814839_green%20and%20purple.jpg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
}
.app-section.connect-with-us {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5d8bce67831a6dc70d601971_pink%20triangles.jpg");
background-position: 50% 0;
padding-top: 30px;
}
.link-block-5 {
width: 90%;
margin-bottom: 20px;
}
.section-12-copy {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5d8bc28e3aa683760ca0b997_pink%20rock%20gradient.jpg");
background-position: 100% 0;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
align-items: center;
padding: 10px 10px 50px;
display: flex;
}
.app-connect-form {
width: 90%;
margin-bottom: 50px;
}
.app-form-label {
letter-spacing: 2px;
text-transform: uppercase;
font-family: Avenir, Arial, sans-serif;
font-weight: 600;
}
.app-form-box {
background-color: #e7e6e6;
border: 1px solid #560c27;
margin-bottom: 22px;
font-family: Avenir, Arial, sans-serif;
font-size: 13px;
font-style: italic;
box-shadow: 3px 3px 3px -1px #2406077a;
}
.app-form-box.message {
min-height: 100px;
}
.app-form-button {
background-color: #0000;
background-image: linear-gradient(135deg, #d1d1d1, var(--white));
color: var(--f14-black);
text-align: left;
letter-spacing: 4px;
text-transform: uppercase;
border: 1px solid #e7e7e7;
margin-top: 17px;
padding: 6px 33px;
font-family: bebas-neue;
font-size: 17px;
position: static;
box-shadow: 3px 3px 3px #2c0811ad;
}
.app-form-button:hover {
color: var(--white);
background-image: none;
}
.link-15 {
color: var(--white);
letter-spacing: 1px;
text-transform: uppercase;
font-family: Open Sans, sans-serif;
font-size: 11px;
font-weight: 400;
}
.text-block-38 {
overflow: visible;
}
.image-28 {
position: sticky;
inset: 0% 0% auto;
}
.app-header-section {
position: static;
top: 0;
box-shadow: 0 3px 10px #000;
}
.image-31 {
width: 59%;
display: block;
position: absolute;
}
.image-32 {
width: 32%;
}
.image-33 {
width: 35%;
top: 20%;
}
.image-35 {
display: none;
}
.image-36 {
width: 80%;
max-width: 96%;
display: block;
position: relative;
inset: auto 0% -10%;
}
.div-block-35 {
margin-bottom: 30px;
}
.div-block-36 {
text-align: right;
width: auto;
height: 320px;
overflow: hidden;
}
.div-block-37 {
overflow: hidden;
}
.the-rest-podcast-buttons {
float: none;
flex-direction: column;
justify-content: center;
width: 90%;
display: flex;
bottom: 45px;
}
.the-rest-podcast-buttons.easter {
bottom: 25px;
}
.image-39 {
padding-left: 25px;
}
.app-info-tile {
background-color: var(--f14-black);
flex-direction: column;
align-items: center;
width: 99%;
margin-bottom: 38px;
padding-top: 27px;
padding-bottom: 10px;
display: flex;
}
.app-info-tile.top-padding {
margin-top: 40px;
}
.grand-opening-mobile {
letter-spacing: 7px;
margin-bottom: 15px;
margin-left: 3px;
font-size: 32px;
line-height: 34px;
display: block;
}
.div-block-39 {
padding-top: 18px;
top: 95px;
}
.opening-address {
font-size: 11px;
line-height: 17px;
}
.opening-address.desktop {
display: none;
}
.opening-address.mobile {
display: block;
}
.opening-time {
letter-spacing: 5px;
font-size: 11px;
}
.opening-see-you-div {
bottom: 9px;
right: 16px;
}
.opening-see-you-text {
letter-spacing: 4px;
margin-bottom: 19px;
font-size: 19px;
font-weight: 600;
line-height: 22px;
}
.opening-see-you-text.desktop {
display: none;
}
.opening-see-you-text.mobile {
margin-bottom: 12px;
display: none;
}
.opening-date {
letter-spacing: 5px;
margin-bottom: 9px;
font-size: 12px;
}
.opening-date.v2 {
font-size: 17px;
line-height: 18px;
}
.image-40 {
display: none;
}
.image-41 {
display: block;
}
.grand-opening-desktop {
letter-spacing: 7px;
margin-bottom: 8px;
font-size: 39px;
line-height: 38px;
display: none;
}
.link-17 {
color: var(--white);
font-style: italic;
text-decoration: none;
}
.bold-text-2 {
font-weight: 400;
}
.announce-banner-text {
letter-spacing: 1px;
font-size: 12px;
line-height: 14px;
}
.section-17 {
padding-top: 80px;
}
.section-17.app {
padding-top: 40px;
padding-bottom: 40px;
}
.heading-10 {
font-size: 19px;
line-height: 23px;
}
.text-block-44 {
text-align: left;
font-size: 17px;
line-height: 22px;
}
.div-button-900 {
float: none;
flex-direction: column;
justify-content: center;
align-items: stretch;
margin-left: auto;
margin-right: auto;
display: flex;
}
.text-block-44-copy {
text-align: left;
font-size: 15px;
line-height: 19px;
}
.main-menu-item-v2 {
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.main-menu-item-v2.w--current {
margin-left: 5px;
margin-right: 5px;
}
.nav-menu-block.stacked {
display: block;
}
.nav-menu-block.instagram {
margin-top: 18px;
margin-bottom: 8px;
padding-right: 0;
}
.nav-menu-link-v2 {
display: block;
}
.nav-menu-link-v2.blueprint {
display: none;
}
.nav-menu-social-link.instagram.larger {
width: 36px;
height: 36px;
}
.body-v2 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.navbar-v2 {
position: sticky;
}
.h1-heading.bars.streaming-live, .h1-heading.bars.pastor-header, .h1-heading.bars.faq-header, .h1-heading.bars.contact-form-header, .h1-heading.bars.streaming-live-copy {
width: 90%;
margin-bottom: 25px;
}
.h1-heading.black-bg {
width: 90%;
margin-bottom: 39px;
padding-top: 10px;
line-height: 41px;
}
.h1-heading.bars-small.streaming-live, .h1-heading.bars-small.pastor-header, .h1-heading.bars-small.faq-header, .h1-heading.bars-small.contact-form-header {
width: 90%;
margin-bottom: 25px;
}
.h1-heading.white-bg, .h1-heading.white-underline {
width: 90%;
margin-bottom: 39px;
padding-top: 10px;
line-height: 41px;
}
.h1-heading.open-now {
font-size: 26px;
line-height: 30px;
}
.text-block-47.small {
font-size: 12px;
}
.text-block-48.small {
width: 80%;
margin-bottom: 25px;
padding-left: 8px;
padding-right: 8px;
font-size: 16px;
line-height: 20px;
}
.text-block-48.small.white.left-align {
padding-left: 0;
}
.arrow-link-text {
margin-bottom: 3px;
}
.arrow-link-text.less-space {
margin-bottom: 10px;
}
.arrow-link-div.watch {
margin-bottom: 20px;
display: flex;
}
.arrow-link-div.streaming {
margin-bottom: 30px;
display: flex;
}
.arrow-link-div.streaming.left-align {
justify-content: flex-start;
align-items: flex-start;
padding-top: 25px;
padding-left: 0;
}
.section-1a {
width: 100%;
}
.horizontal-tile-div.latest-message {
overflow: hidden;
}
.section-3a {
background-image: linear-gradient(to bottom, #000000a6, #000000a6), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/5e7418e619212f170f22ae69_hamilton%20rd%20copy.png"), linear-gradient(148deg, var(--f14-black), #272727);
background-position: 0 0, 70%, 0 0;
background-repeat: repeat, no-repeat, repeat;
background-size: auto, auto 700px, auto;
background-attachment: scroll, fixed, scroll;
width: 100%;
}
.h2-heading.easter {
color: #fff;
font-size: 39px;
line-height: 53px;
}
.text-block-49.easter, .text-block-49.easter-time {
color: #fff;
}
.text-block-49.easter-time-space {
color: #fff;
margin-bottom: 50px;
}
.button-v2 {
margin-bottom: 3px;
}
.button-v2.spaced-right {
align-self: auto;
margin-bottom: 20px;
margin-right: 0;
}
.button-v2.black {
margin-top: 0;
margin-bottom: 50px;
}
.button-v2.black.reserve {
padding-top: 9px;
padding-bottom: 9px;
}
.button-v2.black.giving-link {
margin-bottom: 11px;
position: relative;
inset: auto 0% 0%;
}
.button-v2.times {
margin-right: 0;
}
.button-v2.clear-white {
margin-bottom: 12px;
}
.button-v2.clear-on-black.reserve, .button-v2.clear-on-white.reserve, .button-v2.off-black.reserve, .button-v2.black-and-red.reserve {
padding-top: 9px;
padding-bottom: 9px;
}
.button-v2.easter24, .button-v2.spaced-all-right, .button-v2.the-beginning, .button-v2.got-became-man {
align-self: auto;
margin-bottom: 20px;
margin-right: 0;
}
.section-4a {
align-items: stretch;
width: 100%;
height: auto;
}
.div-block-41 {
margin-bottom: 20px;
}
.div-block-42 {
max-width: 98%;
margin-bottom: 20px;
}
.div-block-43 {
margin-top: -772px;
margin-bottom: 280px;
padding-bottom: 431px;
position: static;
}
.div-block-42b {
width: 100%;
max-width: none;
}
.div-block-44 {
margin-bottom: 20px;
}
.section-5a {
width: 100%;
}
.ministries-tile-div {
height: 160px;
}
.footer-div-group {
width: 100%;
}
.menu-copy {
display: flex;
}
.div-block-45 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.link-19 {
color: var(--white);
letter-spacing: 1px;
text-decoration: underline;
}
.link-19:hover {
color: var(--white);
text-decoration: underline;
}
.div-block-46, .div-block-47 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.image-42 {
border: 3px solid var(--white);
width: 80%;
margin-bottom: 25px;
}
.white-link-arrows {
color: var(--white);
}
.white-link-arrows:hover {
color: #e2e2e2;
}
.hero-column._10am-online {
justify-content: center;
align-items: center;
}
.image-43 {
bottom: -26%;
}
.live-at-five-info-div {
padding-top: 48px;
}
.image-46 {
width: 260px;
}
.text-block-56.desktop {
display: none;
}
.text-block-56.mobile {
text-align: left;
font-size: 20px;
line-height: 24px;
display: block;
}
.div-block-48 {
margin-bottom: 0;
}
.div-block-39-copy {
padding-top: 18px;
top: 95px;
}
.kids-online-section-1 {
margin-top: 0;
padding-top: 10px;
}
.kids-online-section-1.app {
padding-top: 40px;
}
.five14kids-logo-div {
width: 98%;
margin-bottom: 56px;
}
.image-47 {
width: 70%;
}
.div-block-49 {
width: 94%;
margin-bottom: 60px;
}
.div-block-49.app {
margin-bottom: 40px;
}
.the-city-h1 {
color: var(--f14-black);
font-size: 38px;
}
.five14kids-tile-div {
border-style: solid;
box-shadow: 2px 2px #15161a;
}
.five14kids-tile-div.the-city {
margin-top: 0;
}
.five14kids-info-div.blue, .five14kids-info-div.purple {
background-color: #0000;
padding-bottom: 30px;
}
.five14kids-description {
color: var(--f14-black);
}
.five14kids-button {
display: none;
}
.main-nav-background-v2 {
flex-direction: column;
justify-content: center;
}
.heading-13 {
text-transform: uppercase;
width: 98%;
}
.text-block-57 {
font-size: 15px;
line-height: 20px;
}
.text-block-58 {
color: var(--dark-slate-gray);
font-style: italic;
}
.link-21 {
font-size: 16px;
}
.div-block-51.mobile {
display: block;
}
.div-block-51.desktop {
display: none;
}
.link-block-7 {
width: 90%;
margin-bottom: 40px;
}
.image-49 {
width: 90%;
margin-bottom: 30px;
}
.link-on-black {
color: var(--white);
}
.link-on-black:hover {
color: #e9e9e9;
}
.body-14 {
background-color: var(--white);
}
.field-label-avenir {
color: var(--f14-black);
letter-spacing: 1px;
text-transform: uppercase;
font-family: Avenir, Arial, sans-serif;
font-size: 13px;
}
.hero-section-a {
width: 100%;
display: none;
}
.hero-section-b {
width: 100%;
height: auto;
padding-left: 10px;
padding-right: 10px;
}
.hero-section-c {
background-size: 150%;
padding-top: 26px;
}
.div-block-52 {
margin-bottom: 40px;
}
.section-d {
width: 100%;
display: block;
}
.div-block-53.mobile {
margin-bottom: 13px;
}
.section-d-mobile {
display: none;
}
.section-a2 {
width: 100%;
}
.online-experience-div.five14-kids-desktop {
display: none;
}
.online-experience-div.five14-kids-mobile {
display: block;
}
.standard-header-section.current-message {
align-items: center;
padding-top: 32px;
padding-bottom: 30px;
display: flex;
}
.heading-title-div {
width: 98%;
}
.h1-heading-with-bars._80p {
width: 90%;
padding-top: 16px;
padding-bottom: 13px;
line-height: 40px;
}
.standard-section {
width: 100%;
}
.standard-section.current-message {
flex-direction: column;
align-items: center;
padding-top: 9px;
padding-left: 9px;
padding-right: 9px;
}
.standard-section.series-messages {
align-items: center;
}
.standard-section.let-there-be-love-share {
flex-direction: column;
align-items: center;
padding-bottom: 65px;
}
.collection-item-3 {
flex-direction: column;
align-items: center;
display: flex;
}
.div-block-54 {
border-bottom: 1px solid var(--white);
text-align: center;
width: 98%;
margin-bottom: 40px;
padding-bottom: 20px;
}
.div-block-55 {
text-align: center;
width: 98%;
position: static;
}
.text-block-63 {
text-align: center;
margin-bottom: 11px;
}
.series-collection-list.current-series {
width: 98%;
padding-bottom: 24px;
}
.series-collection-item {
margin-bottom: 30px;
padding: 0;
}
.series-collection-list-tiles {
place-content: stretch;
place-items: stretch center;
}
.series-collection-list-tiles.current-series {
grid-template-columns: 1fr;
}
.heading-16 {
line-height: 16px;
}
.text-block-64 {
line-height: 15px;
}
.talk-notes-v2 {
text-align: center;
}
.kids-online-section-2.app {
padding-top: 40px;
}
.faq-img {
display: none;
}
.section-a1 {
width: 100%;
}
.hero-section-banner {
width: 100%;
height: auto;
margin-top: 15px;
padding-top: 20px;
padding-bottom: 20px;
display: none;
}
.image-55 {
width: 40%;
height: auto;
margin-bottom: 19px;
}
.div-block-67 {
flex-direction: column;
align-items: center;
max-width: 90%;
}
.text-block-69 {
text-align: center;
margin-bottom: 20px;
line-height: 20px;
}
.div-block-68 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.kids-camp-section {
width: 100%;
}
.grid-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr;
}
.div-block-69 {
padding-top: 6px;
padding-bottom: 0;
}
.image-56 {
margin-bottom: 20px;
}
.section-a3 {
width: 100%;
}
.announcement-div {
padding-bottom: 4px;
}
.announcement-text-div {
padding-top: 6px;
padding-bottom: 0;
}
.div-block-43a {
padding-bottom: 10px;
position: static;
}
.groups-intro-text, .easy-next-step-text {
max-width: 92%;
}
.groups-day-of-the-week-v2 {
display: block;
}
.groups-tile-v2 {
background-color: var(--white);
}
.groups-day-div-v2 {
flex-wrap: nowrap;
display: none;
}
.groups-day-div-v2.sunday {
display: none;
}
.ministries-tile-div-2 {
height: 160px;
}
.intro-text, .ministries-about-text {
max-width: 92%;
}
.ministries-about-text.white {
text-align: center;
}
.giving-payments {
padding-left: 6px;
padding-right: 6px;
}
.div-block-70 {
padding-bottom: 12px;
padding-left: 3px;
padding-right: 3px;
}
.heading-22 {
text-align: center;
}
.giving-links-div {
flex-direction: column;
width: 100%;
position: static;
}
.grid-5 {
width: 96%;
}
.div-block-71 {
margin-top: 6px;
}
.securities-button-div {
text-align: center;
}
.giving-about-text {
text-align: center;
max-width: 92%;
}
.div-block-73 {
padding-top: 0;
padding-bottom: 0;
}
.section-24 {
width: 100%;
padding-bottom: 30px;
}
.image-58 {
width: 240px;
}
.image-60 {
width: 60px;
}
.hero-section-b-copy {
width: 100%;
height: auto;
padding-left: 10px;
padding-right: 10px;
}
.hero-section-d {
background-image: linear-gradient(#00000042, #00000042), linear-gradient(87deg, #000000b3 1%, #0000 47%), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/6605bfbdd060734213d7a5f0_main%20background%20web.jpg");
background-position: 0 0, 0 0, 58%;
background-repeat: repeat, repeat, no-repeat;
background-size: auto, auto, cover;
width: 100%;
height: auto;
padding-left: 10px;
padding-right: 10px;
}
.rooted-section {
width: 100%;
}
.image-62 {
width: 200px;
height: 200px;
margin-left: -81px;
}
.div-block-75 {
width: 202px;
}
.image-63 {
display: none;
}
.div-block-76 {
margin-bottom: 77px;
}
.paragraph-6 {
width: 100%;
max-width: 100%;
font-size: 15px;
line-height: 20px;
}
.div-block-77 {
margin-top: 80px;
}
.imstillthankful-link-div {
margin-bottom: 20px;
}
.image-65 {
width: 800px;
max-width: 76%;
display: block;
}
.navbar-v2-full-vh {
position: sticky;
}
.image-66 {
width: 90%;
max-width: 90%;
}
.menu-vh {
align-self: flex-end;
}
.text-block-74 {
line-height: 27px;
}
.text-block-75 {
width: 96%;
max-width: none;
line-height: 34px;
}
.text-block-76 {
width: 96%;
max-width: none;
}
.heading-23 {
width: 96%;
}
.text-block-77 {
width: 96%;
margin-bottom: 69px;
}
.div-block-79 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.column-28, .column-29 {
height: 50%;
}
.easter-reg-link-div {
margin-bottom: 20px;
position: static;
bottom: 0%;
}
.image-68, .image-69 {
margin-bottom: 0;
}
.full-height-div.good-friday, .full-height-div.easter {
height: 500px;
}
.section-a4 {
width: 100%;
}
.online-experience-banner-div {
padding-bottom: 30px;
}
.online-experience-banner-div.five14-kids-desktop {
display: none;
}
.online-experience-banner-div.five14-kids-mobile {
display: block;
}
.image-70 {
margin-top: -14px;
}
.text-span-2 {
font-size: 30px;
}
.black-outline-button-copy {
text-align: left;
}
.black-outline-button-copy.on-black {
border-color: var(--white);
color: var(--white);
}
.black-outline-button-copy.on-black:hover {
background-color: var(--white);
color: var(--f14-black);
}
.watch-and-listen-div {
margin-bottom: 20px;
}
.dadcamp-logo {
object-fit: contain;
width: 98%;
max-width: 95%;
margin-bottom: 28px;
padding: 0;
}
.dadcamp-logo.app {
width: 160px;
margin-top: 20px;
margin-bottom: 10px;
}
.dadcamp-hero-section {
padding-top: 60px;
}
.dadcamp-hero-slogan {
flex-wrap: wrap;
}
.heading-24 {
font-size: 21px;
line-height: 30px;
}
.dadcamp-header.white {
margin-top: 0;
}
.dadcamp-copy {
font-size: 14px;
line-height: 20px;
}
.dadcamp-more-info-section {
padding-top: 70px;
padding-bottom: 50px;
}
.dadcamp-button.yellow {
margin-bottom: 20px;
}
.dadcamp-contact {
width: 90%;
font-size: 16px;
}
.dadcamp-contact-info {
width: 94%;
}
.slider-icon {
color: var(--white);
text-shadow: 1px 1px 6px #000;
}
.slider-container {
width: 94%;
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.camp-dates {
width: 98%;
}
.camp-date-registration {
margin-bottom: 17px;
font-size: 17px;
}
.dadcamp-details {
font-size: 17px;
}
.dadcamp-details-section {
padding-left: 0;
padding-right: 0;
}
.dadcamp-detials-div {
padding-left: 16px;
padding-right: 16px;
}
.dadcamp-video-div {
width: 94%;
}
.dadcamp-video-div.pad-bottom {
margin-bottom: 30px;
}
.dadcamp-media-div {
width: 98%;
}
.div-block-43b {
padding-bottom: 10px;
position: static;
}
.div-block-43c {
margin-top: -772px;
margin-bottom: 280px;
padding-bottom: 431px;
position: static;
}
.div-block-42d {
width: 100%;
max-width: none;
}
.section-4a2 {
align-items: stretch;
width: 100%;
height: auto;
}
.watch-and-listen-div-copy {
margin-bottom: 20px;
}
.arrow-link-div-copy.watch {
margin-bottom: 20px;
display: flex;
}
.arrow-link-div-copy.streaming {
margin-bottom: 30px;
display: flex;
}
.arrow-link-div-copy.streaming.left-align {
justify-content: flex-start;
align-items: flex-start;
padding-top: 25px;
padding-left: 0;
}
.div-block-42d-copy {
width: 100%;
max-width: none;
}
.button-v2-copy.clear-on-black.reserve, .button-v2-copy.clear-on-white.reserve, .button-v2-copy.off-black.reserve, .button-v2-copy.black-and-red.reserve {
padding-top: 9px;
padding-bottom: 9px;
}
.button-v2-copy.black-copy {
margin-top: 0;
margin-bottom: 16px;
}
.button-v2-copy.black-copy.reserve {
padding-top: 9px;
padding-bottom: 9px;
}
.button-v2-copy.black-modal {
margin-top: 0;
margin-bottom: 0;
}
.button-v2-copy.black-modal.reserve {
padding-top: 9px;
padding-bottom: 9px;
}
.button-v2-copy.clear-on-black.reserve, .button-v2-copy.clear-on-white.reserve, .button-v2-copy.off-black.reserve, .button-v2-copy.black-and-red.reserve {
padding-top: 9px;
padding-bottom: 9px;
}
.button-v2-copy {
margin-bottom: 3px;
}
.button-v2-copy.spaced-right {
align-self: auto;
margin-bottom: 20px;
margin-right: 0;
}
.button-v2-copy.black {
margin-top: 0;
margin-bottom: 50px;
}
.button-v2-copy.black.reserve {
padding-top: 9px;
padding-bottom: 9px;
}
.button-v2-copy.times {
margin-right: 0;
}
.button-v2-copy.clear-on-black.reserve, .button-v2-copy.clear-on-white.reserve, .button-v2-copy.off-black.reserve, .button-v2-copy.black-and-red.reserve {
padding-top: 9px;
padding-bottom: 9px;
}
.section-4a-copy {
align-items: stretch;
width: 100%;
height: auto;
}
.messages-button-div {
margin-bottom: 20px;
}
.event-type-selector-section-white-copy {
padding-bottom: 10px;
}
.event-type-selector-section-white-copy.kids2.full-height-section {
height: 300px;
}
.kids-online-section-info {
padding-top: 30px;
}
.kids-online-section-info.app {
padding-top: 40px;
}
.black-outline-button-boom {
text-align: left;
}
.black-outline-button-boom.on-black {
border-color: var(--white);
color: var(--white);
}
.black-outline-button-boom.on-black:hover {
background-color: var(--white);
color: var(--f14-black);
}
.easter23-hero {
height: 80vh;
}
.section-27 {
padding-top: 50px;
padding-bottom: 80px;
}
.div-block-82 {
place-items: center stretch;
}
.heading-25 {
font-size: 26px;
}
.div-block-84 {
width: 100%;
margin-bottom: 23px;
padding-left: 0;
padding-right: 0;
}
.div-block-85 {
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
}
.button-2.x-transition-colorful {
margin-bottom: 13px;
}
.button-2.x-transition-colorful.main {
margin-bottom: 0;
}
.section-28 {
padding-top: 50px;
padding-bottom: 80px;
}
.div-block-86 {
margin-top: 20px;
left: 44%;
right: 56%;
}
.div-block-87 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.heading-27 {
width: 98%;
}
.section-30 {
padding-top: 50px;
padding-bottom: 80px;
}
.text-block-81, .text-block-82.space, .text-block-83 {
font-size: 16px;
line-height: 22px;
}
.heading-28 {
font-size: 40px;
line-height: 56px;
}
.div-block-99 {
max-width: 93%;
margin-top: 40px;
}
.heading-27-italic.white {
border-bottom: 1px solid #fff;
margin-bottom: 35px;
padding-bottom: 16px;
}
.heading-25-2.white {
margin-bottom: 6px;
font-size: 24px;
line-height: 31px;
}
.heading-30 {
max-width: 300px;
font-size: 34px;
}
.div-block-100 {
top: 35%;
}
.div-block-104 {
width: 95%;
}
.div-block-107 {
padding-bottom: 10px;
}
.heading-31.white {
font-size: 34px;
}
.section-31 {
padding-top: 50px;
padding-bottom: 80px;
}
.div-block-103b {
width: 100%;
height: 260px;
}
.image-77 {
width: 100%;
}
.div-block-104b {
width: 95%;
}
.heading-28-copy {
font-size: 40px;
line-height: 56px;
}
.section-a5 {
width: 100%;
}
.image-78 {
width: 80%;
}
.text-block-85 {
font-size: 45px;
line-height: 46px;
}
.div-block-110 {
flex-direction: column;
}
.div-block-97-copy {
margin-top: 12px;
margin-left: 0;
}
.div-block-98-copy {
align-self: stretch;
margin-right: 0;
}
.div-block-85-copy {
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 70%;
margin-bottom: 0;
}
.div-block-110-copy {
flex-direction: column;
inset: 3% 0% auto;
}
.div-block-110-copy-copy {
flex-direction: column;
align-items: center;
}
.image-79 {
width: 100%;
}
.text-block-84b, .text-block-84c {
text-align: center;
}
.serve-cbus-hero-text {
margin-left: 6px;
margin-right: 6px;
font-size: 11px;
line-height: 19px;
}
.ongoing-drive-graphics-div {
margin-top: 30px;
margin-bottom: 30px;
}
.div-block-113 {
align-items: stretch;
}
.div-block-114, .sss-logo-main-image {
max-width: 90%;
}
.sss-section-1 {
width: 100%;
padding-top: 50px;
}
.sss-heading-1 {
font-size: 24px;
line-height: 28px;
}
.div-block-115 {
max-width: 93%;
margin-bottom: 20px;
}
.sss-section-2 {
width: 100%;
padding-top: 50px;
padding-bottom: 0;
}
.sss-heading-3.find-it {
max-width: 90%;
font-size: 25px;
line-height: 28px;
}
.sss-paragraph {
font-size: 17px;
line-height: 21px;
}
.sss-paragraph.hosts {
font-size: 15px;
line-height: 18px;
}
.sss-paragraph.dark {
font-size: 17px;
line-height: 21px;
}
.sss-paragraph.sub-text-dark {
font-size: 15px;
line-height: 18px;
}
.sss-paragraph.dark-border {
font-size: 17px;
line-height: 21px;
}
.div-block-117 {
margin-bottom: 40px;
}
.div-block-118 {
flex-direction: column;
align-items: center;
display: flex;
}
.link-24 {
font-size: 10px;
line-height: 12px;
}
.div-block-115-copy {
max-width: 93%;
margin-bottom: 20px;
}
.we-could-hero-section {
height: 100vh;
}
.we-could-title-div {
margin-top: 12px;
}
.we-could-hero-title {
font-size: 82px;
line-height: 71px;
}
.we-could-hero-subtitle {
margin-bottom: 29px;
}
.we-could-section.train {
padding-top: 45px;
padding-bottom: 70px;
}
.we-could-section.series, .we-could-section.wrigley {
padding: 30px 20px 60px;
}
.we-could-section.about {
padding-top: 30px;
padding-bottom: 60px;
}
.we-could-section.commitment {
padding: 30px 20px 60px;
}
.we-could-section-title.we-could-series {
margin-bottom: 49px;
}
.we-could-h2 {
font-size: 29px;
line-height: 29px;
}
.we-could-paragraph {
max-width: 100%;
font-size: 17px;
line-height: 23px;
}
.we-could-paragraph.white {
font-size: 17px;
line-height: 23px;
}
.we-could-button.form-submit {
margin-left: 0;
margin-right: 0;
}
._154-mouse-wrapper {
display: none;
}
.we-could-four-cs-title-div {
align-items: center;
margin-bottom: 40px;
}
.four-cs.the {
margin-left: 0;
margin-right: 39px;
font-size: 37px;
line-height: 37px;
}
.four-cs.four {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
font-size: 70px;
line-height: 70px;
}
.four-cs.cs {
margin-left: 75px;
font-size: 37px;
line-height: 36px;
}
.four-cs-points {
padding-left: 28px;
}
.four-cs-h4._1, .four-cs-h4._2, .four-cs-h4._3, .four-cs-h4._4 {
font-size: 22px;
}
.four-cs-text {
font-size: 12px;
line-height: 16px;
}
.we-could-series-container {
width: 100%;
max-width: 100%;
padding-top: 30px;
}
.we-could-series-div {
max-width: 100%;
}
.we-could-series-video-div {
margin-bottom: 5px;
}
.we-could-series-video {
width: 100%;
}
.we-could-series-info {
max-width: 100%;
}
.we-could-series-title {
width: 100%;
}
.we-could-series-description {
width: 100%;
margin-bottom: 34px;
}
.we-could-middle-align-div {
width: 90%;
}
.we-could-middle-align-div.testimony, .we-could-middle-align-div.about, .heading-33 {
width: 100%;
}
.div-block-122 {
flex-direction: column;
align-items: stretch;
height: auto;
padding: 20px;
}
.div-block-123 {
max-width: 100%;
}
.heading-34 {
font-size: 22px;
line-height: 24px;
}
.we-could-testimony-content.form-holder {
max-width: 100%;
}
.we-could-about-text-line {
margin-top: 37px;
margin-bottom: 37px;
}
.div-block-125 {
margin-bottom: 60px;
}
.div-block-126 {
margin-right: 0;
}
.wc-and-star-div, .wc-and-star-div.right {
width: 48px;
display: none;
}
.wc23 {
font-size: 26px;
line-height: 27px;
}
.form {
padding: 26px 16px 33px;
}
.heading-35 {
font-size: 20px;
line-height: 20px;
}
.div-block-129 {
height: 100px;
}
.image-85 {
margin-left: 24px;
margin-right: 24px;
}
.we-could-commitment-container {
max-width: 100%;
}
.we-could-commitment-button-div {
flex-direction: column;
display: flex;
}
.section-3b {
background-image: radial-gradient(circle at 60%, #00000061, #000000c9), url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/6547b05ff033546e8f3093eb_DJI_20231009184114_0019_D.jpg");
background-position: 0 0, 50% 53%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
width: 100%;
}
.christmas23-hero-section {
height: 92vh;
}
.christmas23-angel-div {
width: 80%;
margin-bottom: 55px;
}
.christmas23-angel-div.home {
width: 100%;
}
.div-block-134 {
width: 90%;
}
.christmas23-christmas {
margin-bottom: 9px;
}
.text-block-90.points {
font-size: 18px;
line-height: 25px;
}
.christmas23-button {
text-decoration: none;
}
.christmas23-button.home {
margin-left: 0;
margin-right: 0;
}
.christmas23-button-text {
text-decoration: none;
}
.christmas23-button-text.home {
font-size: 12px;
}
.christmas23-section.about {
padding-top: 84px;
padding-bottom: 84px;
}
.christmas23-section.invite, .christmas23-section.location {
padding-top: 85px;
}
.christmas23-wide-div.about-heading {
grid-column-gap: 30px;
grid-row-gap: 30px;
width: 90%;
max-width: 100%;
margin-bottom: 60px;
}
.christmas23-wide-div.invite-heading {
width: 80%;
max-width: 100%;
}
.christmas23-wide-div.location-heading {
place-items: center;
width: 90%;
max-width: 100%;
}
.christmas23-wide-div.about-div {
width: 90%;
max-width: 100%;
}
.christmas23-wide-div.invite-div {
width: 80%;
max-width: 100%;
}
.christmas23-h2 {
font-size: 52px;
line-height: 52px;
}
.christmas23-h2.maroon {
font-size: 47px;
}
.christmas23-about-grid-div.about-photo {
grid-column-gap: 19px;
grid-row-gap: 19px;
}
.christmas23-about-grid-div.about {
margin-bottom: 0;
}
.christmas23-about-grid-div.captions, .christmas23-about-grid-div.share {
width: 100%;
}
.christmas23-about-grid-div.map {
width: 90%;
}
.christmas23-expect-text {
font-size: 13px;
font-weight: 600;
line-height: 14px;
}
.christmas23-caption {
width: 100%;
}
.christmas23-five14-christmas-text {
letter-spacing: 1px;
font-size: 14px;
}
.christmas24-service-times {
font-size: 15px;
line-height: 18px;
}
.christmas23-share-div {
width: 80%;
}
.hero-section-d-christmas {
width: 100%;
height: 538px;
}
.christmas23-christmas-home {
margin-bottom: 9px;
}
.div-block-134-home {
justify-content: center;
width: 70%;
max-width: none;
padding-top: 45px;
position: static;
}
.christmas23-hero-button-div-home {
align-items: stretch;
width: 82%;
position: relative;
bottom: -15px;
}
.christmas23-service-times-home {
margin-bottom: 0;
font-size: 13px;
line-height: 16px;
position: static;
}
.christmas23-angel-div-home {
width: 80%;
margin-bottom: 140px;
position: relative;
}
.easter24-hero {
height: 100vh;
}
.easter24-hero-content {
max-width: 90%;
}
.easter24-h3.join {
font-size: 22px;
line-height: 22px;
}
.easter24-h1.easter {
margin-top: 6px;
margin-left: -3px;
font-size: 56px;
line-height: 40px;
}
.easter24-h1.at {
margin-top: 6px;
font-size: 50px;
line-height: 40px;
}
.easter24-date-text.top {
font-size: 19px;
}
.easter24-date-text.datesingle {
height: auto;
font-size: 19px;
}
.easter24-section {
padding-top: 80px;
padding-bottom: 80px;
}
.easter24-join-div {
justify-content: center;
place-items: center;
}
.div-block-139 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.easter24-h2 {
width: 100%;
font-size: 53px;
line-height: 41px;
}
.easter24-h2.palm {
font-size: 29px;
line-height: 47px;
}
.easter24-h2.invite {
font-size: 28px;
line-height: 47px;
}
.easter24-h2.for {
width: auto;
}
.image-88 {
width: 87px;
margin-bottom: 26px;
margin-left: 14px;
}
.easter24-paragraph.families {
text-align: center;
font-size: 19px;
line-height: 23px;
}
.easter24-paragraph.familes {
font-size: 18px;
}
.easter24-paragraph.q {
font-size: 17px;
}
.easter24-paragraph.easter-form {
width: 100%;
}
.link-block-15.gradient {
width: 250px;
}
.easter24-palm-sunday-div {
place-content: center;
}
.easter24-white-box-div {
padding-left: 19px;
padding-right: 19px;
}
.easter24-white-box-div.palm-title {
padding-bottom: 10px;
}
.easter24-white-box-div.invite-title {
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
}
.easter24-white-box-div.questions {
padding-left: 20px;
padding-right: 20px;
}
.easter24-white-box-div.invite {
padding-left: 13px;
padding-right: 13px;
}
.easter24-invite-div2 {
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.easter24-families-title-div.invite {
flex-flow: column;
}
.easter24-families-content-div {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.image-91 {
width: 50%;
}
.easter24-h3-v2.questions {
font-size: 14px;
}
.easter24-h3-v2.new {
font-size: 17px;
line-height: 26px;
}
.image-92 {
height: 33px;
margin-bottom: 8px;
}
.easter24-h4 {
margin-left: 20px;
margin-right: 20px;
font-size: 19px;
line-height: 22px;
}
.easter24-invite-content-div {
max-width: 100%;
}
.text-block-92 {
width: 100%;
max-width: 318px;
}
.image-93 {
height: 166px;
}
.div-block-145 {
margin-bottom: -6px;
}
.form-block-5 {
max-width: 100%;
}
.div-block-146 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.section-3c {
background-image: url("https://cdn.prod.website-files.com/57167b06aa16efd13dfe898c/6601db832ca25ca02600fb28_easter%20home%20background%20mobile.jpg");
background-position: 50% 0;
background-size: cover;
width: 100%;
padding-left: 6%;
}
.easter-button-link {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.easter-button-link-div {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: static;
}
.section-32 {
height: auto;
padding-top: 75px;
padding-bottom: 75px;
}
.easter24-playlist-text {
text-align: center;
text-transform: uppercase;
margin-bottom: 25px;
font-family: Tan Mon Cheri, Times New Roman, sans-serif;
font-size: 40px;
line-height: 57px;
}
.easter24-playlist-text.families {
text-align: center;
font-size: 19px;
line-height: 23px;
}
.easter24-playlist-text.familes {
font-size: 18px;
}
.easter24-playlist-text.q {
font-size: 17px;
}
.easter24-playlist-text.easter-form {
width: 100%;
}
.easter24-playlist-button-text {
font-size: 18px;
}
.easter-playlist-div-container {
margin-top: 0;
}
.the-beginning-title-image {
width: 100%;
}
.div-block-148 {
max-width: 96%;
}
.paragraph-8 {
word-break: normal;
max-width: 90%;
font-size: 15px;
line-height: 20px;
}
.text-block-95 {
font-size: 15px;
line-height: 21px;
}
.the-beginning-register-section {
padding-top: 50px;
}
.the-beginning-register-div {
margin-bottom: 50px;
}
.heading-36 {
font-size: 20px;
}
.text-block-97 {
width: 100%;
}
.serve-cbus-title {
margin-bottom: 3px;
}
.serve-cbus-title.home {
text-align: center;
width: 100%;
margin-top: 12px;
margin-bottom: 20px;
font-size: 53px;
line-height: 48px;
}
.image-94.serve-cbus-ease-in {
width: .3em;
margin-bottom: 0;
}
.image-95 {
width: 250px;
height: 250px;
top: -7%;
right: -41%;
}
.image-96 {
width: 120px;
top: 21%;
left: -23%;
}
.div-block-154 {
bottom: -6%;
}
.serve-cbus-background-title {
font-size: 150px;
line-height: 176px;
}
.serve-cbus-home-div {
width: 90%;
}
.serve-heart {
width: 65px;
}
.serve-heart.serve-cbus-ease-in {
width: .3em;
margin-bottom: 0;
}
.serve-cbus-home-dates-div {
width: 200px;
}
.heading-38 {
text-align: center;
}
.div-block-156 {
max-width: 90%;
}
.god-became-man-hero-section {
height: 720px;
}
.heading-39 {
font-size: 33px;
line-height: 32px;
}
.heading-40 {
margin-top: 8px;
font-size: 17px;
line-height: 18px;
}
.image-97 {
width: 40px;
margin-bottom: 5px;
}
.rooted-year {
width: 90%;
font-size: 13px;
}
.rooted-blurb {
text-align: justify;
margin-bottom: 60px;
font-size: 15px;
line-height: 21px;
}
.rooted-logo-div {
padding-right: 23px;
}
.rooted-logo {
width: 90px;
}
.div-block-75b {
width: 202px;
}
.image-62b {
width: 200px;
height: 200px;
margin-right: -90px;
}
.div-block-77b {
margin-top: 30px;
}
.rooted-blurb-heading {
width: 80%;
font-size: 18px;
line-height: 24px;
}
.rooted-sub-blurb {
width: 100%;
font-size: 12px;
}
.div-block-77c {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.christmas24-title {
font-size: 28px;
line-height: 28px;
}
.christmas24-times-div {
bottom: 237px;
}
.christmas24-button {
text-decoration: none;
}
.christmas24-button.home {
margin-left: 0;
margin-right: 0;
}
.christmas24-no-sunday-div {
inset: 20px 0% auto;
}
.div-block-163 {
width: 84%;
min-width: 84%;
max-height: none;
}
.div-block-166 {
bottom: 21px;
}
.section-33 {
width: 100%;
}
.text-block-100 {
font-size: 11px;
line-height: 14px;
}
.nav-v3-container {
grid-template-columns: 1fr 1fr;
}
.nav-v3-container-div-left {
display: none;
}
.nav-v3-container-div-middle {
justify-content: center;
align-items: flex-start;
}
.menu-v2 {
display: flex;
}
.main-menu-item-v3 {
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.main-menu-item-v3.w--current {
margin-left: 5px;
margin-right: 5px;
}
.text-block-101 {
margin-bottom: 0;
}
.hero-section-100vh {
padding-top: 110px;
}
.container-div._100p {
padding-bottom: 60px;
}
.container-div._100.change {
padding-top: 60px;
padding-bottom: 66px;
}
.container-div._100.why {
padding-top: 70px;
}
.container-div._100.give {
padding-bottom: 54px;
padding-left: 10px;
}
.h1-sailingclub.hero {
font-size: 40px;
line-height: 1;
}
.underscore-div._260 {
width: 140px;
}
.wide-image-div {
margin-bottom: 60px;
}
.description-text._700 {
font-size: .9rem;
line-height: 1.3rem;
}
.main-menu-item-v2-copy {
float: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.main-menu-item-v2-copy.w--current {
margin-left: 5px;
margin-right: 5px;
}
.h2-v3.change-giving {
font-size: 1.9rem;
line-height: 2.2rem;
}
.h2-v3.why-we-give {
font-size: 52px;
}
.h2-v3.give {
margin-left: 25px;
font-size: 57px;
line-height: 1;
}
.h2-v3.more-ways {
font-size: 41px;
line-height: 1;
}
.v3-paragraph {
line-height: 1.3rem;
}
.change-giving-tile-container {
width: 100%;
}
.h3-v3.why-we-give {
font-size: 66px;
}
.h3-v3.why-we-give.haas {
font-size: 53px;
}
.change-giving-tile {
width: 100%;
padding-left: 24px;
padding-right: 24px;
}
.change-giving-text {
text-align: center;
font-size: 12px;
}
.image-105 {
width: 100%;
min-width: 0;
}
.div-block-174 {
width: 80%;
}
.div-block-175 {
width: 90%;
}
.p-why-we-give {
width: 100%;
}
.div-block-176 {
width: 100%;
padding-right: 0;
}
.div-block-178 {
top: 37px;
right: -3%;
}
.div-block-179 {
justify-content: center;
align-items: center;
width: 100%;
margin-left: 0;
}
.div-block-182 {
width: 100%;
padding-left: 30px;
padding-right: 30px;
}
.div-block-183 {
width: 100%;
padding-right: 0;
}
.div-block-184 {
display: none;
}
.div-block-185 {
border-bottom-left-radius: 70px;
left: 14px;
right: 0%;
}
.div-block-187 {
padding-right: 0;
}
.div-block-188 {
position: relative;
left: 523px;
overflow: hidden;
}
.div-block-190 {
width: 100%;
}
.menu-v2-5 {
display: flex;
}
.div-block-196 {
width: 90%;
}
}
#w-node-f1da311c-0455-88e8-2238-cdb85c34b219-5c34b20e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_704a9854-8cd5-e14d-b5b7-c2dbcd2ae8ac-7325bf42 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_0a5ad9b0-8e7d-52be-a156-e4e2c07ab665-7325bf42 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_888cf9ff-2103-227f-2544-dcda78cd62cc-bfccb6e4, #w-node-_2209ace7-239a-0ed2-553e-e20f03cae4a0-bfccb6e4 {
grid-area: latest-message;
}
#w-node-_2209ace7-239a-0ed2-553e-e20f03cae4b9-bfccb6e4 {
grid-area: media-link;
}
#w-node-_3dad741e-38f5-bbe1-e1b6-d63d19b6fcdd-86fb4734, #w-node-_8a97e833-5660-fe01-a9c3-2569ac5a4e2d-86fb4734 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b1295e87-b967-0b1b-d0d0-fcf0e7d1e5ac-86fb4734, #w-node-_7d9295cc-1a36-b33c-9f33-6c8b99d79697-86fb4734 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_31d4273b-9b10-483c-7b87-c9859b45d9ad-86fb4734, #w-node-_31d4273b-9b10-483c-7b87-c9859b45d9ae-86fb4734 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7546b743-1e7b-d225-bcb8-7e390f98ea49-86fb4734 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_0fa16208-ad68-9eec-11df-a5a911fca911-86fb4734, #w-node-_0fa16208-ad68-9eec-11df-a5a911fca912-86fb4734 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b179fae9-1938-fc03-7833-8fb6e347f5d6-86fb4734 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-bf04889d-b1d2-d252-b1ed-fc0f55355e0e-86fb4734, #w-node-b8db5a77-b69b-5412-567e-50307be9aef9-86fb4734 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1db1ce7a-0bb7-a196-1cac-a7183bb60843-86fb4734 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-aefc86a7-ae79-8eed-e3c0-8ab886a2ee7a-86fb4734, #w-node-eaaf8ead-d25c-aaa4-957f-cbe1e98e1e55-86fb4734, #w-node-_54d437c6-77eb-fec2-d491-0fa809fb2329-86fb4734, #w-node-c9b7fbbe-a21f-baa7-4691-dede05b58d63-86fb4734, #w-node-_36d35c72-55ed-5b43-bdca-3ac09ba46c52-86fb4734, #w-node-e78e7d4e-c179-b2c3-e2f8-94e5bbf5f808-86fb4734, #w-node-_0d6aecc0-2e76-6634-858b-bbd439144e6e-86fb4734 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c0a30b88-5fc5-cca0-5edf-144002862fc5-e82932dd {
align-self: center;
}
#w-node-_36757864-34e7-32f4-31c6-9e5ece4f3d52-e82932dd {
justify-self: end;
}
#w-node-_404d8dd4-717b-739d-1fe2-a94fda608f9b-e82932dd {
justify-self: start;
}
#w-node-_577ea516-03dc-e174-7bfd-c40894562e41-94562e34 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (max-width: 991px) {
#w-node-_888cf9ff-2103-227f-2544-dcda78cd62cc-bfccb6e4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_5b9db5b2-29df-ea32-5b79-0ae946e0f7f3-bfccb6e4 {
grid-area: media-link;
}
#w-node-_2209ace7-239a-0ed2-553e-e20f03cae4a0-bfccb6e4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_36757864-34e7-32f4-31c6-9e5ece4f3d52-e82932dd, #w-node-_404d8dd4-717b-739d-1fe2-a94fda608f9b-e82932dd {
justify-self: auto;
}
#w-node-e85d77b3-6472-0d59-7d87-d4b41f78f678-e82932dd {
order: 9999;
}
#w-node-_111a8754-9705-111a-5a18-8ee4dba51805-e82932dd {
justify-self: end;
}
}
@media screen and (max-width: 767px) {
#w-node-e85d77b3-6472-0d59-7d87-d4b41f78f678-e82932dd, #w-node-f9d0c4de-d683-2278-ef8d-27912e57c7b8-e82932dd {
order: 9999;
}
}