/* design library for Dash */
/* bs grid: https://getbootstrap.com/docs/4.0/layout/grid/; */
:root {
	--shadow: 
        0 1px 1px hsl(0deg 0% 0% / 0.075),
        0 2px 2px hsl(0deg 0% 0% / 0.075),
        0 4px 4px hsl(0deg 0% 0% / 0.075),
        0 8px 8px hsl(0deg 0% 0% / 0.075),
        0 16px 16px hsl(0deg 0% 0% / 0.075);
}
@media (min-width: 0px) {
	html {
		font-size: 65.2%;
	}
	body {
		background-color: #fff;
		/*#2c3e50;*/
		color: #222;
		font-family: sans-serif;
		font-size: 1.4rem;
		font-weight: 400;
		height: 100%;
		line-height: 1.5;
		margin: 0;
		overflow-x: hidden;
		overflow-x: hidden;
		overflow-y: scroll;
		padding: 0;
		/* has to be scroll, not auto */
		-webkit-overflow-scrolling: touch;
		width: 100%;
	}
	#all {
		overflow-x: hidden;
		scroll-behavior: smooth;
	}
	#all,
	.site-wrap,
	main,
	footer,
	.footer-primary,
	.footer-secondary {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
	}
	footer,
	.footer {
		position: unset;
	}
	.bg-black {
		background-color: #000;
	}
	.fade-focus {
		opacity: 0.8;
        filter: blur(2px);
        -webkit-filter: blur(2px);
	}
	/* hide bootstrap carets */
	.dropdown-toggle:after {
		content: none;
	}
	main, footer {
		z-index: 1;
	}
	.container {
		margin: 0;
		padding: 0 24px;
		width: 100%;
		max-width: 100%;
	}

	.badge.desc {
		background: none;
		color: #999;
		display: block;
		float: left;
		font-size: 1.5rem;
		font-weight: 300;
		line-height: 1.2;
		padding: 4px 0;
		text-align: left;
		width: 100%;
	}
	.green {
		color: #10ac84;
	}
	.red {
		color: none;
	}
	.img-responsive {
		max-width: 100%;
	}
	.rotate-90 {
		transform: rotate(90deg);
	}
	.rotate-180 {
		transform: rotate(180deg);
	}
	.rotate-270 {
		transform: rotate(270deg);
	}
	img,
	a,
	aside,
	.fade-focus,
	.bg-black,
	.btn,
	button {
		transition: all 0.5s;
		-moz-transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
	}
	button[disabled] {
		cursor: not-allowed;
	}
	/* Imperavi image positioning */
	.outset-left {
		float: left;
	}
	.outset-right {
		float: right;
	}
	a.forgot-password {
		color: #777;
	}
	.tag-color,
	.swatch {
		border-radius: 90%;
		height: 32px;
		width: 32px;
	}
	/* background transform */
	div,
	article,
	span,
	td {
		transition: background 0.5s;
		-moz-transition: background 0.5s;
		-webkit-transition: background 0.5s;
		-o-transition: background 0.5s;
	}
	#submit-message {
		background-color: none !important;
		display: flex;
		flex-direction: row;
		justify-content: center;
		min-height: 24px;
		position: absolute;
			top: 24px;
		width: 100% !important;
		z-index: 9999999999;
	}
		#submit-message .submitMsg-inner {
			background: #1abc9c;
			color: #fff;
			flex-grow: 0;
			flex-shrink: 0;
			max-width: 400px;
			padding: 6px 24px 6px 12px;
			position: relative;
		}
			#submit-message .submitMsg-inner .close {
				position: absolute;
				top: 4px;
				right: 4px;
			}
	/* list filters */
	.filter-wrap {
		display: block;
		float: left;
		width: 100%;
	}
	.modal.show {
		height: 100vh;
		max-width: 100%;
	}
		.modal.show .modal-dialog .modal-content {
			box-shadow: var(--shadow);
		}
	.modal-backdrop.show {
		display: none;
	}
	/*
	.modal.show {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 80vh;
		margin: 24px 5% 0 5%;
		max-width: none;
		width: 90%;
		z-index: 1041;
	}
	.modal.show .modal-dialog {
		width: 100%;
		max-width: none;
	}
	.modal-backdrop.show {
		display: none;
	}
	.modal-header-heading {
		display: flex;
		flex-direction: row;
	}
		.modal-header-heading img {
			max-width: 60px;
		}
	.modal-trigger {
		float: left;
		width: 100%;
	}
	*/

	/* hide details arrow marker */
	details summary::marker {
		display:none;
	}
	/* hide details arrow marker - firefox */
	details > summary:first-of-type {
		list-style-type: none;
	}
	/* default behaviours for open and closed icons for details elements */
	details summary .is-closed {
		display: inline-block;
	}
	details summary .is-open {
		display: none;
	}
	details[open] summary .is-closed {
		display: none;
	}
	details[open] summary .is-open {
		display: inline-block;
	}
	/* default button behaviours for open and close icons */
	button[aria-expanded="false"] .is-closed {
		display: inline-block;
	}
	button[aria-expanded="false"] .is-open {
		display: none;
	}
	button[aria-expanded="true"] .is-closed {
		display: none;
	}
	button[aria-expanded="true"] .is-open {
		display: inline-block;
	}

	.flex {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-end;
	}
	.flex.flex-center {
		flex-wrap: wrap;
		justify-content: center;
	}
		.flex-item {
			align-self: auto;
			flex-grow: 1;
			margin: 0;
		}
		.flex.flex-center .flex-item {
			flex-grow: 0;
		}
	/* embeded media */
	.embed-responsive {
		display: flex;
		flex-direction: row;
	}
		.embed-responsive-item {
			border: none;
			overflow: hidden;
			width: 100%;
		}
	/* collapsing buttons */
	.collapse-button {
		margin: 4px 0;
		position: relative;
	}
	.collapse-button[aria-expanded="false"] .collapse-button-icon-opened,
	.collapse-button[aria-expanded="true"] .collapse-button-icon-closed {
		display: inline;
	}
	.collapse-button[aria-expanded="true"] .collapse-button-icon-opened,
	.collapse-button[aria-expanded="false"] .collapse-button-icon-closed {
		display: none;
	}
	.collapse-button-icon {
		padding-left: 4px;
	}
	.collapse {
		float: left;
		margin: 0 0 8px 0;
		width: 100%;
	}
	details summary .details-icon {
		font-size: 80%;
		padding-left: 4px;
	}
	details summary .details-icon-open,
	details[open] summary .details-icon-close {
		display: inline-block;
	}
	details[open] summary .details-icon-open,
	details summary .details-icon-close {
		display: none;
	}
	.list { /* wrapper class */
		display: block;
		float: left;
		padding: 32px 16px;
		width: 100%;
	}
	.list-group,
	.list-group-item {
		background: none;
		border: none;
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.list-group-item {
		padding: 3px 0;
	}

	.error,
	label.error {
		background: #c0392b;
		color: #fff;
		display: block;
		float: left;
		padding: 8px 12px;
		width: 100%;
	}
	input.error {
		background: #fff;
		color: #c0392b;
	}
	.well {
		display: block;
		float: left;
		min-height: 24px;
		width: 100%;
	}
	strong {
		font-weight: 900;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		display: block;
		float: left;
		font-weight: 900;
		line-height: normal;
		width: 100%;
	}
	main p {
		font-size: 1.75rem;
		line-height: 1.4;
	}
	.btn-wrap {
		float: left;
		text-align: center;
		width: 100%;
	}
	.btn {
		font-weight: 900;
	}
	.btn-primary {
		border-color: none;
		font-size: 1.9rem;
		letter-spacing: 0.5px;
		line-height: 1.9rem;
		padding: 16px 32px;
		text-transform: uppercase;
	}
	.btn-primary:active,
	.btn-primary:focus,
	.btn-primary:hover {
		border-color: none;
		background-color: #e74c3c;
	}
	.btn-link {
		font-size: inherit;
		font-weight: inherit;
	}
	.white {
		background: #fff;
	}
	.bg {
		float: left;
		font-size: 1.15rem;
		line-height: 1.25;
		margin: 0 0 4px 0;
		padding: 8px 12px;
		width: 100%;
	}
	.bg-feature {
		background: #013243;
		color: #fff;
	}
	.bg-info {
		background-color: #d0e6f5 !important;
		border: 2px solid #87c1e8;
		color: #000;
		opacity: 0.75;
	}
	.visible-xs {
		display: block;
	}
	.hidden-xs {
		display: none;
	}
	.nav-related {
		display: block;
		float: left;
		padding: 24px 0;
	}
		.nav-related a {
			font-weight: 400;
			padding: 12px 28px;
		}
	#all, .position-relative {
		position: relative;
	}
	.header-wrap {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		float: left;
		padding: 0 16px;
		width: 100%;
	}
		.header-item {
			display: flex;
			flex-grow: 1;
			flex-shrink: 1;
		}
		.header-item-nav {
			justify-content: flex-end;
		}
	#searchbar,
	#topbar.hide {
		display: none;
	}
	#searchbar.show,
	#topbar {
		background: #fff;
		box-shadow: 0px 3px 4px #777;
		margin: 0;
		min-height: 60px;
		padding: 0;
		position: fixed;
			top: 0;
			left: 0;
			right: 0;
		transition: transform 200ms linear;
		width: 100%;
		will-change: transform;
		z-index: 999;
	}
	#searchbar.show {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}
		#searchbar.show .search-wrap {
			display: flex;
			flex-grow: 1;
			flex-shrink: 1;
		}
			#searchbar.show .search-wrap form {
				align-self: center;
				display: flex;
				flex-direction: row-reverse;
				width: 100%;
			}
				#searchbar.show .search-wrap form input {
					flex-grow: 1;
					flex-shrink: 1;
					padding: 6px 8px;
				}
				#searchbar.show .search-wrap form button {
					background: none;
					border: 0;
					flex-grow: 0;
					flex-shrink: 0;
					font-size: 20px;
					width: 44px;
				}
		#searchbar.show .search-toggle {
			background: none;
			border: 0;
			flex-grow: 0;
			flex-shrink: 0;
			width: 44px;
		}
	/*
	#user-geolocation {
		display: none;
	}
	*/
	.nav-up {
		-webkit-transform: translateY(-100%);
				-ms-transform: translateY(-100%);
						transform: translateY(-100%);
	}
	.nav-down {
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}
	.header-login {
		background: #fff;
		color: #000;
		display: none;
		font-size: 1.2rem;
		line-height: 1.2;
		opacity: 0.4;
		padding: 4px 12px;
		position: absolute;
		top: 0;
		right: 0;
		width: auto;
	}
	.header-login:hover,
	.header-login:active,
	.header-login:focus {
		opacity: 0.8;
		text-decoration: none;
	}
	.featured {
		background: #013243;
		display: block;
		float: left;
		padding: 16px 0;
		width: 100%;
	}
	.featured-nav {
		float: left;
	}
		.featured-item {
			color: #fff;
			display: block;
			float: left;
			padding: 8px 12px;
			text-align: center;
			width: 50%;
		}
			.featured-item .fa {
				font-size: 44px;
			}
			.featured-item-heading {
				display: block;
				float: left;
				font-size: 1.75rem;
				line-height: 1.25;
				padding: 8px 0;
				width: 100%;
			}
		.featured-item:hover,
		.featured-item:active,
		.featured-item:focus {
			color: #3498db;
			text-decoration: none;
		}
	.h-collapse-trigger {
		background: none;
		border: 0;
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		text-align: left;
		width: 100%;
	}
	.h-icon {
		opacity: 0.6;
	}
	.h-collapse-trigger[aria-expanded="true"] .h-icon-true,
	.h-collapse-trigger[aria-expanded="false"] .h-icon-false {
		display: inline-block;
	}
	.h-collapse-trigger[aria-expanded="true"] .h-icon-true,
	.h-collapse-trigger[aria-expanded="false"] .h-icon-false {
		display: none;
	}
	.h-collapse {
		float: left;
		margin-bottom: 24px;
		width: 100%;
	}
	.h-heading {
		float: left;
		line-height: 1.2;
		margin: 0;
		padding: 12px 0 3px 0;
		width: 100%;
	}
	h2.h-heading {
		color: #028bba;
		font-size: 3.5rem;
	}
	h3.h-heading {
		color: #0378A1;
		font-size: 3rem;
	}
	h4.h-heading {
		color: #013243;
		font-size: 2.5rem;
	}
	h5.h-heading {
		font-size: 2rem;
	}
	.h-category {
		background: #fff;
		border: 1px solid #ccc;
		display: block;
		float: left;
		margin: 8px 0 24px 0;
		padding: 12px 16px;
		width: 100%;
	}
	.identity {
		float: left;
		padding: 8px 0;
	}
		.identity-link {
			color: #fff;
			display: block;
			padding: 0;
		}
		.identity-link:hover {
			color: #fff;
			text-decoration: none;
		}
			.identity-img {
				float: left;
				margin: 4px 8px 4px -10px;
				padding: 0;
				width: 36px;
			}
			.identity-title {
				color: #fff;
				display: block;
				float: left;
				font-size: 1.75rem;
				font-weight: 200;
				line-height: 1.0;
				padding: 8px 0 4px 0;
				width: 200px;
			}
			.identity-title span {
				display: block;
				float: left;
				width: 100%;
			}
			.identity-title-desc {
				font-size: 70%;
				padding-top: 2px;
				text-transform: uppercase;
			}
	.select2-container--default[style] {
		width: 100% !important;
	}
	/* override inline style="width: 100px;" */
	main {
		background: #eee;
		float: left;
		padding-top: 57px;
		position: relative;
	}
	/* home previews */
	.home-preview {
		display: block;
		float: left;
		padding: 24px 0;
		width: 100%;
	}
		.home-preview-heading {
			font-size: 2.8rem;
			line-height: 1.2;
		}
		.home-preview-text,
		.home-preview-text p,
		.home-preview-text ul li {
			font-size: 2rem;
			line-height: 1.6;
		}
		.home-preview-text ul li {
			padding: 4px 0;
		}
		.home-preview-link {
			background: #eee;
			border: 1px solid #013243;
			color: #013243;
			display: block;
			float: left;
			font-size: 2rem;
			font-style: italic;
			font-weight: 700;
			line-height: 1.2;
			margin-top: 12px;
			padding: 16px 24px;
		}
		.home-preview-link:hover {
			background: #fff;
			color: #013243;
			text-decoration: none;
		}
	/* content styles */
	.h,
	.h-wrap,
	.h-wrap .h-picture {
		height: 480px;
	}
	.h {
		color: #222;
		float: left;
		margin: 0 0 16px 0;
		padding: 0;
		position: relative;
		width: 100%;
	}
	.h-wrap {
		background: #fff;
		position: absolute;
		bottom: 0;
		left: 0;
		margin: 0;
		overflow: hidden;
		padding: 0;
		width: 100%;
		z-index: 1;
	}
	.h-wrap .h-picture {
		display: block;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		opacity: 0.35;
		filter: contrast(1.0);
		-webkit-filter: contrast(1.0);
	}
	.h-content {
		padding-top: 10%;
		position: relative;
		z-index: 3;
	}
	.h-title {
		background: none;
		display: block;
		font-size: 2.6rem;
		line-height: 2.85rem;
		font-weight: 900;
		min-height: 24px;
		padding: 12px 0;
		width: 100%;
	}
	.h-text {
		font-size: 1.75rem;
		font-weight: 400;
		line-height: 2.6rem;
		text-shadow: 0 0 12px #fff;
	}
	.h-content .btn-primary {
		margin-top: 12px;
	}
	/* page grid */
	.pgrid {
		display: block;
		float: left;
		padding: 0;
		width: 100%;
	}
		.pgrid-list {
			display: flex;
			flex-direction: column;
			float: left;
			list-style-type: none;
			margin: 0;
			padding: 0;
			width: 100%;
		}
			.pgrid-list-item {
				display: flex;
				flex-direction: column-reverse;
				font-family: usual, sans-serif;
				padding: 0 0 44px 0;
			}
			.pgrid-list-item.spacer {
				display: none;
			}
				.pgrid-list-item-content,
				.pgrid-list-item-img {
					width: 100%;
				}
				.pgrid-list-item-content {
					padding: 0 24px;
				}
					.pgrid-list-item-heading {
						color: #333;
						font-size: 3.5rem;
						font-weight: 700;
					}
						.pgrid-list-item-heading a {
							color: inherit;
						}
						.pgrid-list-item-heading a:hover {
							text-decoration: none;
						}
					.pgrid-list-item-text {
						color: #111;
						font-family: usual, sans-serif;
						font-size: 2rem;
						line-height: 1.6;
						padding: 8px 0;
					}
					.pgrid-list-item-link i {
						font-size: 80%;
					}
					.pgrid-list-item-content .extrafield {
						display: flex;
						flex-direction: row;
						float: left;
						width: 100%;
					}
						.pgrid-list-item-content .extrafield .extrafield-icon {
							font-size: 48px;
							padding-right: 16px;
						}
						.pgrid-list-item-content .extrafield .extrafield-heading {
							font-size: 2.25rem;
							padding-top: 12px;
						}
					
				.pgrid-list-item-img figure {
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
					height: 280px;
					margin: 24px;
					width: 100%;
				}
	.cardgrid {
		display: block;
		float: left;
		width: 100%;
	}
		.cardgrid-inner {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: center;
		}
			.cardgrid .card {
				background: none;
				display: flex;
				flex-direction: column;
				max-width: 320px;
				padding: 24px 32px;
			}
				.cardgrid .card .btn {
					font-size: 2rem;
					padding: 16px 44px;
				}

	/* event */
	.event section {
		float: left;
		width: 100%;
	}
	.event-heading {
		font-size: 2.8rem;
		line-height: 1.6;
		padding: 24px 16px;
	}
		.event-heading small {
			float: left;
			line-height: 1;
			width: 100%;
		}
	.event-heading a:hover {
		text-decoration: none;
	}
	.event-desc {
		font-size: 2.4rem;
		font-style: italic;
		line-height: 1.4;
		padding: 16px 0 32px 0;
	}
	.event-text {
		padding: 8px 0 24px 0;
	}
	.event-text p,
	.event-text ul li {
		font-size: 2rem;
		line-height: 1.4;
		padding: 4px 0;
	}
	.event-map {
		min-height: 320px;
	}
	.event-map iframe {
		border: 0;
		float: left;
		height: 400px;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.event-group {
		display: block;
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
		.event-group-item {
			border: 1px solid #ccc;
			display: block;
			float: left;
			margin-bottom: 24px;
			padding: 24px 40px;
			width: 100%;
		}
	/* event schedules */
	.event-schedules h2 {
		font-size: 3.6rem;
	}
	.event-schedules h3 {
		font-size: 3rem;
	}
	.event-schedules h4 {
		font-size: 2.6rem;
	}
	.event-schedules h5 {
		font-size: 2.25rem;
		font-weight: 700;
	}
	.event-schedules .time-heading {
		padding-top: 20px;
	}
	.event-schedules .sched {
		display: block;
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.event-schedules details {
		float: left;
		width: 100%;
	}
	.event-schedules details summary {
		border: 1px solid #ccc;
		font-size: 2.4rem;
		padding: 16px 24px;
	}
	.event-schedules details[open] summary {
		font-weight: 700;
	}
	.event-schedules details .details-contents {
		float: left;
		padding: 24px 16px;
		width: 100%;
	}
	.event-schedules .sched .place {
		font-size: 1.75rem;
		list-style-type: none;
		margin: 0;
		padding: 16px 0;
	}
	.event-schedules .sched .sched-item-body {
		font-size: 2rem;
		line-height: 1.8;
		padding: 24px 0;
	}
	/* schedule presenters */
	.event-schedules .sched .presenters {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		float: left;
		width: 100%;
	}
	.event-schedules .sched .presenter {
		margin-right: 12px;
		min-width: 240px;
		padding-bottom: 16px;
	}
	.event-schedules .sched .presenter,
	.event-schedules .sched .presenter .presenter-heading {
		display: flex;
		flex-direction: column;
	}
	.event-schedules .sched .presenter.no-img {
		flex-direction: row;
	}
		.event-schedules .sched .presenter.no-img .presenter-heading {
			justify-content: center;
		}
	.event-schedules .sched .presenter .presenter-img {
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 240px;
		width: 240px;
	}
	.event-schedules .sched .docs .list-group .list-group-item {
		font-size: 1.75rem;
	}
	/* embedded external page */
	.body-key-embedded-external-page iframe {
		border: 0;
		height: 100vh;
		overflow-x: auto;
		width: 100%;
	}
	/* post */
	.post,
	.post-main-img, /* inline main image */
	.post-body,
	.post-content,
	.post-actions,
	.post-share {
		display: block;
		float: left;
		width: 100%;
	}
	.post-nav {
		float: left;
	}
	.post {
		background: #fff;
		padding-bottom: 32px;
	}
	.post .panel {
		position: relative;
	}
		.post .panel #sidenav-toggle {
			font-size: 10px;
			position: absolute;
			top: 0;
			right: 0;
		}
	
	figure img,
	.post-body figure img {
		max-width: 100%;
	}
	.body-events .post {
		padding-bottom: 0;
	}
	h1.page-title,
	.post-header {
		background-color: #dedede;
		display: flex;
		flex-wrap: wrap;
		float: left;
		justify-content: center;
		min-height: 84px;
		margin-bottom: 24px;
		padding: 32px 16px 24px 16px;
		width: 100%;
	}
	h1.page-title,
	.post-header h1 {
		font-size: 4rem;
		line-height: 1.25;
	}
	.post-body blockquote,
	.post-body ul,
	.post-body ol {
		display: block;
		float: left;
		width: 100%;
	}
	
	/* aligning images from Article editor */
	.post .outset {
		display: flex;
		flex-direction: row;
		width: 100%;
	}
	.post .outset-left {
		justify-content: flex-end;
	}
	.post .outset-right {
		justify-content: flex-start;
	}
	.post .outset-both {
		justify-content: center;
	}
	.post .outset img {
		max-width: 100%;
	}

	.post-content p,
	.post-content ul li,
	.post-content ol li {
		color: #000;
		font-size: 2rem;
		font-style: normal;
		font-weight: 400;
		line-height: 3.5rem;
		padding: 6px 0;
	}
	.post-content p em {
		font-style: italic;
	}

	.post-content img {
		height: auto;
		width: 80%;
		margin: 0 10%;
		padding: 16px;
	}
	.post-publish.no-desc {
		padding-top: 32px;
	}
	.post-publish p {
		font-size: 1.5rem;
		line-height: 1.5rem;
		font-style: italic;
		padding: 12px 0;
		opacity: 0.8;
	}
	.post-description {
		background: #e5e5e5;
		color: #333;
		display: block;
		float: left;
		font-family: 'Catamaran', sans-serif;
		font-size: 2.25rem;
		line-height: 1.2;
		margin: 0 0 24px 0;
		min-height: 24px;
		padding: 24px;
		text-align: center;
		width: 100%;
	}
	.post .well {
		background: #fff;
		padding: 12px 16px;
	}
	.post-publish,
	.post-content,
	.post-share {
		display: block;
		float: left;
		min-height: 12px;
		width: 100%;
	}
	.post-content,
	.post-share {
		padding: 0 0 16px 0;
	}
	.post-actions {
		padding: 16px 0 8px 0;
	}
	.well.share {
		background: none;
		border: 0;
		padding: 16px 0;
	}
	.share-heading {
		color: #777;
		display: block;
		float: left;
		font-size: 3rem;
		font-weight: 900;
		line-height: 3rem;
		margin: 0;
		opacity: 0.8;
		padding: 0 8px 0 0;
	}
	.post .btn-attachment {
		margin: 0 8px 8px 0;
	}
	.post-doc .post-doc-embed {
		height: 80vh;
		width: 100%;
	}
	/* calendar */
	.nav-events li a {
		border: 1px solid #fff;
		color: #333;
		font-family: 'Catamaran', sans-serif;
	}
	.nav-events li a:hover {
		background: #eee;
	}
	.nav-events li.active a,
	.nav-events li.active a:active,
	.nav-events li.active a:focus,
	.nav-events li.active a:hover {
		background: #eee;
		border: 1px solid #ccc;
		color: #333;
	}
	.calendar-nav {
		display: flex;
		float: left;
		justify-content: flex-end;
		margin: 6px 0;
		width: 100%;
	}
		.calendar-nav-item {
			margin: 0 0 0 4px;
		}
		h4.calendar-nav-item {
			padding: 3px 12px 0 12px;
		}

	table.calendar {
		border-left: 1px solid #ccc;
		margin-bottom: 44px;
		width: 100%;
	}

	/*tr.calendar-row {}*/

	td.calendar-day {
		min-height: 80px;
		font-size: 11px;
		position: relative;
	}

	* html div.calendar-day {
		height: 80px;
	}

	td.calendar-day-np {
		background: #eee;
		min-height: 80px;
	}

	* html div.calendar-day-np {
		height: 80px;
	}

	th.calendar-day-head {
		background: none;
		border: 1px solid #ccc;
		border-left: none;
		font-family: 'Catamaran', sans-serif;
		font-weight: 700;
		padding: 6px;
		text-align: center;
		width: 120px;
	}

	td.calendar-day,
	td.calendar-day-np {
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		min-height: 80px;
		padding: 0;
		vertical-align: top;
		width: 120px;
	}
	td.calendar-day:hover {
		background: #eaeaea;
	}
	td.calendar-day .calendar-day-event {
		background: none;
		color: #333;
		display: block;
		float: left;
		font-family: 'Catamaran', sans-serif;
		font-size: 1.5rem;
		line-height: 1.15;
		margin: 0 0 4px 0;
		padding: 4px 12px;
		width: 100%;
	}
	/*td.calendar-day .calendar-day-event:hover {}*/
	td.calendar-day .calendar-day-event-allday {
		background: #333;
		color: #fff;
	}

	td.calendar-day .calendar-day-event .calendar-day-event-time {
		display: block;
		float: left;
		font-size: 85%;
		opacity: 0.8;
		padding: 0;
		width: 100%;
	}

	div.day-number {
		background: #eee;
		color: #333;
		font-family: 'Catamaran', sans-serif;
		font-size: 1.3rem;
		font-weight: 400;
		float: right;
		line-height: 1.0;
		margin: 0;
		padding: 6px;
		text-align: center;
		width: 24px;
	}
	td.calendar-day:hover div.day-number {
		background: #fff;
	}
	/* color text the same as the background to give the appearance of continuing event bar across calendar */
	td.calendar-day .calendar-day-event .calendar-day-event-subsequent-day {
		color: #333;
	}
	td.calendar-day .calendar-day-event:hover .calendar-day-event-subsequent-day {
		color: #fff;
	}
	/* entry */
	.entry {
		display: block;
		float: left;
		width: 100%;
	}
	/* photo galleries */
	.post-galleries {
		display: block;
		float: left;
		line-height: 0;
		min-height: 24px;
		width: 100%;
		}
		.gallery {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			float: left;
			min-height: 24px;
			padding: 0;
			width: 100%;
		}
			.gallery-item {
				flex-grow: 0;
				flex-shrink: 0;
				height: auto;
				margin: 0;
				padding: 0;
				width: 100%;
			}	
				.gallery-item-img {
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
					display: flex;
					flex-direction: column;
					justify-content: flex-end;
					float: left;
					height: 180px;
					margin: 0;
					padding: 0;
					width: 100%;
				}
					.gallery-item-img figcaption {
						color: #fff;
						font-size: 2rem;
						font-weight: 700;
						padding: 8px 12px;
						text-align: center;
						text-shadow: 0px 0px 8px #000, 2px 2px 4px #000;
						width: 100%;
					}
	
	/* carousel for gallery images */
	.swiper-container {
		margin: 0 auto 24px auto;
		max-width: 100%;
		overflow: hidden;
		width: 100%;
	}
		.swiper-container img {
			height: auto;
			object-fit: cover;
			width: 100%;
		}
		.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
			position: relative;
			top: unset;
			bottom: unset;
			left: unset;
			right: unset;
			padding: 12px 0;
		}
	
	/* form builder */
	#formbuilder {
		display: block;
		float: left;
		width: 100%;
	}
	#formbuilder-tabs .ui-tablist {
		margin: 16px 0 8px 0;
	}
		#formbuilder-tabs .ui-tablist .nav-link {
			font-size: 2rem;
		}
	.formbuilder-membercheck {
		background: #eee;
		margin: 0;
		padding: 24px 0 16px 16px;
	}
	.body-formbuilder details {
		display: flex;
		flex-direction: column;
		float: left;
		width: 100%;
	}
		.body-formbuilder details summary {
			border: 1px solid #999;
			font-size: 2.25rem;
			padding: 16px 24px;
		}
		.body-formbuilder details summary .details-heading.open {
			display: none;
		}
		.body-formbuilder details summary .details-heading.closed {
			display: block;
		}
		.body-formbuilder details[open] summary .details-heading.open {
			display: block;
		}
		.body-formbuilder details[open] summary .details-heading.closed {
			display: none;
		}
		/* checkboxes and radio buttons for formbuilder forms */
		.body-formbuilder .formbuilder .wg-group {
			padding: 8px 0;
		}
		.body-formbuilder .formbuilder .wg-group .wg-label {
			display: flex;
			flex-direction: row;
		}
			.body-formbuilder .formbuilder .wg-group .wg-label input {
				flex-grow: 0;
				flex-shrink: 0;
				width: 24px;
			}
	.formbuilder-auth {
		padding: 16px 0;
	}
	main form .half {
		display: flex;
		flex-direction: column;
		float: left;
		width: 100%;
	}
	.form {
		float: left;
		padding: 24px 0 48px 0;
		width: 100%;
	}
	.form h2 {
		font-size: 4rem;
		line-height: 4.5rem;
	}
	.form p {
		font-size: 2rem;
		line-height: 3rem;
		padding: 8px 0 16px 0;
	}
	.form label {
		display: block;
		float: left;
		padding: 4px 0;
		width: 100%;
	}
	.form input,
	.form textarea {
		border: 2px solid #ccc;
		color: #000;
		display: block;
		float: left;
		font-size: 2rem;
		line-height: 2.2rem;
		margin: 0 0 4px 0;
		padding: 12px 16px;
		width: 100%;
	}
	.form textarea {
		min-height: 140px;
	}
	.form button {
		margin-top: 8px;
	}

	/* public formbuilder forms */
	.form-contact {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		float: left;
		width: 100%;
	}
	.form-contact label {
		padding-right: 16px;
		width: 50%;
	}
		.form-contact label input {
			width: 100%;
		}
	.form-contact label.error {
		width: 100%;
	}
	.form-contact .contact {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.f-group {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.f {
		background: #fbfbfb;
		border: 1px solid #bbb;
		float: left;
		margin: 12px 0;
		padding: 0 16px 12px 16px;
		width: 100%;
	}
	.f .editor-heading {
		padding-top: 20px;
	}
	.f p {
		padding: 12px 0 0 0;
	}
		.f p em {
			font-style: italic;
			color: #777;
		}
		/*.wg-group .wg-label:first-child,*/
		.wg-label-text {
			display: flex;
			flex-direction: column;
			line-height: 1.25;
		}
			.wg-label-text .wg-label-desc {
				font-size: 1.4rem;
				line-height: 1.15;
				opacity: 0.8;
			}
		.field-group,
		.field-label {
			display: block;
			float: left;
			font-size: 1.75rem;
			line-height: 1.25;
			text-align: left;
			width: 100%;
		}
		.field-group {
			padding: 12px 0;
		}	
			/*.wg-group .wg-label:first-child,*/
			.field-label {
				background: none;
				border: none;
				color: #333;
				display: flex;
				flex-direction: column;
				margin: 0;
				padding: 8px 0 4px 0;
			}
			.wg-item-label {
				display: block;
				float: left;
				padding: 3px 0;
				width: 100%;	
			}
				.field-input input,
				.field-input textarea,
				.field-input select {
					border: 1px solid #ccc;
					margin: 3px 0;
					padding: 6px 10px;
					width: 100%;
				}
				.field-group-check .field-label {
					display: flex;
					flex-direction: row;
				}
				.field-group-check .field-label .field-input {
					flex-grow: 0;
					flex-shrink: 0;
					width: 30px;
				}	
					.wg-input-selector,
					.wg-label-text {
						margin-right: 4px;
					}
					.field-group-check .field-label .field-input input[type="checkbox"],
					.field-group-check .field-label .field-input input[type="radio"] {
						 height: 24px;
						 width: 24px;
					}
				.field-group-check .field-label .field-label-text {
					align-self: center;
					flex-grow: 1;
					flex-shrink: 1;
				}
					.field-group-check .field-label .field-label-text .field-label-desc {
						font-size: 80%;
						opacity: 0.8;
					}
				.field-input input:focus,
				.field-input textarea:focus,
				.field-input select:focus {
					border-color: #333;
					box-shadow: 1px 2px 8px #999;
				}
				.field-input select {
					width: 100%;
					max-width: 100%;
				}

		.ui-datepicker {
			background: #fff;
			box-shadow: 2px 2px 4px #000;
			padding: 0;
			z-index: 999 !important;
		}
		.ui-datepicker-header {
			background: #34ace0;
			color: #fff;
			margin-bottom: 4px;
			padding: 4px 8px;
		}
		.ui-datepicker-prev {
			float: left;
		}
		.ui-datepicker-next {
			float: right;
		}
		.ui-datepicker-next a:hover,
		.ui-datepicker-prev a:hover {
			text-decoration: none;
		}
		.ui-icon {
			color: #fff;
			font-size: 1rem;
			font-weight: 700;
			text-transform: uppercase;
		}
		.ui-datepicker-title {
			text-align: center;
		}
		.ui-datepicker-calendar tbody tr td a {
			display: block;
			float: left;
			padding: 6px 8px;
			text-align: center;
			width: 100%;
		}
		.ui-datepicker-calendar tbody tr td a:hover {
			background: #34ace0;
			color: #fff;
		}
		.ui-datepicker-calendar thead th span {
			display: block;
			float: left;
			padding: 6px 8px;
			width: 100%;
		}
		.ui-timepicker-standard {
			z-index: 999 !important;
		}
	/* page banners */
	.h-banner, 
	.carousel-item {
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.h-banner .h-banner-inner .container {
		display: flex;
		flex-direction: row;
	}
	.h-banner-picture {
		display: block;
		float: left;
		width: 100%;
	}
	/* form fields created by public users (e.g., Job Board) */
	.q-triggers .btn {
		font-size: 1.5rem;
		margin: 4px 2px;
		padding: 8px 16px;
	}
	.q-list {
		display: flex;
		flex-direction: column;
		float: left;
		width: 100%;
	}
		.q-list .q {
			border: 1px solid #ccc;
			border-radius: 8px;
			display: flex;
			flex-direction: column;
			padding: 16px 20px;
		}
			.q-list .q .q-wrap {
				padding: 4px 0;
				position: relative;
			}
			.q-list .q .q-label {
				display: flex;
				flex-direction: column;
			}
	/* search */
	.search {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		float: left;
		margin: 24px 0;
		padding: 0;
		width: 100%;
	}
		.search-query {
			display: flex;
			flex-grow: 1;
			flex-shrink: 1;
			font-size: 2.4rem;
			line-height: 1.2;
			width: auto;
		}
			.search-query input {
				border: 2px solid #ccc;
				padding: 12px 20px;
				width: 100%;
			}
		.search-submit {
			display: flex;
			flex-grow: 0;
			flex-shrink: 0;
			width: 60px;
		}
			.search-btn {
				background: #333;
				border: none;
				color: #fff;
				font-size: 2.4rem;
				width: 100%;
			}
			.search-btn:focus,
			.search-btn:hover {
				background: #777;
				cursor: pointer;
			}
	.search-list-heading {
		display: block;
		float: left;
		padding: 24px 0;
		width: 100%;
	}
	.list-group-item.search-item {
		display: block;
	}
	.search-item .list-group-item-heading,
	.search-item .list-group-item-desc,
	.search-item .list-group-item-body {
		display: block;
		float: left;
		width: 100%;
	}
	.search-item .list-group-item-heading {
		font-family: 'helvetica', 'arial', sans-serif;
		font-size: 2.4rem;
	}
	/* cards in list-group */
	.list-group.cards .list-group-item .card .card-poster {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		color: #fff;
		text-shadow: 0 0 4px #000;
	}
	.list-group.cards .list-group-item .card.noimg .card-poster {
		background: #eee;
		color: #333;
		text-shadow: none;
	}
	/* hide alternate details in content element */
	.body-list-view .card-content .card-details {
		display: none;
		padding: 12px 0;
	}
	/* directory profiles */
	.people-heading {
		float: left;
		margin: 0 0 -16px 0;
		opacity: 0.8;
		text-align: center;
		width: 100%;
	}
	.people-list {
		border-bottom: 2px solid #ccc;
		display: flex;
		flex-wrap: wrap;
		float: left;
		justify-content: center;
		margin-bottom: 32px; /* matches padding-bottom to space border-bottom */
		margin-top: 24px;
		padding-bottom: 32px;
		width: 100%;
	}
	.people-list:last-child {
		border-bottom: none;
		margin-bottom: 0;
	}
	.ministry .people-list {
		border-top: 2px solid #ccc;
		margin-top: 32px;
		padding-top: 32px;
	}
		.people-list-item {
			padding: 24px;
			text-align: center;
			width: 100%;
		}
		.people-list-item:hover {
			background: none; /* was #c0392b */
		}
			.people-list-item-photo {
				height: auto;
				width: 100%;
				max-height: 220px;
			}
				.people-list-item-photo-img {
					border: 12px solid #eee;
					height: auto;
					margin: 0 auto;
					width: 220px;
					max-width: 220px;
				}
			.people-list-item-heading {
				line-height: 1.2;
			}
			.people-list-item-text {
				font-size: 1.5rem;
				font-style: italic;
				line-height: 1.2;
			}
			.people-list-item-heading,
			.people-list-item-text,
			.people-list-item-contact-link {
				color: #333;
			}
			.people-list-item:hover .people-list-item-heading,
			.people-list-item:hover .people-list-item-text,
			.people-list-item:hover .people-list-item-contact-link {
				color: #fff;
			}
			.people-list-item-contact-link {
				display: block;
				float: left;
				text-decoration: none;
				width: 100%;
			}
			.people-list-item-link:active,
			.people-list-item-link:focus,
			.people-list-item-link:hover,
			.people-list-item-contact-link:active,
			.people-list-item-contact-link:focus,
			.people-list-item-contact-link:hover {
				text-decoration: none;
			}
	.profile {
		min-height: 640px;
	}
		.profile .post-header {
			margin-bottom: 0;
		}
		.profile-roles {
			background: #eee;
			display: block;
			float: left;
			font-size: 1.85rem;
			font-style: italic;
			line-height: 1.2;
			margin-bottom: 16px;
			padding: 24px;
			text-align: center;
			width: 100%;
		}
		.profile-contact {
			padding: 16px 0;
		}
			.profile-contact-list {
				display: block;
				float: left;
				padding: 24px 0;
				width: 100%;
			}
			.profile-contact-list-item {
				color: #555;
				display: block;
				float: left;
				font-size: 1.85rem;
				line-height: 1.25;
				padding: 6px 0;
				text-decoration: none;
				width: 100%;
			}
			.profile-contact-list-item:hover {
				color: #000;
				text-decoration: none;
			}
				.profile-contact-list-item .fa {
					display: inline-block;
					padding: 2px 0 0 0;
					width: 28px;
				}
		.profile-photo {
			height: auto;
		}
			.profile-photo-img {
				border: 8px solid #dedede;
				height: auto;
				margin: 0 auto;
				width: 280px;
				max-width: 280px;
			}
	.lp-list {
		display: flex;
		flex-wrap: wrap;
		float: left;
		justify-content: center;
		margin-bottom: 32px; /* matches padding-bottom to space border-bottom */
		margin-top: 24px;
		padding-bottom: 32px;
		width: 100%;
	}
		.lp-list-item {
			/* background-image handled inline */
			background-color: #fff;
			background-position: top center;
			background-repeat: no-repeat;
			background-size: cover;
			border: 8px solid #fff;
			display: flex;
			flex-grow: 0;
			justify-content: center;
			position: relative;
		}
			.lp-list-item-link {
				background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
				background-position: top left;
				background-repeat: repeat;
				background-size: auto;
				color: #fff;
				display: block;
				float: left;
				padding: 32px 20px;
				text-align: center;
				text-shadow: 0 0 6px #000;
				width: 100%;
			}
			.lp-list-item-link:active,
			.lp-list-item-link:focus,
			.lp-list-item-link:hover {
				background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
				color: #fff;
				opacity: 0.8;
				text-decoration: none;
			}
			.lp-list-item-link.no-bg,
			.lp-list-item-link.no-bg:active,
			.lp-list-item-link.no-bg:focus,
			.lp-list-item-link.no-bg:hover {
				background: #fff;
				border: 4px solid #e5e5e5;
				color: #333;
				text-shadow: none;
			}
			.lp-list-item-link.no-bg:active,
			.lp-list-item-link.no-bg:focus,
			.lp-list-item-link.no-bg:hover {
				opacity: 0.9;
			}
		.lp-list-item-heading {
			line-height: 1.2;
		}
	/* company profile */
	.post.co .post-header-inner {
		display: flex;
		flex-direction: row;
		justify-content: center;
		width: 100%;
	}
		.post.co .post-header-caption {
			display: flex;
			flex-direction: row;
			float: left;
			width: 100%;
		}
			.post.co .post-header-caption .logo {
				flex-grow: 0;
				flex-shrink: 0;
				height: 72px;
				margin: 0;
				width: 72px;
			}
				.post.co .post-header-caption .logo img {
					max-width: 100%;
				}

			/* rectangle override for wordmarks */
			.post.co .post-header-caption.logo-shape-rectangle {
				flex-direction: column;
			}
			.post.co .post-header-caption.logo-shape-rectangle .logo {
				height: 80px;
				width: 100%;
			}
				.post.co .post-header-caption.logo-shape-rectangle .logo img {
					max-height: 80px;
				}
			.post.co .post-header h1 {
				display: flex;
				flex-direction: column;
				flex-grow: 1;
				flex-shrink: 1;
				font-size: 2rem;
				justify-content: center;
				padding-left: 12px;
				text-align: left;
			}
			.post.co .post-header-caption.logo-shape-rectangle h1 {
				padding-top: 12px;
				padding-left: 0;
			}
	/* photos */
	.photos-filters {
		display: flex;
		flex-direction: row;
		float: left;
		justify-content: center;
		list-style-type: none;
		margin: 0;
		padding: 12px 0;
		width: 100%;
	}
		.photos-filters ul {
			display: flex;
			flex-direction: row;
			list-style-type: none;
			margin: 0;
			padding: 0;
			width: auto;
		}
			.photos-filters ul li label {
				padding: 4px 8px;
			}
	.photos-list {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		float: left;
		justify-content: center;
		list-style-type: none;
		margin: 0;
		padding: 40px 0;
		width: 100%;
	}
	.photos-list-item {
		display: flex;
		flex-direction: row;
		width: 300px;
	}
	.photos-list-item-link {
		color: #333;
		display: flex;
		flex-direction: column;
		padding: 12px;
		width: 100%;
	}
	.photos-list-item-link:hover {
		color: #000;
	}
	.photos-list-item-heading {
		font-size: 2.25rem;
		font-weight: 400;
		text-align: center;
	}
	.photos-list-item-img {
		background-position: center;
		background-size: cover;
		height: 180px;
		width: 100%;
	}
	.gallery {
        justify-content: center;
        padding-bottom: 24px;
    }
    .gallery-item {
        padding: 4px;
    }
	/* sidenav */
	.sidenav,
	.sidenav ul {
		display: block;
		float: left;
		width: 100%;
	}
		.sidenav-heading {
			padding-left: 12px;
		}
			.sidenav-heading a {
				color: inherit;
			}
			.sidenav-heading a:active,
			.sidenav-heading a:focus,
			.sidenav-heading a:hover {
				text-decoration: none;
			}
		.sidenav .nav-pills > li > a {
			color: #013243;
		}
		.sidenav .nav-pills > li > a:hover {
			background-color: #dedede;	
		}
		.sidenav .nav-pills > li.active > a,
		.sidenav .nav-pills > li.active > a:hover {
			background-color: #013243;
			color: #fff;
		}
	/* login */
	.account-tabs-nav {
		float: left;
		width: 100%;
	}
		.account-tabs-links {
			display: flex;
			justify-content: center;
			padding: 16px 0 8px 0;
			width: 100%;
		}
			.account-tabs-links a {
				color: #555;
				padding: 12px 16px;
			}
				.account-tabs-links a h2 {
					font-size: 2rem;
					padding: 0;
				}
			.account-tabs-links a.active {
				color: #000;
			}
	.pan.account-tabs-panes {
		justify-content: center;
		display: flex;
	}
		.account-tabs-panes .tab-pane {
			float: left;
			width: 100%;
		}
		.account-messages {
			font-size: 2rem;
		}
		.body-login form,
		.account-messages,
		.account-tabs-panes form {
			float: left;
			margin-bottom: 24px;
			width: 100%;
		}
			.account-tabs-panes form fieldset {
				float: left;
				margin: 0 0 16px 0;
				width: 100%;
			}
	.body-login form input[type="text"],
	.body-login form input[type="email"],
	.body-login form input[type="tel"],
	.body-login form input[type="password"] {
		display: block;
		float: left;
		font-size: 2rem;
		line-height: 2.2rem;
		margin: 4px 0;
		padding: 12px 16px;
		width: 100%;
	}
	.body-login form input[type='checkbox'] {
		-webkit-appearance:none;
		background: #fff;
		border-radius: 4px;
		border: 2px solid #555;
		display: block;
		float: left;
		height: 48px;
		margin: 0;
		padding: 0;
		width: 48px;
	}
	.body-login form input[type='checkbox']:checked {
		background: #abd;
	}
	.body-login form label {
		font-size: 2rem;
		margin-top: 0;
	}
	.body-login form label .label-text {
		font-weight: 400;
	}
	.body-login form button {
		margin-top: 8px;
	}
	#pw-field {
		position: relative;
	}
		#pw-field input {
			z-index: 1;
			width: 100%;
		}
		#pw-field .js-reveal {
			font-size: 1.5rem;
			position: absolute;
			bottom: -24px;
			right: 0;
			z-index: 2;
		}
	form button .icon-idle,
	form button.active .icon-active {
		display: inline-block;
	}
	form button .icon-active,
	form button.active .icon-idle {
		display: none;
	}

	/* social login options */
	.hybridauth-provider {
		background: none;
		border: 0;
		font-size: 32px;
		padding: 8px 16px;
	}
	.hybridauth-provider.google {
		color: #db4437;
	}
	.hybridauth-provider.facebook {
		color: #1877f2;
	}
	.hybridauth-provider.twitter {
		color: #1da1f2;
	}
	.hybridauth-provider.instagram {
		color: #c32aa3;
	}
	.hybridauth-provider.apple {
		color: #a6b1b7;
	}
	.hybridauth-provider.amazon {
		color: #ff9900;
	}

	footer {
		background-color: #fff;
		display: block;
		float: left;
		min-height: 140px;
		padding: 24px 0;
		width: 100%;
	}
	.footer-heading {
		color: #333;
		display: block;
		float: left;
		font-size: 2.2rem;
		line-height: 2.2rem;
		width: 100%;
	}
	footer .col-12 {
		padding-bottom: 16px;
	}
	.footer-button {
		border: 1px solid #333;
		color: #333;
		display: block;
		float: left;
		font-weight: 400;
		padding: 8px 16px;
	}
	.admin-footer .footer-button {
		font-size: 1.2rem;
		line-height: 1;
		opacity: 0.5;
		padding: 6px 12px;
	}
	.footer-button:active,
	.footer-button:focus,
	.footer-button:hover {
		color: #333;
		opacity: 1.0;
		text-decoration: none;
	}
	footer .list-group {
		padding: 0 0 16px 0;
	}
	footer .list-group-item {
		font-size: 1.75rem;
		line-height: 1;
		padding: 8px 0;
	}
	footer .list-group-item-link {
		color: #333;
		font-weight: 300;
		padding: 4px 0;
	}
	footer .list-group-item-link:active,
	footer .list-group-item-link:focus,
	footer .list-group-item-link:hover {
		color: #555;
		text-decoration: none;
	}
	footer p {
		color: #333;
		font-size: 1.75rem;
		line-height: 1.5;
	}
	footer a.btn-primary {
		border-color: #333;
		padding: 24px 16px;
	}
	footer a.btn-primary:active,
	footer a.btn-primary:focus,
	footer a.btn-primary:hover {
		background: #333;
		border-color: #333;
		color: #fff;
	}
	/* .location is primarily used in footer */
	.location {
		float: left;
		padding: 0 0 24px 0;
		width: 100%;
	}
		.location-group {
			float: left;
			width: 100%;
		}
	footer .location {
		color: #fff;
	}
		.location-heading {
			line-height: 1.1;
		}
		.location p,
		.location .contact-item {
			font-size: 1.75rem;
		}
	.social {
		display: block;
		float: left;
		padding: 0;
		width: 100%;
	}
		.social-link {
			color: #333;
			font-size: 3rem;
			margin: 0 6px 0 0;
		}
		.social-link:active,
		.social-link:focus,
		.social-link:hover {
			color: #333;
			text-shadow: 0 0 4px #fff;
		}
	.time {
		display: block;
		float: left;
		font-size: 90%;
		padding: 2px 0 0 20px;
		width: 100%;
	}
	.time-desc {
		font-size: 85%;
		font-style: italic;
		line-height: 1.25;
		opacity: 0.8;
		padding-top: 3px;
	}
	/* subscribe page */
	.subscribePage {
		padding-bottom: 40px;
	}
	.subscribePage form fieldset {
		display: flex;
		flex-direction: column;
		float: left;
		padding-bottom: 8px;
		width: 100%;
	}
		.subscribePage form fieldset .input {
			margin: 2px;
		}
		.subscribePage form fieldset .input input {
			font-size: 2rem;
			padding: 8px 12px;
			width: 100%;
		}
	.admin-footer {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
		position: relative;
		bottom: -8px;
	}
	footer .subscribe {
		display: flex;
		float: left;
		flex-direction: column;
		padding: 0;
		width: 100%;
	}
		footer .subscribe input {
			background: none;
			border: 2px solid #eee;
			color: #eee;
			font-family: sans-serif;
			font-size: 2rem;
			text-align: center;
			padding: 8px 12px;
			width: 100%;
		}
		footer .subscribe input:focus {
			background: #fff;
			color: #333;
		}
		footer .subscribe input,
		footer .subscribe .g-recaptcha {
			margin: 0 0 3px 0;
		}
		footer .subscribe .btn:hover {
			background: #27ae60;
			border-color: #27ae60;
			color: #fff;
		}
	.by {
		float: right;
		font-size: 1.2rem;
		line-height: 1.0;
		padding: 4px 16px 0 16px;
		position: relative;
		
	}
	.by a {
		color: #fff;
		opacity: 0.6;
		text-decoration: none;
	}
	.by img {
		height: 20px;
		margin: 0 0 2px 0;
		padding: 0;
	}
	.by a:hover {
		color: #ccc;
		opacity: 1.0;
	}
	main:after {
		display: block;
		content: "";
		height: 1px;
	}
	/* fixes bottom padding issue in IE10 */

	#search-results {
		display: block;
		float: left;
		width: 100%;
	}

	/* pattern library */
	.t--img-responsive {
		display: block;
		float: left;
		width: 100%;
	}
		.t--img-responsive picture,
		.t--img-responsive img {
			margin: 0;
			max-width: 100%;
			padding: 0;
		}
	.t--flex {
		display: flex;
	}
	.t--flex-wrap {
		flex-wrap: wrap;
	}
	.t--flex-row {
		flex-direction: row;
	}
	.t--flex-column {
		flex-direction: column;
	}
	.t--iconGroup {
		font-size: 2rem;
		text-align: center;
	}
		.t--iconGroup-icon {
			font-size: 125%;
		}
	.t--cards {
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
		.t--card {
			width: 100%;
		}
		.t--card-link {
			flex-direction: column;
		}
		.t--card-poster {
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			justify-content: flex-end;
			min-height: 120px;
		}
			.t--card-details {
				align-items: center;
				padding: 12px 20px;
			}
			.t--has-img .t--card-details {
				color: #fff;
			}
			.t--card-link:hover .t--card-details {
				text-decoration: none;
			}
		.t--card-content {
			padding: 12px;
		}
	/* gradient shadows */
	.t--gradient {
		background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0));
	}
	.t--gradient-to-bottom {
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0));
	}
	.t--gradient-to-right {
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0));
	}
	.t--gradient-to-left {
		background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0));
	}

	/* map controls for Google map locations */
	.map-controls details summary {
		font-size: 2.4rem;
		padding-bottom: 12px;
	}
	.map-controls-options {
		display: flex;
		flex-direction: column;
	}
		.map-controls-options .wg-label {
			display: flex;
			flex-direction: row;
		}
			.map-controls-options .wg-label .wg-input-checkbox {
				flex-grow: 0;
				flex-shrink: 0;
				height: 22px;
				margin: 0 4px -8px 0;
				width: 22px;
			}
	.body-search .page-error h2 {
		font-size: 4rem;
		padding-top: 32px;
	}
	.body-search .page-error p {
		font-size: 2rem;
	}
	.topPost.blog {
		padding: 32px 0;
		width: 100%;
	}
	.topPost.blog .blog-inner {
		padding: 0 16px;
	}
	.topPost.blog .blog-img {
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		display: block;
		min-height: 220px;
	}
	.topPost.blog .blog-heading {
		font-size: 2.4rem;
	}
	.topPost.blog .blog-heading a {
		color: inherit;
	}
	.topPost.blog .blog-heading a:hover {
		text-decoration: none;
	}
	.topPost.blog .blog-list {
		display: flex;
		flex-direction: column;
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 24px 0;
		width: 100%;
	}
		.topPost.blog .blog-list-item {
			padding: 12px 0;
			text-align: center;
		}
			.topPost.blog .blog-list-item-img {
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				display: block;
				height: 180px;
				margin: 0;
				width: 100%;
			}
			.topPost.blog .blog-list-item.noimg {
				display: flex;
				flex-direction: column;
				justify-content: center;
			}
			.topPost.blog .blog-list-item-heading {
				font-size: 2rem;
				padding: 4px 0;
			}
			.topPost.blog .blog-list-item-heading a {
				color: inherit;
			}
			.topPost.blog .blog-list-item-heading a:hover {
				text-decoration: none;
			}
	/* content tags */
	.contentTags,
    .contentTag-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .contentTags {
        flex-wrap: nowrap;
        width: 100%;
    }
		.contentTag-list {
			list-style-type: none;
			margin: 0;
			padding: 6px 0;
		}
        .contentTags h2,
        .contentTag-list li,
        .contentTags .reset {
            flex-grow: 0;
            flex-shrink: 0;
			padding-right: 16px;
            width: auto;
        }
		.contentTags .reset {
			min-width: 120px;
		}
	.body-shop .cart-btn {
		margin-right: 6px;
	}
	/* payment form */
	.payment-form-container,
	.payment-method,
	.card-element-container {
		display: flex;
		flex-direction: column;
		float: left;
		justify-content: flex-start;
		align-items: flex-start;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.card-element {
		background: #fff;
		border: 1px solid #999;
		border-radius: 8px;
		margin: 8px 0;
		min-height: 40px;
		padding: 8px 0;
		width: 100%;
	}
}

