/*--------------------------------------------*/
/* CSS Color Variables                        */
/*--------------------------------------------*/
:root {
	--blue-dark: #00547e;
	--blue-light: #5fb0dd;
	--grey-dark: #2b2b2c;
	--grey-light: #f2f2f3;
	--orange: #ec764c;
	--red: #d74746;
	--teal: #1dadb8;
	--white: #ffffff;
}

/* 
 * FRONT-END MIMICK STYLES
 * copied from GP Theme Settings to mimick styles on front end 
 */
/*body#tinymce {
	font-family: "Helvetica Neue", Helvetica, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, Arial, sans-serif;
}*/

body#tinymce .button {
	background-color: #00547e;
	display: inline-block;
	color: #ffffff;
	font-weight: 500;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
}

body#tinymce button.ghost {
	color: #00547e;
	background: transparent;
	border: 2px solid #00547e;
}

body#tinymce h1 {
	font-weight: bold;
	font-size: 40px;
	line-height: 1.2em;
	margin-bottom: 20px;
	text-transform: uppercase;
}

body#tinymce h2 {
	font-weight: bold;
	font-size: 30px;
	line-height: 1.2em;
	margin-bottom: 20px;
}

body#tinymce h3 {
	font-weight: bold;
	font-size: 24px;
	line-height: 1.2em;
	margin-bottom: 20px;
	text-transform: uppercase;
}

body#tinymce h4 {
	font-weight: bold;
	font-size: 20px;
	line-height: 1.2em;
	margin-bottom: 20px;
	text-transform: uppercase;
}

body#tinymce h5 {
	font-weight: bold;
	font-size: 18px;
	line-height: 1.2em;
	margin-bottom: 20px;
}

body#tinymce h6 {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2em;
	margin-bottom: 20px;
}



/*
 * Theme Specific Styles Taken from Customizer
*/
a[href^="mailto:"] {
	font-style: italic;
}


blockquote {
	color: #6a6a6b;
	font-size: 18px;
	font-style: normal;
	margin: 30px;
	max-width: 700px;
	padding: 20px;
}
blockquote p:first-child{
	margin-top:0;
}
blockquote p:last-child{
	margin-bottom:0;
}
blockquote em,
blockquote cite {
	font-style: italic;
}
blockquote em em,
blockquote cite em {
	font-style: normal;
}
blockquote cite {
	display: block;
	margin: 1em 0;
}


img.circle,
.circle .sow-image-container img {
	border: 2px solid #ffffff;
	border-radius: 50%;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.5);
	margin: 0 auto;
}
.alignright,
.alignleft{
	margin-bottom: 1.5em;
}
.rounded-corners img {
	border-radius: 1em;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	letter-spacing: 0.5px;
	margin-top: 30px;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}
h1 + h2,
h2 + h3,
h3:not([class^="bg-"]) + h4,
h4:not([class^="bg-"]) + h5 {
	margin-top: -1em;
	opacity: .6;
}
h3[class^="bg-"],
h4[class^="bg-"],
div[class^="bg-"].panel-widget-style h3.widget-title {
	margin-left: -5px;
	margin-right: -5px;
	padding: .3em 10px;
}


hr {
	margin: 1em auto;
}
hr.small-seperator {
	height: 2px;
	max-width: 5em;
}


p {
	margin: 1.5em auto;
}
h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p{
	margin-top: -.5em;
}


pre {
	font-family: "Source Code Pro", "Courier New", Courier, monospace;
	font-size: 14px;
}


.entry-content ul,
.entry-content ol {
	margin: 0.75em 3em;
}
.entry-content li ul,
.entry-content li ol {
	margin: .75em 3em;
}
.entry-content ul li,
.entry-content ol li {
	padding: .25em 0;
}

.entry-content li ul li,
.entry-content li ol li {
	margin: 0;
	padding: 0;
}

.entry-content ul li {
	list-style: disc;
}
.entry-content ol li {
	list-style: numeric;
}
.entry-content ol.bold li {
	font-weight: bold;
}
	.entry-content ol.bold li ul,
	.entry-content ol.bold li ul li {
		font-weight: normal;
	}


/* 
 * CUSTOM EDITOR CLASSES 
 */
 
 
 
