/*
Theme Name: Sermon Notes
Theme URI: http://mychurchwebsite.com
Author: Mychurchwebsite
Author URI: http://mychurchwebsite.com


*/
@import '//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';
@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,100,200,500,700,400italic');
@import url('https://fonts.googleapis.com/css?family=Open+Sans: 100,200,300,400,400i,500,600,700');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,600;1,300;1,400;1,500;1,600&display=swap');

/*Main Styles*/
BODY, TD
{
	word-wrap: break-word;
	color: #000000;
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 12.3pt;
	line-height: 31px;
	letter-spacing: 0pt;
}
A
{
	text-decoration: underline;
	color: #2068A6;
}
P, LI
{
	/*margin: 0;*/
	color: #000000 !important;
	letter-spacing: -0.2pt;
	font-size: 12pt;
	line-height: 27px;
	font-weight: 300;
	font-family: 'Poppins', sans-serif !important;
}
B
{
	font-weight: 600;
}
IMG
{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
HR
{
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, #EEE, #C8C8C8, #FFF);
	margin: 0;
}
STRONG
{
	font-weight: 600;
	letter-spacing: 0px;
}
MARK
{
	font-weight: 400;
	box-sizing: content-box;
	padding-left: 7px;
	padding-right: 7px;
	border-radius: 5px;
	border: 1px solid rgba(190, 190, 190, 0.435);
	background-color: #FBFBFB;
	color: #4976B1 !important;
}
IMG.alignright
{
	float: right;
	margin: 0 0 1em 2.3em !important;
}
IMG.alignleft
{
	float: left;
	margin: 0 3.6em 1em 0 !important;
}
IMG.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright
{
	float: right;
}
.alignleft
{
	float: left;
}
.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
OL.lower-alpha
{
	list-style-type: lower-alpha;
}
OL.lower-roman
{
	list-style-type: lower-roman;
}
UL, OL
{
	padding-top: 8px;
}
OL LI
{
	padding-right: 16px;
	margin-left: 15.9px;
	margin-right: 1.8pt;
	padding-bottom: 2px;
	padding-top: 2px;
	margin-bottom: 9px;
}
OL LI OL LI
{
	margin-left: 8.2pt;
	padding-right: 0pt;
	list-style-type: lower-alpha;
	margin-top: 13px;
	padding-bottom: 2px;
	padding-top: 2px;
}
UL LI UL LI
{
	margin-left: 10pt;
	padding-right: 37px;
	margin-top: 0px;
	padding-bottom: 2px;
	padding-top: 2px;
	line-height: 1.6;
}
LI P
{
	margin-bottom: 0;
}
OL LI
{
}
UL LI .sentence
{
	display: block;
	/* Forces the span to act like a block element */
}
P.MsoNormal
{
	margin-bottom: 0;
}
/* Preserve newlines and spaces within text */
@media only screen and (max-width: 650px)
{
	P
	{
		/*margin: 0;*/
		color: #000000 !important;
		line-height: 23px;
		font-size: 10.9pt;
	}
	LI
	{
		line-height: 26px;
		font-size: 12.3pt;
		font-size: 10.9pt;
	}
	UL, OL
	{
		padding-top: 8px;
		padding-left: 20px;
	}
}
/*Custom*/
.logged-in .rightbuttonscustom
{
	display: none;
}
/*Fields*/
INPUT
{
	font-family: poppins;
	font-weight: 400;
	margin-right: 2px !important;
	box-sizing: content-box;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #F4F4F4;
	line-height: 13.6pt;
	border: 1px solid #E8E8E8;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 11.5pt;
	padding: 2px 1px 1px 6px !important;
	text-align: left;
}
TEXTAREA
{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	border: 1px solid rgba(190, 190, 190, 0.435);
	background-color: #F8F8F8;
	overflow: hidden;
	/*+border-radius: 0 !important;*/
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-khtml-border-radius: 0 !important;
	border-radius: 0 !important;
	margin-top: 8px;
	margin-bottom: 8px;
	line-height: 1.4;
}
TEXTAREA.multiline
{
	width: 96% !important;
	color: #327DAA !important;
	background-color: #FFFFFF !important;
	margin-left: 16px;
	padding: 4px 0 0 10px !important;
	border: 1px solid #A3A3A3;
}
.resizable-input > INPUT
{
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 6px 0 5px;
	font-size: 16px;
	margin-right: 8px;
	color: #457EC7;
	display: inline-block;
	/*border-right: 0px solid black;*/
}
.resizable-input
{
	/* make resizable */
	cursor: ew-resize;
	resize: horizontal;
	overflow-x: hidden;
	display: inline-block;
	/* no extra spaces */
	padding: 0;
	margin: 3px 0 -12px;
	white-space: nowrap;
	/* default widths */
	width: 10em;
	min-width: 130px;
	max-width: 30em;
	border-right: 1px solid rgba(190, 190, 190, 0.435);
	/*+border-radius: 5px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
.resizable-input > SPAN
{
	display: inline-block;
	vertical-align: bottom;
	margin-left: -30px;
	width: 16px;
	height: 14px;
}
@supports (-moz-appearance: none)
{
	.resizable-input > SPAN
	{
		background-image: none;
	}
}
@media only screen and (max-width: 650px)
{
	.resizable-input
	{
		margin-top: -3px;
		padding: 6px 0px;
		border: 0px solid black;
		padding: 0 0px 0 0;
		margin-bottom: -7px;
	}
	.resizable-input > SPAN
	{
		background-image: none;
	}
	.resizable-input.singleline
	{
		width: 100% !important;
	}
	TEXTAREA.multiline, .textarea-container TEXTAREA
	{
		font-size: 10.9pt;
	}
	INPUT
	{
		padding: 1px 2px 0px 6px !important;
		text-align: left;
		font-size: 11pt;
	}
}
@media only screen and (max-width: 465px)
{
	.resizable-input > SPAN
	{
		display: inline-block;
		vertical-align: bottom;
		margin-left: -30px;
		width: 16px;
		height: 16px;
		background-image: none;
		cursor: ew-resize;
		margin-top: 24px !important;
	}
	INPUT
	{
		max-width: 100%;
		padding-left: 4px;
		padding-bottom: 3px;
		padding-top: 3px;
	}
}
/*Custom Styles*/
TABLE.spacing
{
	display: block;
	margin-top: 28px;
}
TABLE.spacing TD
{
	border: 1px solid #E1E1E1;
	padding: 26px;
	background-color: #F9F9F9;
}
/*Editor*/
.mce-content-body
{
	background-color: #FFFFFF !important;
	overflow-y: scroll;
}
.mce-content-body TEXTAREA.multiline
{
	padding: 6px 6px 6px 8px;
	font-size: 16px;
	color: #457EC7;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 98%;
}
/*.mce-content-body OL OL, .mce-content-body UL UL
{
	margin-bottom: 0;
}*/
/*Quotes*/
BLOCKQUOTE, CITE, EM, I
{
	font-style: italic;
}
BLOCKQUOTE
{
	margin: 40px;
}
BLOCKQUOTE::before
{
	content: "\201C";
	display: block;
	font-size: 30px;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}
/*HEADINGS*/
H1, H2, H3, H4, H5, H6
{
	text-transform: none;
	margin-bottom: 24px;
	margin-top: 45px;
	line-height: 1.3 !important;
	font-weight: 400;
	color: #383838;
	letter-spacing: -0.6pt;
	font-family: poppins;
}
.editsermonnotes .wpt-conditional-visible H3
{
	font-size: 20px;
	background-color: #E7E7E7;
	padding: 16px 16px 16px 22px;
}
H1
{
	font-size: 50px;
}
H2
{
	font-size: 37px;
}
H3
{
	font-size: 30px;
	line-height: 1.2 !important;
}
H4
{
	font-size: 25px;
}
H5
{
	font-size: 20px;
}
H6
{
	font-size: 17px;
}
.page-sample-page H1, .page-sample-page H2, .page-sample-page H3, .page-sample-page H4, .page-sample-page H5, .page-sample-page H6
{
	font-family: Roboto;
	font-weight: 500;
	text-shadow: none;
}
@media only screen and (max-width: 600px)
{
	H1
	{
		font-size: 31px;
	}
	/* 50px -> 40px (20% reduction) */
	H2
	{
		font-size: 26px;
	}
	/* 37px -> 29.6px */
	H3
	{
		font-size: 22px;
	}
	/* 30px -> 24px */
	H4
	{
		font-size: 18px;
	}
	/* 25px -> 20px */
	H5
	{
		font-size: 16px;
	}
	/* 20px -> 16px */
	H6
	{
		font-size: 15px;
		line-height: 1.4 !important;
	}
	/* 17px -> 13.6px */
}
/*Text Styles*/
.textstyle1
{
	font-size: 21px;
	padding-bottom: 6px;
	display: inline-block;
	font-weight: 400;
}
.textstyle2
{
	font-size: 21px;
	padding-bottom: 6px;
	display: inline-block;
	font-weight: 400;
	color: #299CB3;
}
.page-notes .footertext A
{
	text-align: center;
	font-size: 13px;
	margin: 0px auto;
	display: block;
	background-color: #D8D8D8;
	padding: 5px;
	color: #000000;
}
@media only screen and (max-width: 500px)
{
	.page-notes .footertext A
	{
		margin: -1px auto 61px;
	}
}
/*Contact*/
.box-outline
{
	border: 2px solid black;
	padding: 20px;
	margin-bottom: 25px;
}
.box-outline P
{
	margin-bottom: 0;
}
.box-grey
{
	background-color: #F3F3F3;
	padding: 24px;
}
.fullwidthbox-grey
{
	background-color: #F6F6F6;
	margin: 18px -9999rem;
	/* add back negative margin value */
	padding: 2.15rem 9999rem 1.95rem;
	background: rgba(230, 230, 230, 0.5);
}
/*Montserrat Fix*/
HTML
{
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-weight: 400;
}
.mce-notification-inner
{
	display: none !important;
}