@media (min-width: 480px) {
	.h,
	.h-wrap,
	.h-wrap .h-picture {
		height: 440px;
	}
	.post-gallery.device-ios .lightbox-item {
		width: 46%;
	}
	.featured {
		padding: 0;
	}
	.featured-item {
		padding: 16px 0;
		width: 25%;
	}
	footer {
		padding: 24px;
	}
}

@media (min-width: 480px) AND (max-width: 767px) {
	.profile-contact {
		display: flex;
		float: left;
		flex-wrap: nowrap;
		width: 100%;
	}
	.profile-photo {
		flex-grow: 1;
		padding: 0 44px 0 0;
		width: 300px;
	}
}

@media (max-width: 539px) {
	th.calendar-day-head,
	td.calendar-day-np {
		display: none;
	}
	td.calendar-day {
		float: left;
		min-height: 0;
		width: 100%;
	}
	.pgrid-list {
        padding: 0;
    }
        .pgrid-list-item-img figure {
            height: 180px;
        }
}

@media (min-width: 540px) {
	.gallery-item {
		width: 50%;
	}
	.account-tabs-links a h2 {
		font-size: 3rem;
	}
	.pgrid-list-item-img figure {
        height: 320px;
	}
	/* pattern library */
	.t--card {
		padding: 8px;
		width: 50%;
	}
	.topPost.blog .blog-list {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
		.topPost.blog .blog-list-item {
            flex-grow: 0;
            flex-shrink: 0;
            padding: 6px;
            width: 50%;
        }
}

@media (max-width: 767px) {
	#topbar {
		box-shadow: 0 0 8px #000;
	}
	.identity-img-lg {
		display: none;
	}
	.identity-img-xs {
		display: block;
	}
	.mobile-action {
		display: block;
		float: right;
		margin: 8px -8px 0 0;
		min-height: 24px;
		padding: 0;
		width: auto;
	}
	.mobile-action button {
		border: none;
		background: none;
		cursor: pointer;
		float: left;
		padding: 8px;
	}
	.mobile-action .fa {
		color: #fff;
		font-size: 28px;
		text-align: center;
	}
	.h-text-item {
		display: block;
		float: left;
		padding: 4px 0;
		width: 100%;
	}
	/* nav */
	.nav-main {
		display: none;
	}
	.nav-events li a {
		padding: 8px 12px;
	}
	/* OFF-CANVAS NAV */
	.row-offcanvas {
		position: relative;
	}
	.row-offcanvas-right .sidebar-offcanvas {
		right: -100%;
	}
	.row-offcanvas-right.active .sidebar-offcanvas {
		right: 100%;
	}
	.row-offcanvas-right.active {
		right: 100%;
	}
	.sidebar-offcanvas {
		/*height: 9999px;*/
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999999;
	}
	.offcanvas-header {
		display: block;
		float: left;
		min-height: 44px;
		margin: -12px 0 0 0;
		padding: 0;
		width: 100%;
	}
	.row-offcanvas-right.active .sidebar-offcanvas button.offcanvas-close {
		background: none;
		border: 0;
		color: #333;
		float: right;
		font-size: 3rem;
		min-height: 24px;
		margin: 8px 0 0 0;
		padding: 12px 16px;
		text-align: right;
	}
	.row-offcanvas-right.active .sidebar-offcanvas {
		background-color: #eee;
		color: #333;
		font-size: 2.5rem;
		height: 100vh;
		position: fixed;
		top: 0;
		right: 0;
		min-height: 320px;
		padding-right: 12px;
		width: 100%;
	}
	/* offcanvas */
	#offcanvas {
		background: #013243;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: -webkit-transform .25s ease;
		transition: transform .25s ease;
		position: fixed;
	}
	.offcanvas-header button {
		cursor: pointer;
	}
		.offcanvas-header button .fas {
			color: #fff;
			opacity: 0.7;
		}
	.offcanvas-header .header-login {
		background: none;
		color: #fff;
		display: block;
		float: left;
		font-size: 1.75rem;
		line-height: 1.1;
		margin: 32px 0 0 0;
		opacity: 0.7;
		position: relative;
			top: auto;
			right: auto;
			left: auto;
		width: auto;
	}
	/* mobile menu */
	.offcanvas-nav {
		height: 80vh;
		overflow: auto;
	}
	.offcanvas-nav,
	.offcanvas-nav-item,
	button.offcanvas-nav-item,
	.offcanvas-nav-item-child {
		background: none;
		border: none;
		display: block;
		float: left;
		text-align: left;
		width: 100%;
	}
		.offcanvas-nav-item {
			font-size: 2.4rem;
		}
		.offcanvas-nav-item,
		.offcanvas-nav-item-child {
			color: #fff;
			padding: 12px 0;
		}
		.offcanvas-nav-item-child {
			font-size: 80%;
			opacity: 0.7;
		}
		.offcanvas-nav-item:hover,
		.offcanvas-nav-item:focus,
		.offcanvas-nav-item:active,
		.offcanvas-nav-item-child:hover,
		.offcanvas-nav-item-child:focus,
		.offcanvas-nav-item-child:active {
			color: #fff;
			text-decoration: none;
		}
	.offcanvas-nav-item-collapse {
		float: left;
		padding-bottom: 8px;
		width: 100%;
	}
	.offcanvas-nav-item[aria-expanded="false"] .fas.closed {
		display: inline-block;
	}
	.offcanvas-nav-item[aria-expanded="false"] .fas.open {
		display: none;
	}
	.offcanvas-nav-item[aria-expanded="true"] .fas.closed {
		display: none;
	}
	.offcanvas-nav-item[aria-expanded="true"] .fas.open {
		display: inline-block;
	}
	.pgrid-list-item-img {
        padding-bottom: 24px;
    }
        .pgrid-list-item-img figure {
            margin: 0;
            padding: 0;
        }
    .pgrid-list-item-link {
        min-width: 180px;
        max-width: 100%;
    }
	.contentTags {
        flex-wrap: wrap;
	}
	footer .pan {
		padding: 0 16px;
	}
}