/* Text with Backgrounds */
.bg-blue,
.bg-teal,
.bg-orange {
	background: #5fb0dd;
	color: #ffffff;
}
.bg-teal {
	background: #1dadb8;
}
.bg-orange {
	background: #ec764c;
}
.bg-red {
	background: #d74746;
}
/* assuring that row styles are reset */
.panel-row-style.bg-blue,
.panel-row-style.bg-teal,
.panel-row-style.bg-orange,
.panel-row-style.bg-red {
	background: transparent;
	color: inherit;
}
/* Overriding for SO panel widgets where only the widget title has background color */
.panel-widget-style.bg-blue,
.panel-widget-style.bg-teal,
.panel-widget-style.bg-orange,
.panel-widget-style.bg-red {
	background: transparent;
	color: inherit;
}
.panel-widget-style.bg-blue h3.widget-title,
.panel-widget-style.bg-teal h3.widget-title,
.panel-widget-style.bg-orange h3.widget-title,
.panel-widget-style.bg-red h3.widget-title {
	background: #5fb0dd;
	color: #ffffff;
	line-height: 1.2em;
}
.panel-widget-style.bg-teal h3.widget-title {
	background: #1dadb8;
}
.panel-widget-style.bg-orange h3.widget-title {
	background: #ec764c;
}
.panel-widget-style.bg-red h3.widget-title {
	background: #d74746;
}


/* Big Elements */
@media only screen and (min-width: 768px) {
	.big,
	.big h3.widget-title {
		font-size: 1.43em;
	}
}



/* button */
form button,
input[type="button"], 
input[type="reset"], 
input[type="submit"], 
a.button, 
a.button:visited,
#featured-events-widget .bp-portal-event-details .event-registration-link a, /* BP Event Calendar Widget */
.event-signup-button button /* BP Event Calendar Widget */,
#bp_rsvp .route.events-route .rsvp-event a.event-action, /* BP Event RSVP Widget */
#bp_rsvp .route.rsvp-route .event-form .submit button, /* BP Event RSVP Widget */
#bp_groups_widget .groups-grid-widget .groups-grid .group-grid-item .group-grid-item-inner .more-info a, /* BP Groups Widget */
.entry-content #prayerengine .pe-explore-bar h4.pe-form-toggle a, /* Prayer Engine */
.entry-content #prayerengine #pe-form-container input.pe-submit, 
.entry-content #prayerengine input[type="submit"],
button#trp_ald_popup_change_language /* Translate Press modal popup */ {
	border: 1px solid;
	border-color: rgba(0,0,0,.3);
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
	font-style: normal;
	letter-spacing: 1px;
	line-height: inherit;
	transition: all 0.6s ease 0s;
}
#bp_groups_widget .groups-grid-widget .groups-grid .group-grid-item .group-grid-item-inner .more-info a, /* BP Groups Widget */
.entry-content #prayerengine .pe-explore-bar h4.pe-form-toggle a, /* Prayer Engine */
.entry-content #prayerengine #pe-form-container input.pe-submit, 
.entry-content #prayerengine input[type="submit"],
button#trp_ald_popup_change_language /* Translate Press modal popup */ { 
	background-color: var(--blue-dark) !important; 
	color: var(--white);
	text-transform: uppercase;
}
a.button:hover {
	opacity: .8;
}
a.button.ghost,
a.button.ghost:visited,
a.button.ghost:focus,
a.button.ghost:hover,
a.button.ghost:active {
	color: #00547e;
	background: transparent;
	border: 2px solid #00547e;
}
a.button.small,
a.button.read-more,
#bp_groups_widget .groups-grid-widget .groups-grid .group-grid-item .group-grid-item-inner .more-info a, /* BP Groups Widget */
.entry-content #prayerengine .pe-explore-bar h4.pe-form-toggle a /* Prayer Engine */ {
	padding: 5px 15px;
	font-size: 14px;
	font-weight: normal;
}

a.button,
.text-center a.button:first-child {
	margin: .5em;
}

@media screen and (max-width: 539px) {
	a.button:not(.hidden) {
		display: block;
		font-size: .875em;
		margin: 1em auto !important;
		max-width: 350px;
		text-align: center;
	}
	a.button.small:not(.hidden){
		display: inline-block;
	}
	a.button.nowrap {
		max-width: unset;
	}
}

a.button:first-child {
	margin-left: auto;
}

a.button.dark {
	background: #404041;
}

a.button.red {
	background: #d74746;
}

a.button.white {
	background: rgba(255,255,255, .9);
	color: #404041;
	opacity: 1;
}
a.button.white:hover {
	background: #ffffff;
}

