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

#ministry1 .m1-monklet #pagination { margin-bottom: 0; }

@media (min-width: 768px) { #ministry1 #select-nav-dropdown, #ministry1 #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; 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; } }

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

@media (min-width: 768px) { #tabs { -webkit-box-pack: center; justify-content: center; }
  .ui-tabs-nav { -webkit-box-pack: center; justify-content: center; }
  .module-tabs { -webkit-box-pack: center; justify-content: center; } }

/* Offset the .row margin-bottom + the article margin-bottom */
 .m1-monklet-section-staff { margin-bottom: -3.5rem; }

.m1-monklet-staff article .info li a, .m1-monklet-section-staff article .info li a { display: block; background-color: transparent; }

.m1-monklet-section-volunteer .info { padding-top: 2em; }

.m1-monklet-section-volunteer .image + .info { padding-top: 0; }

.m1-monklet-section-resources { margin-bottom: -3rem; }

.m1-monklet-section-resources .category span:after, .m1-monklet-section-volunteer .category span:after { content: ", "; }

.m1-monklet-section-resources .category span:last-child:after, .m1-monklet-section-volunteer .category span:last-child:after { display: none; }

/*used to hide unneeded parent category labels from displaying... may need to play with this some*/
.m1-monklet-section-resources .category .articles-4, .m1-monklet-section-resources .category .resources, .m1-monklet-section-resources .category .stories, .m1-monklet-section-resources .category .volunteer, .m1-monklet-section-resources .category .volunteer-1, .m1-monklet-section-resources .category .volunteer-2 { display: none; }

.m1-monklet-section-volunteer .category .articles-4, .m1-monklet-section-volunteer .category .resources, .m1-monklet-section-volunteer .category .stories, .m1-monklet-section-volunteer .category .volunteer, .m1-monklet-section-volunteer .category .volunteer-1, .m1-monklet-section-volunteer .category .volunteer-2 { display: none; }

.ministry-media .btn-add a { font-size: 1rem; padding: .9rem 1.5rem .65rem; margin: 0 !important; }

.m1-monklet-section-sermon { margin-bottom: -2rem; }

/* SMALL GROUPS SECTION */
.m1-monklet-section-groups { display: block; width: 100%; justify-content: center; }

.m1-monklet-section-groups[data-type='groups2'] { justify-content: space-between; }

@media (min-width: 1024px) { .m1-monklet-section-groups { display: flex; }
  .m1-monklet-section-groups[data-type='groups2'] { flex-direction: row-reverse; } }

/* Small Groups 2 Map - adjust padding-top as needed for mobile display */
.m1-monklet-section-groups #smallgroups2-map { position: relative; width: 100%; margin: 0; padding: 150% 0 0; }

@media (min-width: 375px) { .m1-monklet-section-groups #smallgroups2-map { padding-top: 135%; } }

@media (min-width: 768px) { .m1-monklet-section-groups #smallgroups2-map { padding-top: 100%; } }

@media (min-width: 1024px) { .m1-monklet-section-groups #smallgroups2-map { width: calc(50% - 1.5em); padding-top: 0; } }

.m1-monklet-section-groups .items { position: relative; width: 100%; margin: 0 0 3em; text-align: left; padding-bottom: 2.75rem; }

@media (min-width: 1024px) { .m1-monklet-section-groups .items { margin: 0; width: calc(50% - 1.5em); } }

.m1-monklet-section-groups #small-groups-image { width: 100%; padding-top: 100%; margin: 0; background-size: cover; background-position: center; /* Background image will be ajax'd in from linklist */ }

@media (min-width: 1024px) { .m1-monklet-section-groups #small-groups-image { padding-top: 0; width: calc(50% - 1.5em); margin: 0 0 0 3em; } }

.m1-monklet-section-groups #small-groups-image.blank { /* If no background image, hide element */ display: none !important; }

.m1-monklet-section-groups article { padding: 1.25em; position: relative; border-bottom-style: solid; border-bottom-width: 1px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 6.5em; width: 100%; display: block; }

.m1-monklet-section-groups article header { position: absolute; top: 50%; transform: translateY(-50%); width: calc(100% - 2em); overflow: hidden; }

.m1-monklet-section-groups article .wrap { overflow: hidden; width: 100%; display: block; }

.m1-monklet-section-groups[data-type='groups2'] article .meta { font-size: 14px; }

.m1-monklet-section-groups article .meta { margin: 2px 0 0 0; font-size: 14px; }

.m1-monklet-section-groups article .meta:empty { display: none; }

.m1-monklet-section-groups article .details { display: none; border-top-style: solid; border-top-width: 1px; padding-top: 2.5%; margin-top: 2.5%; text-align: center; }

.m1-monklet-section-groups article .details p { font-size: 16px; text-align: left; margin-bottom: 1em; }

.m1-monklet-section-groups .list-view .meta div { float: none; line-height: 1.5; }

.m1-monklet-section-groups .list-view .time, .m1-monklet-section-groups .list-view .location { margin: 0; }

.m1-monklet-section-groups .list-view .time { width: 100%; }

.m1-monklet-section-groups .list-view .location { width: 100%; }

.m1-monklet-section-groups .list-view .group { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.m1-monklet-section-groups .list-view .meta div { width: 100%; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1; padding-left: 1px; margin-bottom: .25em;}

.m1-monklet-section-groups .list-view .meta div:first-of-type { margin-top: .25em; }

.m1-monklet-section-groups .list-view .meta div:last-of-type { margin-bottom: 0; }

.m1-monklet-section-groups .list-view .meta div > .icon { padding-right: .2em; }

.m1-monklet-section-groups .items .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(255, 255, 255, 0.8) url(/_assets/img/loaders/preloader.svg) center center no-repeat; }

.m1-monklet-section-groups #pagination { text-align: center; margin: 0; padding: .5em; border-bottom-style: solid; border-bottom-width: 1px; height: 2.75rem; box-sizing: border-box; position: absolute; bottom: 0; width: 100%; }

/* Classes Monklet */

.m1-monklet-section-classfinder article {
	margin-bottom: 1rem;
}

.m1-monklet-section-classfinder .article-row {
	position: relative;
	width: 100%;
	max-width: 100%;
	height: 100%;
	display: -webkit-box;
	display: flex;
}

.m1-monklet-section-classfinder .date {
	position: relative;
	width: 100%;
	-webkit-box-flex: 0;
	flex: 0 0 66px;
	max-width: 66px;
	min-height: 1px;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
}

.m1-monklet-section-classfinder .date > div {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
  	transform: translateY(-50%);
}

.m1-monklet-section-classfinder .date .day {
	display: block;
	font-weight: 800;
	letter-spacing: .1em;
	margin-right: -.1em;
	font-size: 24px;
	line-height: 1.1;
	margin-top: .2rem;
}

.m1-monklet-section-classfinder .date .month {
	display: block;
	text-transform: uppercase;
	text-align: center;
	font-weight: 300;
	font-size: 1rem;
}

.m1-monklet-section-classfinder .info {
	position: relative;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	min-height: 1px;
}

.m1-monklet-section-classfinder .info-inner {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
  	transform: translateY(-50%);
	padding: 1rem 1.75rem;
}

.m1-monklet-section-classfinder .info .title {
	margin-bottom: .125rem;
}

.m1-monklet-section-classfinder .info .time {
	margin: 0 0 -.25em !important;
}

/* InfoBox styles for small group map */
#ministry1 .infoBox { position: relative; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); }

#ministry1 .infoBox:after { content: ""; position: absolute; top: 5px; left: 100%; border: solid transparent; height: 0; width: 0; pointer-events: none; border-width: 12px; }

#ministry1 .infoBox .wrap, #ministry1 .infoBox .title { padding: 10px; }

#ministry1 .infoBox .wrap::after, #ministry1 .infoBox .title::after { display: block; content: ""; clear: both; }

#ministry1 .infoBox > img { z-index: 1; }

#ministry1 .infoBox .title { min-height: 40px; }

#ministry1 .infoBox .title.grouped { min-height: inherit; margin-bottom: 20px; padding: 15px 10px; }

#ministry1 .infoBox .title { position: relative; }

#ministry1 .infoBox .title img { float: left; margin-right: 10px; }

#ministry1 .infoBox .title h5 { line-height: 1; margin: 0; }

#ministry1 .infoBox p { margin-bottom: 5px; }

#ministry1 .infoBox ol { padding: 4px 16px 16px 32px; margin: 0; height: auto; max-height: 200px; overflow-y: scroll; }

#ministry1 .infoBox ol li { padding: 0; font-size: 16px; line-height: 1.3; }

#ministry1 .infoBox ol li:last-child { border-bottom: none; }

#ministry1 .infoBox ol .group a { font-size: 16px; display: block; }

#ministry1 .infoBox ol .time { display: block; font-size: 14px; }

#ministry1 .infoBox .time, #ministry1 .infoBox .location, #ministry1 .infoBox .group { font-size: 14px; margin-bottom: 5px; display: block; }

#ministry1 .infoBox .buttons { text-align: center; }

#ministry1 .infoBox .buttons.grouped { margin: 0 16px; }

#ministry1 .infoBox .buttons .btn { display: block; margin: 5px auto; }

#ministry1 .infoBox .buttons .btn:only-of-type { margin: 5px auto 10px; display: block; }