@media (min-width: 768px) {
	#searchbar.show,
	#topbar {
		margin: 0;
		padding: 8px 0;
		position: relative;
	}
	#topbar .search-toggle-lg {
		background: none;
		border: 0;
	}
	.header-login {
		display: block;
	}
	.mobile-action {
		display: none;
	}
	#offcanvas-trigger,
	#offcanvas {
		display: none;
	}
	.identity {
		margin: 0;
		padding: 8px;
		position: relative;
	}
	.identity-img {
		padding: 0;
		width: 60px;
		max-width: 60px;
	}
	.identity-img-lg {
		display: block;
	}
	.identity-img-xs {
		display: none;
	}
	.identity-title {
		display: block;
		float: left;
		font-size: 2.2rem;
		line-height: 1.0;
		padding-top: 12px;
		width: 240px;
	}
		.identity-title-desc {
			padding-top: 6px;
		}
		.identity-title-img {
			height: 60px;
			padding: 4px 0 16px 0;
		}
	/* select2 styles */
	.select2-container--default .select2-selection--single {
		background: none;
		border: 2px solid #fff;
		color: #fff;
	}
	main {
		margin-top: -20px;
		padding-top: 0;
	}
	.nav-main {
		border: 0;
		display: flex;
		flex-wrap: nowrap;
		float: right;
		justify-content: flex-end;
		padding-top: 20px;
	}
	.nav-main.nav-tabs > li.nav-main-item {
		float: none;
		display: flex;
		justify-content: center;
	}
	.nav-main-item-link {
		align-self: center;
		color: #fff;
		font-size: 1.75rem;
		line-height: 1.75rem;
		padding: 24px 8px;
		text-align: center;
	}
	.nav-main-item-link:hover,
	.nav-main.nav-tabs > li.nav-main-item > a.nav-main-item-link[aria-expanded="true"],
	.nav-main.nav-tabs > li.nav-main-item > a.nav-main-item-link[aria-expanded="true"]:focus,
	.nav-main.nav-tabs > li.nav-main-item > a.nav-main-item-link[aria-expanded="true"]:hover {
		background: #eee;
		color: #333;
		text-decoration: none;
	}
	.nav-main-item-child-menu.dropdown-menu.show {
		display: flex;
		flex-direction: column;
		min-width: 200px;
	}
	.nav-main-item-child-menu.dropdown-menu > li > a {
		color: #444;
		display: block;
		float: left;
		font-size: 1.7rem;
		line-height: 1.2;
		padding: 8px 20px;
		width: 100%;
	}
	.nav-main-item-child-menu.dropdown-menu > li > a:hover,
	.nav-main-item-child-menu.dropdown-menu > li > a:active,
	.nav-main-item-child-menu.dropdown-menu > li > a:focus {
		background: #dedede;
		text-decoration: none;
	}
	.h,
	.h-wrap,
	.h-wrap .h-picture {
		height: 540px;
	}
	.h-title {
		font-size: 4rem;
		line-height: 4.8rem;
	}
	.h-text {
		font-size: 2.2rem;
		line-height: 3.6rem;
		padding-right: 20%;
	}
	.post-gallery.device-ios .lightbox-item {
		height: 320px;
		width: 30%;
	}
	.featured-item {
		padding: 32px 0;
		width: 25%;
	}
	.featured-item .fa {
		font-size: 84px;
	}
	.featured-item-heading {
		font-size: 2.25rem;
	}

    .pgrid-list-item {
        flex-direction: row;
        padding: 0;
    }
    .pgrid-list-item:nth-child(odd) {
        flex-direction: row-reverse;
    }
        .pgrid-list-item-content,
        .pgrid-list-item-img {
            align-self: center;
            width: 50%;
        }
		.pgrid-list-item.noimg .pgrid-list-item-content {
			width: 100%;
		}
        .pgrid-list-item-img,
        .pgrid-list-item-img figure {
            height: unset;
            margin: 0;
            min-height: 540px;
            padding: 0;
        }
        .pgrid-list-item-content {
            padding: 0 40px;
        }
            .pgrid-list-item-heading {
                display: block;
                float: left;
                width: 100%;
            }
            .pgrid-list-item-text {
                display: block;
                float: left;
                margin: 0 auto;
                padding: 0 0 16px 0;
            }
	.h-text-item {
		display: block;
		float: left;
		text-align: left;
		width: 100%;
	}
	.h-text-item.company {
		font-weight: 900;
	}
	.home-preview {
		width: 80%;
	}
	.about-item {
		text-align: left;
		padding: 12px 0;
		width: 50%;
	}
	.about-item-icon {
		font-size: 4.5rem;
		line-height: 4.5rem;
		padding: 4px 12px 0 0;
		text-align: right;
		width: auto;
		min-width: 10%;
		max-width: 20%;
	}
	.about-item-text {
		text-align: left;
		width: 80%;
	}
	.people-list-item {
		width: 33.3%;
	}
	.ministry .people-list-item {
		width: 50%;
	}
	.people-list-item-photo-img,
	.profile-photo-img {
		width: 100%;
		max-width: 100%;
	}
	.lp-list-item {
		width: 50%;
	}
	/* images from editor */
	.post-body figure img,
	.post-content img {
		height: auto;
		width: auto;
		max-height: none;
		max-width: 100%;
	}
	.post-body figure.outset-left,
	.post-content img.pull-left,
	.post-content .pull-left img {
		width: auto;
		max-width: 320px;
		margin-left: 0;
		margin-right: 12px;
	}
	.post-body figure.outset-right,
	.post-content img.pull-right,
	.post-content .pull-right img {
		width: auto;
		max-width: 320px;
		margin-left: 12px;
		margin-right: 0;
	}
	/* wrapper for articles list search. page */
	.listLayout-cards .layout-as-cards {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
		.listLayout-cards .layout-as-cards li {
			flex-grow: 0;
			flex-shrink: 0;
			padding: 8px;
			width: 50%;
		}
		.listLayout-cards .layout-as-cards li .card {
			display: flex;
			flex-direction: column;
			width: 100%;
		}
			.listLayout-cards .layout-as-cards li .card .card-poster {
				text-align: left;
				width: 100%;
			}
	.subscribePage form {
        padding: 0 16px;
        width: 100%;
    }
    .subscribePage form fieldset {
        flex-direction: row;
    }
        .subscribePage form fieldset .input {
            margin: 4px;
            width: calc(50% - 8px);
        }
	.gallery-item {
		width: 33.3%;
	}
	.account-tabs-links a h2 {
		font-size: 3.6rem;
	}
	.body-login form,
	.account-messages,
	.account-tabs-panes form {
		padding: 0 15%;
	}
	.footer-heading {
		font-size: 2.4rem;
		line-height: 2.4rem;
	}
	footer .location-group {
		width: 50%;
	}
	/* pattern library */
	.t--card {
		width: 50%;
	}
		.t--card-link {
			flex-direction: row;
		}
			.t--card-poster {
				flex-grow: 0;
        		flex-shrink: 0;
				height: 140px;
        		width: 140px;
			}
	.q-list {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.q-list .q {
		flex-grow: 0;
		flex-shrink: 0;
		margin: 6px;
		width: calc(50% - 12px);
	}
	main form .half {
		flex-direction: row;
	}
		main form .half .field-group {
			padding-right: 24px;
		}
	/*
	.modal.show.modal-xs {
		margin-left: 25%;
		margin-right: 25%;
		width: 50%;
	}
	.modal.show.modal-sm {
		margin-left: 20%;
		margin-right: 20%;
		width: 60%;
	}
	.modal.show.modal-md {
		margin-left: 15%;
		margin-right: 15%;
		width: 70%;
	}
	.modal.show.modal-lg {
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
	}
	.modal.show.modal-xl {
		margin-left: 5%;
		margin-right: 5%;
		width: 90%;
	}
	*/
	#pw-field .js-reveal {
		bottom: unset;
		top: 10px;
		right: -32px;
	}
	.topPost.blog .blog-inner {
		display: flex;
		flex-direction: row;
	}
		.topPost.blog .blog-img,
		.topPost.blog .blog-content {
			width: 50%;
		}
		.topPost.blog .blog-content {
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding-left: 16px;
		}
			.topPost.blog .blog-heading {
				font-size: 2.4rem;
			}
	.topPost.blog .blog-list {
		flex-direction: row;
	}
		.topPost.blog .blog-list-item {
			width: 33%;
		}
}