a.button.dark.ghost,
a.button.dark.ghost:visited,
a.button.dark.ghost:focus,
a.button.dark.ghost:hover,
a.button.dark.ghost:active,
a.button.white.ghost,
a.button.white.ghost:visited,
a.button.white.ghost:focus,
a.button.white.ghost:hover,
a.button.white.ghost:active {
	color: #404041;
	background: transparent;
	border-color: rgba(64,64,65,.9);
}

a.button.white.ghost,
a.button.white.ghost:visited,
a.button.white.ghost:focus,
a.button.white.ghost:hover,
a.button.white.ghost:active {
	color: #ffffff;
	background-color: rgba(255,255,255,.1);
	border-color: #ffffff;
}



/* PDF download buttons */
a.button[href$=".pdf"]:before {
	content: "\f56d";
	font-family: 'Font Awesome 5 Free';
	font-size: 1.33333em;
	font-weight: 900;
	line-height: 0.75em;
	margin-right: .25em;
	vertical-align: -.0667em;
}






/* footnotes */
.footnote {
	margin-top: 3em;
	margin-bottom: 1em;
	padding: 1em 0;
	border-top: 1px solid #c2c2c2;
}
.footnote,
.footnote ol,
.footnote p {
	color: #6a6a6b;
	font-size: .875em;
}
.footnote ol {
	padding-left: 1.4em;
	margin-left: .5em;
	margin-right: .5em;
}
.footnote p,
.footnote li {
	margin: .5em;
}

.footnote ol + p {
	margin-top: 2em;
}


/* grey backgrounded box */
.grey-box,
body.blog article.sticky,
#bp_rsvp .rsvp-app .no-events,
body.mpp-portal-page .MPP_PageForm form#mpp_page_login,
body.mpp-portal-page .MPP_PageForm form.mpp_create_user_account,
body.mpp-portal-page .MPP_PageForm form#mpp_page_complete_transaction #paymentInfoPanel,
body.mpp-portal-page .MPP_PageForm form.mpp_page_EventDetail .mpp_formField.scc_mp_eventMeetingInstructions {
	background: #f2f2f3;
	margin: 1.5em 0;
	padding: 1em 2em;
	overflow: hidden;
}
.grey-box p {
	margin: 1em 0;
}
.grey-box p:last-child:first-child {
	margin: 0;
}
p + .grey-box,
.grey-box + p {
	margin-top: 2.5em;
}
.grey-box .fa-pull-left {
	margin-bottom: 15px;
}
.panel-first-child.panel-last-child > .grey-box {
	margin-top: 0;
}

@media screen and (max-width: 679px) {
	.grey-box {
		font-size: .875em;
		padding: 1em;
	}
	.grey-box .fa-pull-left {
		display: block;
		float: none;
		text-align: center;
	}
}


/* info paragraphs */
p.info,
div.info {
	background: #f7f7f8;
	border: 0 none;
	font-size: .875em;
	padding: 1em 2em;
}

	div.info > p:first-child {
		margin-top: 0;
		margin-bottom: 0;
	}

.video-container {
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
}


/* nowrap */
.nowrap {
	white-space: nowrap;
}


/* small elements */
.small {
	font-size: .875em;
}


/* text styles */
.text-center { 
	text-align: center; 
}

.text-uppercase { 
	text-transform: uppercase; 
}


.white-text, 
.white-text *,
.white-text a:hover { 
	color: #ffffff !important; 
}

.white-text a {
	color: #f2f2f3 !important;
}

.white-text blockquote,
blockquote.white-text {
	border-left: 5px solid rgba(255,255,255,.15);
}


.orange-text {
	color: #ec764c !important;
}

.red-text {
	color: #d74746 !important;
}













/* buttons */

/*
a.button {
	background: #1d7c7f !important;
	border: 1px solid;
	border-color: rgba(0,0,0,.15);
	color: #ffffff;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: .9em;
	margin: 1em auto !important;
	padding: 10px 25px !important;
	text-decoration: none;
	text-transform: uppercase;
	
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
}*/








/* left overs from PP:
/* blockquotes *
blockquote cite {
	display: block;
	margin: 1em 0;
}

blockquote {
	border-left: 4px solid #1d7c7f;
	margin: 2em 1em;
	padding: 1em 2em;
}

blockquote p {
	border: 0 none;
	margin-left: 0;
	padding-left: 0;
}

blockquote p:last-child{
	margin-bottom: 0;
}


*/