#newhere3 #select-nav-dropdown, #newhere3 #select-nav-dropdown-button { display: block; margin: 1em auto; }

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

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

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

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

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

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

#stickysub #stickysub-nav li a { display: block; padding: 1em 1em .75em; box-sizing: border-box; font-size: .875rem; background: transparent; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; }

@media (min-width: 768px) { #stickysub #stickysub-nav li a { font-size: 1rem; } }

@media (min-width: 992px) { #stickysub #stickysub-nav li a { padding: 1em 2em .75em; } }

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

@media (min-width: 992px) { #stickysub #stickysub-nav li.toplink { right: 2rem; } }

@media (min-width: 1200px) { #stickysub #stickysub-nav li.toplink { right: 3rem; } }

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

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

#stickysub #stickysub-nav li.toplink > a > .txt { display: none; }

@media (min-width: 1400px) { #stickysub #stickysub-nav li.toplink > a > .txt { display: inline-block; } }

@media (min-width: 768px) { #stickysub.is-sticky { position: fixed; top: 0; } }

/* Section Padding Adjustment - MK037 */
#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; }

/*Colors*/
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 { width: 100%; position: relative; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; margin-bottom: -3rem; margin-top: 1rem; }

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

.nh3-monklet-section-featured article { position: relative; width: 100%; margin-bottom: 3rem; text-align: center; }

@media (min-width: 768px) { .nh3-monklet-section-featured article { width: 22.75%; margin-left: 3%; }
  .nh3-monklet-section-featured article:nth-child(4n+1) { margin-left: 0; } }

.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: 25%; flex: 25% 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: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; transition: .3s opacity; z-index: 155; text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.7); }

.nh3-monklet-section-grid article > a:hover h2 { opacity: .9; }

.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; } }

@media (max-width: 768px) { .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: 3rem 15px; 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 { width: 100%; position: relative; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; margin-bottom: -3rem; }

.nh3-monklet-section-staff article { position: relative; width: 100%; margin-bottom: 3rem; text-align: center; }

@media (min-width: 768px) { .nh3-monklet-section-staff article { width: 22%; margin-left: 4%; }
  .nh3-monklet-section-staff article:nth-child(4n+1) { margin-left: 0; } }

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

.nh3-monklet-section-staff article .image > a { display: block; opacity: 1.0; 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 > a:hover { opacity: 0.82; background-color: transparent !important; }

.nh3-monklet-section-staff article .image img { display: block; width: 100%; height: auto; -webkit-backface-visibility: hidden; }

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

.nh3-monklet-section-staff article .info-rollover { position: absolute; right: 0; top: 0; width: 100%; height: 100%; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; transition: 0.4s; }

.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-color: transparent !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: 12px; 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: 0; bottom: 20px; width: 100%; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; }

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

.nh3-monklet-section-staff article .info-rollover ul li a { display: block; width: 28px; height: 28px; text-align: center; border-radius: 100%; }

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

.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 { padding: 3rem 5%; text-align: center; }

@media (min-width: 768px) { .nh3-monklet-section-featured-event .info { padding: 6rem 5%; }
  .nh3-monklet-section-featured-event .info p { max-width: 500px; margin-left: auto; margin-right: auto; } }

/*Featured Article Monklet*/
.nh3-monklet-section-featured-article article { background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 2rem; 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; }

@media (min-width: 768px) { .nh3-monklet-section-featured-article article { padding: 6rem 5%; position: relative; }
  .nh3-monklet-section-featured-article article > .container.flexbox { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; }
  .nh3-monklet-section-featured-article .image { margin-bottom: 0; width: 47.5%; margin-right: 4%; }
  .nh3-monklet-section-featured-article .info { width: 47.5%; text-align: left; } }

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

#nh3-location-map.loading { min-height: 300px; 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: 460px; } }

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

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

#nh3-location-map img { max-width: none; }

#nh3-location-map .infowindow { margin-top: 2em; display: block; width: 350px; font-size: 16px; position: relative; background-color: #fff; 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-primary { margin-bottom: 0; }

#nh3-location-map .infowindow .btn-primary: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: 60px; bottom: -12px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #fff; }

#nh3-location-map .infowindow .info { position: relative; height: 100%; display: -webkit-box; display: flex; overflow-x: hidden; overflow-y: auto; }

#nh3-location-map .infowindow .text { position: relative; min-height: 1px; width: 100%; flex: 1 0 100%; }

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