@media (min-width: 768px) AND (max-width: 991px) {
	.identity-title {
		width: 160px;
	}
	.nav-main {
		padding-top: 28px;
		width: 480px;
	}
	.nav > li > a.nav-main-item-link {
		font-size: 1.2rem;
		line-height: 1;
	}
	.nav-main-item-child-menu.dropdown-menu > li > a {
		font-size: 1.5rem;
		line-height: 1.5rem;
	}

}

@media (min-width: 992px) {
	.nav-main {
		padding-top: 6px;
	}
	.nav-tabs > li > a.nav-main-item-link {
		font-size: 1.75rem;
		line-height: 1.0;
		padding: 24px 12px;
	}
	.h,
	.h-wrap {
		height: 480px;
	}
	.pgrid-list-item-content {
        padding: 0 80px;
    }
	.ministry .people-list {
		justify-content: flex-start;
	}
	.people-list-item {
		width: 25%;
	}
	.body-lp .people-list-item {
		width: 100%;
	}
	.ministry .people-list-item {
		width: 33.3%;
	}
	.profile-photo {
		width: 98%;
	}
	.subscribePage form {
        padding: 0 10%;
    }
	.lp-list-item {
		width: 33.3%;
	}
	.footer-heading {
		font-size: 2.6rem;
		line-height: 2.6rem;
	}
	.topPost.blog .blog-inner {
        padding: 0;
    }
        .topPost.blog .blog-img {
            width: 50%;
        }
        .topPost.blog .blog-heading {
            font-size: 3.2rem;
        }
}

