/* CSS1a: Remove space and line before and after page or post title */
h1.entry-title::before,
h1.entry-title::after,
h1.page-title::before,
h1.page-title::after {
	content: none !important;
}

/* CSS1b: Set page or post title margins */
h1.entry-title,
h1.page-title {
	margin-top: 2rem !important;
	margin-bottom: 3rem !important;
}

/* CSS2a: Set visited link color for selected links in page. */
p:not(:is(.jf-link-visited-noshow)) a:visited {
	color: #770077 !important;
}
li:not(:is(.main-menu > li, .sub-menu > li, .wp-social-link, .jf-link-visited-noshow)) a:visited {
	color: #770077;
}
td:not(:is(.jf-link-visited-noshow)) a:visited {
	color: #770077;
}
div.wp-block-button:not(:is(.jf-button-visited-noshow)) a:visited {
	color: #FF88FF;
}
div.wp-block-button:is(.jf-button-current) a {
	background-color: #8585C8;
}
header.entry-header > h2.entry-title a:visited {
	color: #770077;
}
footer.entry-footer a:visited {
	color: #770077;
}

/* CSS2b: Set styles (font and background colors) for selected links in page on mouse hover or when in focus. */
/* N.B. Style changes for :hover must come after any other CSS for the same elements. */
p:not(:is(.jf-link-hover-noshow)) a:hover,
p:not(:is(.jf-link-hover-noshow)) a:focus {
	color: #0B4777 !important;
	background-color: #C7C7C7 !important;
	text-decoration: none !important;
}
li:not(:is(.main-menu > li, .sub-menu > li, .wp-social-link)) a:hover,
li:not(:is(.main-menu > li, .sub-menu > li, .wp-social-link)) a:focus {
	color: #0B4777 !important;
	background-color: #C7C7C7 !important;
	text-decoration: none !important;
}
td:not(:is(.jf-link-hover-noshow)) a:hover {
	color: #0B4777 !important;
	background-color: #C7C7C7 !important;
	text-decoration: none !important;
}
div.wp-block-button:not(:is(.jf-button-hover-noshow)) a:hover {
	color: #0B4777 !important;
	background-color: #C7C7C7 !important;
	outline: 0.1em solid #0B4777 !important;
}
div.wp-block-button a:focus {
	color: #0B4777 !important;
	background-color: #C7C7C7 !important;
	outline: 0.1em solid #0B4777 !important;
}
header.entry-header > h2.entry-title a:hover {
	color: #0B4777 !important;
	background-color: #C7C7C7 !important;
}
footer.entry-footer a:hover {
	color: #0B4777 !important;
	background-color: #C7C7C7 !important;
}

/* CSS2c: Set styles for “Show Writer Pages” button and "Writer Name" input field */
#jf-form-show-writer-pages-button {
	background-color: #509030;
	border:0.15em solid #509030;
	border-radius: 0.25em;
}
/* Set styles if mouse hover or in focus */
#jf-form-show-writer-pages-button:hover, 
#jf-form-show-writer-pages-button:focus {
	color: #509030;
	background-color: #50903040;
	border: 0.15em solid #509030;
	border-radius: 0.25em;
}
#jf-form-writer-name:focus {
	outline: 0.1em solid #509030;
}

/* CSS2d: Set styles for “Print Page” button on hover or in focus */ 
.jf-print-page-custom1 .ppbPrintPage button:hover,
.jf-print-page-custom1 .ppbPrintPage button:focus {
	color: #0B4777 !important;
	border-color: #0B4777 !important;
	background: #C7C7C7 !important;
	outline: 0.1em solid #0B4777 !important;
}
.jf-print-page-custom2 .ppbPrintPage button:hover,
.jf-print-page-custom2 .ppbPrintPage button:focus {
	color: #0B4777 !important;
	border-color: #0B4777 !important;
	background: #C7C7C7 !important;
	outline: 0.1em solid #0B4777 !important;
}

/* CSS2e: Set styles for Contact, Search and Subscribe form Submit buttons on hover or in focus */
.contact-submit button:hover,
.contact-submit button:focus {
	color: #0B4777;
	background-color: #C7C7C7;
	outline: 0.1em solid #0B4777;
}
.jf-search-form-button button:hover,
.jf-search-form-button button:focus {
	color: #0B4777 !important;
	background-color: #C7C7C7 !important;
	outline: 0.1em solid #0B4777 !important;
}
#subscribe-submit button {
	font-size: 1rem !important;
}
#subscribe-submit button:hover,
#subscribe-submit button:focus {
	color: #0B4777 !important;
	background-color: #C7C7C7 !important;
	outline: 0.1em solid #F0F0F0 !important;
}

