/*font-family: 'Roboto', sans-serif;*/
#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: 992px) { .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 .heading { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0 !important; padding: 0 !important; font-size: 1.875rem; font-weight: 700; z-index: 355; }

.nh3-monklet-section-grid article > a .heading > 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 > a .icons { text-align: center; margin-bottom: 1rem; }

.nh3-monklet-section-grid article > a .icons span { display: block; position: relative; margin: 0 auto; width: 50px; height: 50px; border-radius: 50%; color: var(--bs-yellow); background-color: var(--bs-white); box-shadow: 0 0 7px rgba(var(--bs-black-rgb), 0.15); text-align: center; }

.nh3-monklet-section-grid article > a .icons span:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 1px; border-style: solid; border-color: var(--bs-yellow); border-radius: 50%; }

.nh3-monklet-section-grid article > a .icons span:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; outline: 5px solid var(--bs-white); border-radius: 50%; }

.nh3-monklet-section-grid article > a .icons span i { display: block; font-size: 1.25rem; line-height: 50px; }

.nh3-monklet-section-grid article > a h4 { transition: all 0.2s ease-in-out; text-shadow: 1px 2px 3px rgba(20, 20, 20, 0.35); }

.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.98px) { .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; }

/*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; }

/*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: 280px; padding: 0px; font-size: 16px; position: relative; text-decoration: none; filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3)); font-family: var(--bs-font-sans-serif); }

/* #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; }

/* Colors
================================================== */
#nh3-location-map .infowindow { background-color: var(--bs-white); }

#nh3-location-map .infowindow:before { border-top-color: var(--bs-white); }

.nh3-monklet-section-featured article .info a > div, .nh3-monklet-section-featured article .info h3 { color: var(--bs-gray-600); }

.nh3-monklet-section-featured article .info a.add-hover > div { color: var(--bs-yellow); }

@media (hover: hover) { .nh3-monklet-section-featured article .info a.add-hover:hover > div { color: var(--bs-gray-300); } }

.nh3-monklet-section-grid .nh3-desktop { background-color: var(--bs-gray-100); }

.dark .nh3-monklet-section-grid .nh3-desktop { background-color: var(--bs-black); }

.nh3-monklet-section-grid article > a:after { background-color: var(--bs-black); }

.nh3-monklet-section-grid article > a h4 { color: var(--bs-darkcolor); }

@media (hover: hover) { .nh3-monklet-section-grid article > a:hover h4 { color: var(--bs-yellow); } }