#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 h3 { 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 h3 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; box-shadow: 0px 6px 6px 2px rgba(0, 0, 0, 0.15); border-radius: .65rem; }

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