@media (min-width: 992px) AND (max-width: 1199px) {
	.nav-main {
		padding-top: 12px;
	}
}

@media (min-width: 1200px) {
	#topbar {
		padding-bottom: 16px;
	}
	.identity {
		padding-top: 12px;
	}
	.identity-img {
		width: 72px;
		max-width: 72px;
	}
	.identity-title {
		font-size: 2.4rem;
		padding: 16px 0 0 4px;
	}
		.identity-title-desc {
			font-size: 60%;
			padding-top: 4px;
		}

		.identity-title-img {
			height: 64px;
		}
	.nav-main {
		margin-top: 12px;
	}
	.nav-tabs > li > a.nav-main-item-link {
		font-size: 2rem;
	}
	.h,
	.h-wrap,
	.h-wrap .h-picture {
		height: 640px;
	}
	.h-title {
		font-size: 6rem;
		line-height: 6rem;
	}
	.h-text {
		font-size: 2.5rem;
		line-height: 3.8rem;
		padding-right: 33%;
	}
	.h-content .btn-primary {
		font-size: 2.8rem;
		line-height: 2.8rem;
		margin-top: 24px;
		padding: 24px 48px;
	}
	.pgrid-list-item-heading {
        font-size: 4.5rem;
    }
	.post-gallery.device-ios .lightbox-item {
		height: 480px;
		width: 46%;
	}
	.people-list-item {
		width: 25%;
	}
	.sidenav {
		padding-left: 0;
	}
	.gallery {
		justify-content: flex-start;
	}
	.gallery-item {
		align-self: flex-start;
		width: 25%;
	}
	.body-login form,
	.account-messages,
	.account-tabs-panes form {
		padding: 0 20%;
	}
	/*
	.modal.show.modal-xs {
		margin-left: 35%;
		margin-right: 35%;
		width: 30%;
	}
	.modal.show.modal-sm {
		margin-left: 30%;
		margin-right: 30%;
		width: 40%;
	}
	.modal.show.modal-md {
		margin-left: 25%;
		margin-right: 25%;
		width: 50%;
	}
	.modal.show.modal-lg {
		margin-left: 20%;
		margin-right: 20%;
		width: 60%;
	}
	.modal.show.modal-xl {
		margin-left: 15%;
		margin-right: 15%;
		width: 70%;
	}
	*/
	.topPost.blog .blog-img {
        min-height: 320px;
    }
    .topPost.blog .blog-heading {
        font-size: 3.6rem;
    }
	.listLayout-cards .layout-as-cards li {
		width: 33.3%;
	}
	.subscribePage form {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
        .subscribePage form fieldset,
        .subscribePage form .submit-wrap,
        .subscribePage form .messages {
            flex-grow: 0;
            flex-shrink: 0;
        }
        .subscribePage form fieldset {
            margin: 0;
            padding: 0;
            width: 75%;
        }
            .subscribePage form fieldset input {
                padding: 14px 16px;
            }
        .subscribePage form .submit-wrap {
            padding: 4px 0 0 4px;
            width: 25%;
        }
            .subscribePage form .submit-wrap button {
                font-size: 2.8rem;
            }
        .subscribePage form .messages {
            padding: 16px 0;
            width: 100%;
        }
            .subscribePage form .messages p {
                color: #333;
                line-height: 1.15;
                padding: 4px;
            }
}

