/*
$blue:  	#69a5c1;
$green: 	#fabb19;
*/

nav.main { background-color: rgba(80,177,183,0.97); }

a { color: #69a5c1;  }

a:hover { color: #fabb19;  }

h1, .h1 { color: #69a5c1;  }

blockquote {  border-left: 3px solid #69a5c1; }

.rsvp a, .media li a, .btn, .button { color: #69a5c1; }

.btn-default { color: #69a5c1; background-color: transparent; border: 2px solid #69a5c1; }

.btn-default:hover, .btn-default.active { color: #fff; background-color: #fabb19; border-color: #fabb19; }

.btn-primary, .button, .rsvp a, .media li a { color: #fff; background-color: #69a5c1; }

.btn-primary:hover, .button:hover, .rsvp a:hover, .btn-primary.active, .button.active, .rsvp a.active, .media li a { color: #fff; background-color: #fabb19; }

.btn-success { color: #fff; background-color: #fabb19; }

.btn-success:hover, .btn-success.active { color: #fff; background-color: #69a5c1; }

.btn-info { color: #fff; background-color: #5e5e5e; }

.btn-info:hover, .btn-info.active { color: #fff; background-color: #fabb19; }

.btn-warning { color: #fff; background-color: #292929; }

.btn-warning:hover, .btn-warning.active { color: #fff; background-color: #fabb19; }

.btn-danger { color: #fff; background-color: #ec0520; }

.btn-danger:hover, .btn-danger.active { color: #fff; background-color: #292929; }

.dark, .dark blockquote { color: #fff; }

.dark .btn-default { color: #fff; background-color: transparent; border-color: #fff; }

.dark .btn-default:hover, .dark .btn-default.active { color: #fff; background-color: #fabb19; border-color: #fabb19; }

.monkForm p.error {color: #69a5c1; }

.monkForm .asterisk { color: #69a5c1; }

.monkForm input[type=submit] { background-color: #69a5c1; }

.monkForm input[type=submit]:hover { background-color: #fabb19; }

#module-search-submit, #zip-search-submit, #gF-filter-submit { color: #69a5c1;  }

.alertB3 .alertbar-link a:hover{color:#50b1b7}

.alertB3 .alertbar-link a:hover {
	color: #fabb19;
}

#header .toggle a i { background-color: #69a5c1;  }

nav.main .search .search-toggle:hover { color: #69a5c1; }

#searchForm #search_go { color: #69a5c1; }

.mp_list li { color: #69a5c1;  }

.mp_list li.mp_no_results strong { color: #5e5e5e; }

.mp_list li.mp_highlighted { background: #ececec; }

.mp_list li .type { color: #292929; }

.mp_list li.searching { background-color: #ececec; color: #292929; }

.mp_list li.mp_show_more { color: #fff; background-color: #292929;}

nav.subnav { background-color: #69a5c1; }

nav.subnav .toggle { background-color: #69a5c1; }

.widget.sermon .media-links a { background-color: #69a5c1; }

.widget.sermon .media-links a:hover { background-color: #fabb19; }

.dark .widget.sermon h5 a:hover { color: #69a5c1; }

#footer .footer-connect .contact a:hover { color: #69a5c1; }

#footer .footer-connect .social-links a:hover { color: #69a5c1; }

#footer .footer-nav div.links > ul.quicklinks li.level- a { color: #fabb19; }

#footer .footer-nav div.links li.level- a { color: #69a5c1; }


#footer .footer-nav div.links li.level-1 a:hover { color: #69a5c1; }


#footer .copyright .icon-ekk-logo:hover { color: #69a5c1; }


#csec-new-here-3-what-to-expect > .content-section-inner { padding-top: 0; }

#newhere3 .content-section .content-section-inner.nopadding { padding-top: 0; padding-bottom: 0; }

img { max-width: 100%; }

/*Sections - try and use the clients default full width sections instead of these*/
.newhere-section .newhere-section-inner { background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 3rem 0; }

@media (min-width: 1024px) { .newhere-section .newhere-section-inner.parallax { background-attachment: fixed; } }

.newhere-section .container { /*this is primarily used for the layout site and you should use the client default container */ position: relative; width: 90%; padding: 0 5%; }

.newhere-section p:last-of-type { margin: 0; }

/*Featured Monklet*/
.nh3-monklet-section-featured { margin-bottom: -2.5rem; margin-top: 1rem; }

@media (min-width: 992px) { .nh3-monklet-section-featured { margin-top: 2rem; } }

.nh3-monklet-section-featured article { position: relative; margin-bottom: 2.5rem; text-align: center; }

.nh3-monklet-section-featured article .info a { text-decoration: none !important; }

.nh3-monklet-section-featured article .info a > div { margin-bottom: .25rem; transition: all .2s ease-in-out; }

.nh3-monklet-section-featured article .info a > div span { font-size: 2.55rem; }

.nh3-monklet-section-featured article .info h3 { margin-bottom: .5rem; transition: all .2s ease-in-out; }

.nh3-monklet-section-featured article .info p { margin-bottom: 0; }

.nh3-monklet-section-featured .info > div a { background-color: transparent !important; }

/*Grid Monklet*/
.nh3-monklet-section-grid { width: 100%; position: relative; }

.nh3-monklet-section-grid .nh3-row { width: 100%; position: relative; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; }

.nh3-monklet-section-grid .nh3-row article { width: 100%; min-height: 1px; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }

@media (min-width: 768px) { .nh3-monklet-section-grid .nh3-row article { -webkit-box-flex: 33%; flex: 33% 1 0; max-width: none; } }

.nh3-monklet-section-grid article > a { display: block; position: relative; padding-bottom: 56.25%; background-size: 0 0; cursor: pointer; overflow: hidden; transition: none; }

.nh3-monklet-section-grid article > a:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 102%; background: inherit; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 150; transition: .2s linear; }

.nh3-monklet-section-grid article > a:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 151; opacity: .15; }

.nh3-monklet-section-grid article.active > a:before { display: none; }

.nh3-monklet-section-grid article > a:hover:after { height: 110%; }

.nh3-monklet-section-grid article.active > a { overflow: visible; }

.nh3-monklet-section-grid article.active > a:after { height: 110%; -webkit-clip-path: polygon(100% 0, 100% 91%, 60% 91%, 50% 100%, 40% 91%, 0 91%, 0 0); clip-path: polygon(100% 0, 100% 91%, 60% 91%, 50% 100%, 40% 91%, 0 91%, 0 0); }

.nh3-monklet-section-grid article.inactive > a { opacity: .3; }

.nh3-monklet-section-grid article.inactive > a:hover { opacity: 1; }

.nh3-monklet-section-grid article > a h2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0 !important; padding: 0 !important; font-size: 1.875rem; font-weight: 700; transition: all 0.2s ease-in-out; z-index: 355; text-shadow: 1px 1px 1px rgba(20, 20, 20, 0.75); }

.nh3-monklet-section-grid article > a h2 span { display: block; position: relative; text-align: center; padding: 0 1rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.nh3-monklet-section-grid article .info-wrap { width: 100%; transition: .3s; max-height: 0; opacity: 0; visibility: hidden; overflow: auto; z-index: 100; }

.nh3-monklet-section-grid article.active .info-wrap { max-height: 600px; opacity: 1; visibility: visible; }

.nh3-monklet-section-grid .nh3-desktop { display: none; }

@media (min-width: 768px) { .nh3-monklet-section-grid article .info-wrap { display: none !important; } }

/* NOTE: different breakpoint here, since we're doing max-width, instead of min-width... */
@media (max-width: 767.9px) { .nh3-monklet-section-grid .nh3-desktop { display: none !important; } }

.nh3-monklet-section-grid article .info { position: relative; transition: .2s all ease-in-out .65s; }

.nh3-monklet-section-grid .nh3-desktop .info, .nh3-monklet-section-grid article.active .info { padding: 4rem 1rem 3rem; max-width: 1110px; margin: 0 auto; }

.nh3-monklet-section-grid article.active .info { transition: none; }

.nh3-monklet-section-grid .info .more { margin-top: 1.5rem; margin-bottom: 0; }

/*Staff Monklet*/
.nh3-monklet-section-staff { margin-bottom: -2rem; }

.nh3-monklet-section-staff article { margin-bottom: 2rem; text-align: center; }

.nh3-monklet-section-staff article .image { position: relative; margin-bottom: 1em; overflow: hidden; border-radius: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;  }

.nh3-monklet-section-staff article .image:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: none !important; }

.nh3-monklet-section-staff article .image[data-hasimage] { display: block !important; }

.nh3-monklet-section-staff article .image > a { display: block; position: relative; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }

.nh3-monklet-section-staff article .image img { display: block; width: 100%; height: auto; box-sizing: border-box; transition: all 0.2s ease-in-out; }

.nh3-monklet-section-staff article .image:hover .info-rollover { opacity: 1.0; }

.nh3-monklet-section-staff article .info-rollover { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; transition: 0.4s; z-index: 100; }

.nh3-monklet-section-staff article .info-rollover:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: .8; }

.nh3-monklet-section-staff article .info-rollover .info-rollover-inner { position: absolute; top: 0; left: 0; width: 100%; height: 75%; height: calc(100% - 58px); /*buffer matches ul (li height + ul top calc + 10)*/ overflow-x: hidden; overflow-y: auto; }

.nh3-monklet-section-staff article .info-rollover .info-rollover-inner a { position: relative; display: block; height: 100%; background: none !important; }

.nh3-monklet-section-staff article .info-rollover .info-rollover-inner p { position: relative; display: inline-block; vertical-align: middle; width: 90%; padding: 1em 5% 0 5% !important; margin: 0 !important; font-size: 14px; font-weight: 700; line-height: 2em; text-align: center; }

.nh3-monklet-section-staff article .info-rollover .info-rollover-inner p .preview + .learn-more { display: none; }

.nh3-monklet-section-staff article .info-rollover .info-rollover-inner span.spacer { height: 100%; display: inline-block; vertical-align: middle; }

.nh3-monklet-section-staff article .info-rollover ul, .nh3-monklet-section-staff article .info-rollover li { list-style: none !important; margin: 0 !important; padding: 0 !important; }

.nh3-monklet-section-staff article .info-rollover ul { position: absolute; left: 10px; bottom: 20px; width: calc(100% - 20px); display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; }

.nh3-monklet-section-staff article .info-rollover ul li { padding: 0 0.25rem !important; }

.nh3-monklet-section-staff article .info-rollover ul[data-hideemail] .email, .nh3-monklet-section-staff article .info-rollover ul[data-hideemail] .customemail { display: none !important; }

.nh3-monklet-section-staff article .info-rollover ul[data-customemail] .email { display: none !important; }

.nh3-monklet-section-staff article .info-rollover ul li a { display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50%; text-decoration: none !important; }

.nh3-monklet-section-staff article .info-rollover ul li a i { display: block; line-height: 32px; font-size: 16px; }

.nh3-monklet-section-staff article .info h6 { margin-bottom: .5rem; }

.nh3-monklet-section-staff article .info p { margin-bottom: 0; }

/*Featured Event Monklet*/
.nh3-monklet-section-featured-event article { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.nh3-monklet-section-featured-event .info { text-align: center; }

.nh3-monklet-section-featured-event .info > *:last-child { margin-bottom: 0; }

.nh3-monklet-section-featured-event .eventTime { text-transform: lowercase; }

/*Featured Article Monklet*/
.nh3-monklet-section-featured-article article { background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; }

.nh3-monklet-section-featured-article .image { margin-bottom: 2rem; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.nh3-monklet-section-featured-article .image img { display: block; width: 100%; height: auto; }

.div-embed { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.div-embed img { display: block; width: 100%; height: auto; }

.div-embed iframe, .div-embed object, .div-embed embed, .div-embed video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 !important; }

.div-embed video { background-position: center center; background-size: cover; -o-object-fit: cover; object-fit: cover; }

.nh3-monklet-section-featured-article .info { text-align: center; }

/*Church Map*/
#nh3-location-map { width: 100%; padding: 0; margin: 0; }

#nh3-location-map.loading { min-height: 380px; background-image: url(/_assets/img/loaders/preloader.svg); background-repeat: no-repeat; background-position: center center; background-size: 64px 64px; }

@media (min-width: 768px) { #nh3-location-map.loading { min-height: 560px; } }

#nh3-location-map.active { height: 380px; width: 100%; padding: 0; margin: 0; }

@media (min-width: 768px) { #nh3-location-map.active { height: 560px; } }

#nh3-location-map img { max-width: none; z-index: 999 !important; }

#nh3-location-map .infowindow { display: block; width: 260px; padding: 0px; font-size: 16px; position: relative; text-decoration: none; filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3)); }

/* #nh3-location-map .infowindow .btn-primary:first-of-type { margin-bottom: .5em; } */
#nh3-location-map .infowindow .btn-text { margin-bottom: 0; }

#nh3-location-map .infowindow .btn-text:last-of-type { margin-right: 0; }

/* @media (min-width:768px) { #nh3-location-map .infowindow { width: 400px; } #nh3-location-map .infowindow .btn-primary { margin-bottom: 0; } } */
#nh3-location-map .infowindow:before { content: ""; position: absolute; left: 116px; bottom: -12px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top-width: 12px; border-top-style: solid; }

#nh3-location-map .infowindow .info { position: relative; width: 100%; }

#nh3-location-map .infowindow .text { position: relative; }

#nh3-location-map .infowindow .text .inner { padding: 1rem; }

#select-nav-dropdown, #select-nav-dropdown-button { display: block; margin: 0 auto; }

@media (min-width: 992px) { #select-nav-dropdown, #select-nav-dropdown-button { display: none; } }

#stickysub { position: relative; top: 0; left: 0; width: 100%; z-index: 999; transition: .3; padding: .5rem 0; box-shadow: none; border: none !important; }

@media (min-width: 992px) { #stickysub { padding: 0; } }

#stickysub #stickysub-nav { display: none; text-align: center; margin: 0; padding: 0 2em; position: relative; }

#stickysub.menu #stickysub-nav { display: block;  }

@media (min-width: 992px) { #stickysub #stickysub-nav { display: block; } }

#stickysub #stickysub-nav li { display: inline-block; margin: 0; }

#stickysub #stickysub-nav li a { display: block; box-sizing: border-box; cursor: pointer; position: relative; text-align: center; padding: .85rem 2rem; line-height: 1.2; outline: none; box-shadow: none; box-sizing: border-box; font-size: 1.125rem; font-weight: 700;transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; text-decoration: none !important; }

#stickysub #stickysub-nav li.toplink { position: absolute; right: 2rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#stickysub #stickysub-nav li.toplink > a { position: relative; padding: 0 !important; }

#stickysub #stickysub-nav li.toplink > a > i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#stickysub.is-sticky { position: fixed;  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15); }

/* Colors
================================================== */
#nh3-location-map .infowindow { /* $body1 */ background-color: #ffffff; }

#nh3-location-map .infowindow:before { /* $body1 */ border-top-color: #ffffff; }

.nh3-monklet-section-featured article .info a > div, .nh3-monklet-section-featured article .info h3 { /* $text1 */ color: #292929; }

.nh3-monklet-section-featured article .info a.add-hover > div { /* $link1 */ color: #69a5c1; } 

@media (hover: hover) { .nh3-monklet-section-featured article .info a.add-hover:hover > div { /* $link2 */ color: #fabb19 ; } }

@media (hover: hover) { .nh3-monklet-section-featured article .info a.add-hover:hover h3 { /* $link2 */ color: #fabb19 ; } }

.nh3-monklet-section-grid .nh3-desktop { /* $highlight1 */ background-color: #ffffff; }

.dark .nh3-monklet-section-grid .nh3-desktop { /* $dark2 */ background-color: #292929; }

.nh3-monklet-section-grid article > a:after { /* $overlay1 */ background-color: #292929; }

.nh3-monklet-section-staff article .image { /* $highlight1 */ background-color: #ffffff; }

.nh3-monklet-section-staff article .info-rollover:before { /* $overlay1 */ background-color: #292929; }

.nh3-monklet-section-staff article .info-rollover ul li a { /* $darktext */ color: #ffffff; }

.nh3-monklet-section-staff article .info-rollover ul li a { /* $link1 */ background-color: #69a5c1; }

@media (hover: hover) { .nh3-monklet-section-staff article .info-rollover ul li a:hover { /* $link2 */ background-color: #fabb19; } }

.nh3-monklet-section-staff article .info-rollover, .nh3-monklet-section-staff article .info-rollover .info-rollover-inner p, .nh3-monklet-section-staff article .info-rollover .info-rollover-inner p span.read-more { /* $darktext */ color: #ffffff; }

.nh3-monklet-section-grid article > a h2 { /* $darktext */ color: #ffffff; }

@media (hover: hover) { .nh3-monklet-section-grid article > a:hover h2 { /* $link2 */ color: #fabb19; } }

#stickysub { /* $highlight1 */ border-bottom-color: #d1d1d1; }

#stickysub { /* $highlight1 */ background-color: #f8f8f8; }

#stickysub.is-sticky {  }

#stickysub #stickysub-nav li a { /* $text1 */ color: #292929; }

@media (hover: hover) { #stickysub #stickysub-nav li a:hover { /* $link2 */ color: #fabb19; } }

#stickysub #stickysub-nav li a.active { /* $link1 */ color: #69a5c1; }

#stickysub #stickysub-nav li a.active { background-color: #ffffff; }