/* CSS2f: Set styles for Site Logo on hover or in focus */
.custom-logo-link img:hover,
.custom-logo-link img:focus,
.custom-logo-link img:focus-visible {
	outline: 0.1rem solid #5E073B;
	border-radius: 0.25rem;
}

/* CSS2g: Set styles for Back button */
.alg_back_button_input { /* Class name defined by Back Button Widget plugin */
	color: #E8E8E8;
	font-size: 0.8em;
	font-weight: 700;
	background-color: #2179BE;
	border:0.15em solid #2179BE;
	border-radius: 0.25em;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 1.2em;
	padding-right: 1.2em;
	cursor: pointer;
}
/* Set style for Back button Custom1 */
.jf-back-button-custom1 input {
	color: #2179BE;
	background-color: #2179BE00;
}
/* Set style for Back button on hover or in focus */
.alg_back_button_input:hover,
.alg_back_button_input:focus { /* Class name defined by Back Button Widget plugin */
	color: #0B4777;
	background-color: #C7C7C7;
	border:0.15em solid #C7C7C7;
	outline: 0.1em solid #0B4777;
}

/* CSS2h: Nix bottom border for links within [tooltips] shortcode */
.classtoolTipsCustomShortCode { /* Class defined by Tooltips plugin */
	border-bottom: none !important;
}

/* CSS3aa: Set initial styles for menu items with custom CSS classes */
.sub-menu :is(.jf-menu-item-custom1) a {
	background-color: #BB66CCCC !important; /* Mauve background + soft */
}
.sub-menu :is(.jf-menu-item-custom2) a {
	background-color: #BB33FFCC !important; /* Purple background + soft */
}
.sub-menu :is(.jf-menu-item-custom3) a {
	background-color: #00CC00CC !important; /* Green background + soft */
}
.sub-menu :is(.jf-menu-item-custom4) a {
	background-color: var(--wp--preset--color--foreground) !important; /* Inverse background color (Black) */
	color: var(--wp--preset--color--background) !important; /* Inverse font color (White);specified explicitly for mobile device menus. */	
}

/* CSS3a: Set background color for sub-items in menu with links to current page */
.sub-menu :is(.current-menu-item) a {
	background-color: #8585C8 !important;
}

/* CSS3b: Set background and font color for sub-items in menu on mouse hover or in focus*/
.sub-menu a:hover,
.sub-menu a:focus {
	background-color: #269BEA !important;
	color: #FCFC00 !important;
}
/* Also set background for parent item if child item hovered or in focus*/
.site-header .main-navigation > div > ul > li li:hover > a {
	background-color: #269BEA !important;
}
.site-header .main-navigation > div > ul > li li:focus-within > a {
	background-color: #269BEA !important;
}

/* CSS3c: Indent sub-items in menu on small mobile devices */
@media (max-width: 768px) {
	.sub-menu li {
		padding-left: 1rem;
	} }

/* CSS4a: Set list item style type -basic */
.jf-list-style-disc {
	list-style-type: disc;
}
.jf-list-style-circle {
	list-style-type: circle;
}
.jf-list-style-square {
	list-style-type: square;
}

/* CSS4b: Set list item style type - fancy */
.jf-list-style-check {
	list-style-type: "\02713";
}
.jf-list-style-star {
	list-style-type: "\2605";
}

/* CSS5a: Set selected group columns for wider screens */
@media (min-width:961px) {
	.jf-group-div-columns2 {
		column-count: 2;
	} }

/* CSS6a: Set small font size based on screen width */
@media (max-width:960px) {
	.has-small-font-size {
		font-size: 0.65rem !important;
	} }
@media (min-width:961px) {
	.has-small-font-size {
		font-size: 0.85rem !important;
	} }

/* CSS6b: Set large font size -tamed from new default, responsive */
.has-large-font-size {
	font-size: 1.5rem !important;
}
/* CSS6c: Set medium font size - same as default (20 px), but responsive */
.has-medium-font-size {
	font-size: 1rem !important;
}
/* CSS6d: Set normal font size - same as default (23 px), but responsive */
.has-normal-font-size {
	font-size: 1.15rem !important;
}
/* CSS6e: Set x-large font size - tamed from new default, responsive */
.has-x-large-font-size {
	font-size: 2rem !important;
}
/* CSS6f: Set huge font size - tamed from new default, responsive */
.has-huge-font-size {
	font-size: 4rem !important;
}

/* CSS7a: Prevent user content selection from designated parts of a page */
.jf-user-select-none {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}

/* CSS7b: Prevent print/preview for designated parts of a page */
@media print {
	.jf-print-display-none {
		display: none; /* hide content */
	}
}

/* CSS8a: Set properties for printed page */
@media print {
	body {
		font-family: "PT Sans", Calibri, sans-serif; /* PT Sans preferred (same as displayed) */
	}
}