@media (min-width: 1600px) {
	.identity {
		padding: 16px 0 0 0;
	}
	.identity-img {
		width: 84px;
		max-width: 84px;
	}
	.identity-title {
		padding-top: 20px;
		font-size: 3.4rem;
	}
	.identity-title-img {
		height: 84px;
		padding: 0 0 28px 0;
	}
	.nav-main {
		padding-top: 20px;
	}
	.h,
	.h-wrap,
	.h-wrap .h-picture {
		height: 760px;
	}
	.h-title {
		font-size: 5.6rem;
		line-height: 5.6rem;
	}
	.postlist-item-photo {
		max-height: 160px;
	}
	.postlist-item-photo-img {
		margin-top: -5%;
	}
	.sh {
		width: 25%;
	}
	.pgrid-list-item-content {
        padding: 0 80px 0 20%;
    }
    .pgrid-list-item:nth-child(odd) .pgrid-list-item-content {
        padding: 0 20% 0 80px;
	}
	.pgrid-list-item.noimg .pgrid-list-item-content {
		padding: 40px 30% 0 20%;
		width: 100%;
	}
}
@media print {
	body {
		background: fff;
		color: #000;
	}
	h1,
	.header-navbar,
	.header-login,
	.nav-main,
	.sidebar-offcanvas,
	.offcanvas-header,
	.offcanvas-nav,
	.nav-events,
	form.calendar-nav-item,
	footer {
		display: none;
	}
	th.calendar-day-head,
	td.calendar-day {
		font-family: sans-serif;
		font-size: 1.2rem;
		line-height: 1.15;
		width: 14.29%;
	}
	th.calendar-day-head {
		padding: 8px 0;
	}
	td.calendar-day-np,
	td.calendar-day {
		border: 1px solid #777;
		padding: 4px 6px;
		vertical-align: top;
	}
	td.calendar-day-np {
		background: #ccc;
	}
	.day-number {
		float: right;
		padding: 0;
		text-align: right;
		width: 100%;
	}
	a.calendar-day-event {
		padding: 8px 0;
	}
	.calendar-day-event-time {
		float: left;
		font-size: 80%;
		padding: 3px 0;
		width: 100%;
	}
	a.calendar-day-event[href]:after {
		content: none !important;
	}
	.calendar-nav {
		float: left;
		width: 100%;
	}
	.calendar-nav-item {
		float: left;
		font-size: 3rem;
		line-height: 1.2;
		padding: 12px 24px;
		text-align: center;
		width: auto;
	} 
}

/* overrides for all sizes */
/* form bots */
.really-real-field {
	position: absolute !important;
	top: -999999px !important;
	left: -999999px !important;
	z-index: -9999999 !important;
}