/*!
Theme Name: bparker
Theme URI: https://www.dor.org
Author: Brendan Parker
Author URI: http://www.bdparker.com
Description: Description
Version: 1.0.0
Tested up to: 1.0.0
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bparker

bparker is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: #f5f1e7 !important;
}
main {
	display: block;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}
a {
	background-color: transparent;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}
b,
strong {
	font-weight: bolder;
}
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Sanchez', serif;
	color: #1875AA;
	padding: 0px;
	margin: 0px;
	margin-bottom: 0em;
}

p {
	margin-bottom: 1.5em;
}

/*dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}*/

/* Elements
--------------------------------------------- */
body {
	background: #FFFFFF;
	/*background-image: url('http://162.144.95.10/~peaceofchrist/wp-content/themes/bparker/images/greenTextured_bg.jpg');*/
	background-repeat: repeat;
	background-position: center;
}


ul li::marker {}

/*hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}
*/
/* Make sure embeds and iframes fit their containers. */
/*embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}*/

/* Links
--------------------------------------------- */
a {
	color: #1875AA;
}

a:visited {
	color: #1875AA;
}

a:hover,
a:focus,
a:active {
	color: #1875AA;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
/*button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}*/

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Brendan */

/*.homeBoxContainer {position: relative;}
.homeBox1 {float: left; width: 290px; height: 100%; padding: 10px; border-right: solid 1px #b8b8b8;}
.homeBox2 {float: left; width: 290px; height: 100%; padding: 10px; border-right: solid 1px #b8b8b8;}
.homeBox3 {float: left; width: 290px; height: 100%; padding: 10px;}
.homeBoxContainer2 {position: relative; padding-top: 20px; border-top: solid 1px #b8b8b8;}
.homeBoxUnder1 {float: left; width: 650px; height: 100%; padding: 10px; border-right: solid 1px #b8b8b8;}
.homeBoxUnder2 {float: left; width: 270px; height: 100%; padding: 10px 0px 10px 10px;}
#headerSearch {width: 70%; margin-top: 20px; float: right; text-align: right;}
#headerNav {width: 70%; margin-top: 0px; float: right; text-align: right;}
#headerlogo {float: left; width: 30%;}
.topNav {width: 100%; background-color: #202020; height: 36px;}
.redBar {background-color: #D0C0A0; border-top: solid 1px #BB8AA1; border-bottom: solid 1px #270616; height: 4px;}
.addressBox {padding-top: 12px; color: #606060;width: 400px; float: right; font-size: 14px;}*/
@media screen and (max-width: 660px) {
.homeBox1 {float: left; width: 100%; border-bottom: solid 1px #b8b8b8; padding: 10px 0px 10px 0px; border-right: 0px;}
.homeBox2 {float: left; width: 100%; border-bottom: solid 1px #b8b8b8; padding: 10px 0px 10px 0px; border-right: 0px;}
.homeBox3 {float: left; width: 100%; padding: 10px 0px 10px 0px; }
.homeBoxUnder1 {float: left; width: 100%; border-bottom: solid 1px #b8b8b8; padding: 10px 0px 10px 0px; border-right: 0px;}
.homeBoxUnder2 {float: left; width: 100%; border-bottom: solid 1px #b8b8b8; padding: 10px 0px 10px 0px;}
#headerSearch {display: none;}
#headerNav {width: 100%; margin-top: 10px; float: left; text-align: left;}
#headerlogo {width: 100%; text-align: center;}
}
@media screen and (max-width: 1280px) {

.breadcrumbs {display: none;}
#primary {display: block !important; width: 100% !important;}
#sidebar {display: block !important; width: 100% !important; padding: 20px 0px !important; margin: 0px !important; border-left: none !important; border-top: solid 1px #606060;}
.frontTable {padding: 10px 0px !important; display: block !important; width: 100% !important; box-sizing: border-box; border: none !important;}
.frontTable td {padding: 10px 0px !important; display: block !important; width: 100% !important; box-sizing: border-box; border: none !important;}
.footerBoxLeft {padding: 10px 20px !important; width: 100% !important; box-sizing: border-box;}
.myMainHeader {display: none;}
.topBar {display: none;}
	.site-main {top: 0px !important; margin: 0px auto 0px auto !important;}
.mobileMenuOpenerBar {display: block !important;}
	/*.site-main {display: none !important;}*/
	.mobileMenuPush {display: block !important; height: 50px;}
}

/* FONTS */

/*@font-face {
    font-family: 'Monotype Corsiva';
    src: url('https://www.stjohngreece.org/wp-content/themes/bparker/fonts/monotype_corsiva.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}*/

.sanchez-regular {
  font-family: "Sanchez", serif;
  font-weight: 400;
  font-style: normal;
}

.sanchez-regular-italic {
  font-family: "Sanchez", serif;
  font-weight: 400;
  font-style: italic;
}


/* MOBILE MENU */

.mobileMenuOpenerBar {display: none; width: 100%; height: 60px; background: #FFFFFF; background-image: url('../images/blackHeader.png'); 
	background-repeat: repeat-x; position: relative; z-index: 1280; box-shadow: 0px 4px 4px rgba(0,0,0,.4);}
.mobileMenuOpenerTitle {position: relative; max-width: 1280px; margin: 0px auto; height: 60px; text-align: left;}
.mobileMenuOpener {width: 60px; height: 60px; float: left; z-index: 100; font-weight: bold; color: #E0E0E0; font-size: 38px; padding-top: 0px; margin: 0px; text-align: center;
cursor: pointer; background-repeat: no-repeat; background-position: center center; background-size: 32px 32px;}
.mobileMenuOpener:before {content: "≡";}
.mobileMenuOpener:hover {background-color: rgba(107,208,255,.8); color: #202020;}

.mobileMenuPush {display: none;}
.mobileMenuHeader {position: absolute; /*background-color: #565656; width: 340px; box-sizing: border-box; height: 46px;*/ height: 60px; z-index: 1000 !important;}
/*.mobileMenuHeaderSearch {width: 260px; box-sizing: border-box; padding: 4px 4px; float: left;}
.mobileMenuHeaderSearch #s {width: 100%; color: #202020; box-sizing: border-box; height: 30px; box-shadow: none;}
.mobileMenuHeaderClose {width: 80px; height: 100%; box-sizing: border-box; padding: 14px 4px; text-align: center; float: left;}
.mobileMenuHeaderClose:hover {background: rgba(255,255,255,.1); cursor: pointer;}*/



.mobileMenu{display: none; position: absolute; left: 0px; width: 100%; height: 100%; z-index: 1000;}
.mobileMenu * {text-decoration: none !important; padding: 0px;}
.menu {position: relative; padding: 0px !important; margin: 0px !important;}
.mobileMenu .menu>li, .sub-menu>li {list-style: none;}
/* Solo Link (no children) */
.mobileMenu .menu>li>a {font-size: 16px !important; font-weight: bold !important; color: #FFFFFF !important; text-shadow: 0px 0px 2px rgba(0,0,0,.4); min-height: 30px; display: block; width: 352px; padding: 16px 0px 16px 16px; box-sizing: border-box; background-color: #1875AA; border-bottom: 1px solid rgba(0,0,0,.8); border-top: 1px solid rgba(255,255,255,.2); }

.mobileMenu .menu>.menu-item-has-children>a {display: block; width: 300px; padding: 16px 0px 16px 16px; box-sizing: border-box; background-color: #1875AA;}
.mobileMenu .sub-menu, .mobileMenu .sub-menu .sub-menu, .mobileMenu .sub-menu .sub-menu .sub-menu { display: none ;position: relative; clear: both; margin: 0px; color: #FFFFFF;}
.mobileMenu .sub-menu a { display: block; border-bottom: 1px solid rgba(0,0,0,.8); border-top: 1px solid rgba(255,255,255,.2); margin-left: 30px; width: 270px; padding: 12px 0px 12px 12px; text-shadow: 0px 1px 0px rgba(255,255,255,.7); box-sizing: border-box; background-color: #1875AA; color: #FFFFFF;}
.mobileMenu .sub-menu .sub-menu a { display: block; border-bottom: 1px solid rgba(0,0,0,.8); border-top: 1px solid rgba(255,255,255,.2); margin-left: 60px; width: 240px; padding: 12px 0px 12px 12px; box-sizing: border-box; text-shadow: 0px 1px 0px rgba(255,255,255,.7); background-color: #1875AA; color: #FFFFFF;}
.mobileMenu .sub-menu .sub-menu .sub-menu a { display: block; border-bottom: 1px solid rgba(0,0,0,.8); border-top: 1px solid rgba(255,255,255,.2); margin-left: 90px; width: 210px; padding: 12px 0px 12px 12px; box-sizing: border-box; text-shadow: 0px 1px 0px rgba(255,255,255,.7); background-color: #1875AA; color: #FFFFFF;}

.mobileMenu .menu .menu-item-has-children {display: block; /*border-bottom: 1px solid #000000; */justify-content: space-between; background-color: #1875AA; width: 352px; min-height: 30px; background-image: url('https://www.stjohngreece.org/wp-content/themes/bparker/images/arrow_down.svg');  background-position: right 18px top 18px; background-repeat: no-repeat; background-size: 16px 16px;}
.actived {background-image: url('https://www.stjohngreece.org/wp-content/themes/bparker/images/arrow_up.svg') !important;}
.mobileMenu .menu .sub-menu .menu-item-has-children {border-bottom: none;}

/**All Inner Pages for Subsites**/
/*.mobileMenu {display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 100; font-size: 14px; font-weight: bold;}
.mobileMenu * {color: #565656; text-decoration: none !important;}
.mobileMenu .menu>ul>li, .children>li {list-style: none;}
.mobileMenu .menu>ul>li>a {min-height: 30px; display: block; width: 340px; padding: 8px 0px 8px 8px; box-sizing: border-box; 

background-color: #FFFFFF;
border-top: 1px solid #1875AA;
}
.mainlink {background-color: #565656; color: #1875AA; min-height: 30px; display: block; width: 340px; padding: 8px 0px 8px 8px; box-sizing: border-box; border-top: 1px solid #000000;}
.mobileMenu .menu>ul>.page_item_has_children>a {display: block; width: 300px; padding: 8px 0px 8px 8px; box-sizing: border-box; background-color: #102090;}
.mobileMenu .children { display: none ;position: relative; clear: both; width: 300px; margin: 0px; font-weight: normal;}
.mobileMenu .children a { display: block; border-top: 1px solid #000000; width: 300px; padding: 8px 0px 8px 40px; text-shadow: 0px 1px 0px rgba(255,255,255,.7); box-sizing: border-box; color: #102090; background-color: #DACFAE;}
.mobileMenu .children .children { display: none ;position: relative; clear: both; width: 300px; margin: 0px;}
.mobileMenu .children .children a { display: block; border-top: 1px solid #000000; width: 300px; padding: 8px 0px 8px 72px; box-sizing: border-box; text-shadow: 0px 1px 0px rgba(255,255,255,.7); color: #102090; background-color: #DACFAE;}
.mobileMenu .children .children .children a { display: block; border-top: 1px solid #000000; width: 300px; padding: 8px 0px 8px 104px; box-sizing: border-box; text-shadow: 0px 1px 0px rgba(255,255,255,.7); color: #102090; background-color: #DACFAE;}
.mobileMenu .menu .page_item_has_children {display: block; justify-content: space-between; background-color: #202020; width: 340px; min-height: 30px; background-image: url('../wp-content/themes/bparker/images/arrow_down.svg');  background-position: right 12px top 6px; background-repeat: no-repeat; background-size: 16px 16px;}
.actived {background-image: url('../wp-content/themes/bparker/images/arrow_up.svg');}
.mobileMenu .menu .sub-menu .page_item_has_children {border-bottom: none;}*/

.myMainHeader {position: absolute; top: 0px;width: 100%; box-shadow: 0px 20px 20px #1B150B88;}

.myTitleBar {position: relative; background: #1B150B88;}
.myTitleBar .church {position: relative; width: 100px; font-size: 14px; height: 40px; float: left; color: #808080; transition: transform 0.1s ease-in-out; /* Add a transition property */transform-origin: 50% 50%; /* Set the transform origin to the center */}
.myTitleBar .box {position: relative; width: 20px; font-size: 14px; height: 40px; float: left; color: #A0A0A0; /* Add a transition property *//* Set the transform origin to the center */}
.myTitleBar .church:first-child {}
.myTitleBar .church:hover {color: #202020; transform: scale(1.1); z-index: 10000000; /* Increase the background size on hover */ cursor: pointer;}
.myTitleBar .churchdiv {height: 40px; position: absolute; bottom: 0px; width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 8px;}
.myNavBar {position: relative; background: #cbdddd;/*#1875AA; background: linear-gradient(90deg,rgba(171, 209, 209, 1) 0%, rgba(203, 221, 221, 1) 50%, rgba(225, 237, 237, 1) 100%); border-top: solid 1px #000000; border-bottom: solid 1px #000000;*/ height: 50px; margin: 0px auto;}

.topNav {width: 1280px; height: 20px; text-align: right; text-shadow: 0px 1px 1px rgba(0,0,0,.4); color: #FFFFFF; font-size: 16px;}
.topNav p {padding: 0px; margin: 0px;}
.topNav a {color: #FFFFFF; text-decoration: none;}
.topNav a:hover {text-decoration: underline;}

.footerBoxLeft {padding: 10px 20px; display: block; float: left; width: 400px; box-sizing: border-box; font-size: 16px;}
.footerBoxLeft a {color: #FBFBFB;}
.footerBoxLeft .widget-title {border-bottom: solid 1px #FBFBFB; font-size: 18px; color: #FBFBFB;}

.section-links {
  margin-bottom: 2em;
}

.section-links h2 {
  font-size: 1.3em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.25em;
  font-weight: bold;
}

.section-links ul {
  list-style: none;
  padding-left: 0;
}

.section-links li {
  margin-bottom: 0.75em;
}

.section-links i {
  color: #004085;
  margin-right: 0.5em;
  width: 1.25em;
  text-align: center;
}

/*.display-posts-listing {border: dotted 1px green; margin: 0px; padding: 0px;}
.display-posts-listing li {clear: both; list-style: none; border: solid 1px #565656; padding: 1px; margin-bottom: 10px;}
.display-posts-listing .excerpt-dash {display: none;}
.display-posts-listing .title {display: inline-block; float: left; width: 80%; padding: 2px; background: #565656; text-decoration: none !important;}
.display-posts-listing .title:hover {color: #FFFFFF;}
.display-posts-listing .title:hover::after {content: " ↗";}
.display-posts-listing .excerpt {display: inline-block; float: left; padding: 2px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; *//* number of lines to show */
           /*line-clamp: 2; 
   -webkit-box-orient: vertical;}
.display-posts-listing img {display: inline-block; float: left; width: 20%;}
*/

/* Tribe Calendar */
/* Hide the month option in the configuration bar */
#tribe-bar-form select#tribe-bar-date-select {
    display: none;
}
/* Hide days from neighboring months */
.tribe-common .tribe-events-calendar tbody td.tribe-events-othermonth {
    visibility: hidden;
}
/* Hide the subscribe button */
.tribe-events-sub-nav {
    display: none !important;
}
#tribe-events-view-selector-content, .tribe-events-c-subscribe-dropdown, .tribe-events-calendar-month__day--next-month *, .tribe-events-calendar-month__day--other-month *{
    /*display: none;*/
}
.tribe-events-c-view-selector__button-text, .tribe-common-a11y-visual-hide, .tribe-events-c-view-selector__list-item-text, .tribe-events-c-view-selector, .tribe-events-c-events-bar__views {
	/*display: none;*/
}
.tribe-events-c-view-selector, .tribe-events-c-events-bar__views {
	display: none;
}


.tribe-events-calendar-month__header, .tribe-events-calendar-month__header, .tribe-events-calendar-month__header-row {align: center !important; text-align: center !important;}
.tribe-events-c-events-bar__search {padding: 0px; margin: 0px;}
.tribe-events-calendar-month__day-date, .tribe-common-h4 {font-size: 14px !important; padding: 10px !important;}
.tribe-events-calendar-month__events article {padding: 10px !important;}
.tribe-events-calendar-month__calendar-event-datetime {display: none;}

.tribe-common-l-container, .tribe-events-l-container {margin: 0px !important; padding: 0px !important;}
.tribe-events-calendar-month__events, .tribe-events-calendar-month__calendar-event, .tribe-common-h4, .tribe-events-calendar-month__day-date {padding: 0px !important; margin: 2px !important;}
/*.tribe-events-calendar-month__calendar-event * {padding: 0px !important; margin: 2px !important; border: none !important;}
.tribe-events-calendar-month__day div {padding: 0px !important; margin: 2px !important; border: none !important;}
.tribe-events-calendar-month__day h3 {padding: 0px !important; margin: 2px !important; border: none !important;}
.tribe-events-calendar-month__day a {padding: 0px !important; margin: 2px !important; border: none !important;}
 span {padding: 0px !important; margin: 2px !important; border: none !important;}*/
.tribe-events-calendar-month__day {height: 100px !important; min-height: 100px !important;}
.tribe-events-calendar-month__day-cell {height: 100px !important; min-height: 100px !important;}

.tribe-events-calendar-month__events {padding: 0px !important; margin: 2px !important; border: none !important;}
.tribe-events-calendar-month__events .tribe_events {padding: 0px !important; margin: 2px !important; border: none !important;}
.tribe-events-calendar-month__events .tribe_events .tribe-events-calendar-month__calendar-event-title {padding: 0px !important; margin: 0px !important; border: none !important;}

#tribe-events-events-bar-search, .tribe-events-header__events-bar {display: none;}

.tribe-events-c-events-bar__search-form {marign: 0px;}

.search-container .entry-summary p {font-size: 12px; color: #202020; border-left: solid 1px #E0E0E0; padding-left: 12px !important;}
.search-container .entry-summary p br {display: none;}
.search-container .entry-title {font-size: 14px; margin-top: 20px !important;}
.search-container .cat-links {display: none;}
.search-container .wp-post-image {display: inline-block; float: left; padding-right: 10px !important; max-width: 36px !important; max-height: 36px !important; clear: both;}
.search-container .entry-meta {display: none; font-size: 12px; color: #404040;}
.search-container * {padding: 0px !important; margin: 0px !important;}

.display-posts-listing {display: block; float: left; clear: both; padding: 0px; margin: 0px;}
.display-posts-listing li {display: block; float: left; clear: both; /*list-style: none; */padding: 1px; margin-bottom: 10px;}
.display-posts-listing .excerpt-dash {display: none;}
.display-posts-listing .title {display: block; float: left; font-weight: bold; width: 100%; padding: 2px; border-bottom: solid 1px #1875AA; text-decoration: none !important;}
.display-posts-listing .title:hover {color: #1875AA; background: yellow;}
.display-posts-listing .title:hover::after {content: " ↗";}
.display-posts-listing .excerpt {display: block; float: left; padding: 2px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;}
.display-posts-listing img {display: inline-block; float: left; width: 20%;}

.post-bparker {display: inline-block; float: left; clear: both; padding: 0px; margin: 0px 0pc 6px 0px;}
.post-bparker:hover {background: #565656;}
.post-bparker .title {display: block; float: left;  clear: both; font-weight: bold; width: 100%; padding: 2px; border-bottom: solid 1px #1875AA; text-decoration: none !important;}
.post-bparker .title .date {font-weight: normal; padding-left: 20px;}
.post-bparker .title:hover {color: #1875AA;}
.post-bparker .title:hover::after {content: " ↗";}
.post-bparker .excerpt {display: block; float: left; padding: 2px; clear: both; color: #606060;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;}
.display-posts-listing img {display: inline-block; float: left; width: 20%;}

/* CSS Styles */

    .recent-myposts {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .mypost-container {
        /*display: flex;*/
        width: 100%; /*calc(50% - 10px); /* Adjust the width as needed */
    }

    .mypost-thumbnail {
		display: inline-block;
        width: 200px;
        height: 200px;
        background-size: cover;
        background-position: center;
		float: left;
    }

    .mypost-content {
        padding: 10px 10px 0px 10px;
        width: calc(100% - 200px); /* Adjust the width as needed */
        background-color: #fff; /* Set your desired background color */ background: rgb(219,248,249);
background: linear-gradient(315deg, rgba(219,248,249,1) 0%, rgba(251,255,255,1) 51%, rgba(255,255,255,1) 100%); 
		float: left;
        height: 200px;
    }

    .mypost-content .mypost-title {
        overflow: hidden !important;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1; /* Limit the text to 6 lines */
        -webkit-box-orient: vertical;
    }

	.the-mypost-text {
        overflow: hidden !important;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5; /* Limit the text to 6 lines */
        -webkit-box-orient: vertical;
	}

	.mypost-content .read-more {
        text-align: right;
        display: block;
        padding-top: 10px;
        text-decoration: none;
    }

    .mypost-content h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .mypost-content p {
        font-size: 14px;
    }

/* Hide "Posted by" information */
.single .posted-by {
    display: none;
}

/* Hide "Posted in" category information */
.single .posted-in {
    display: none;
}

.wp-post-image {display: none;}

.cat-links, .entry-meta {
    display: none;
}

/* Navigation
--------------------------------------------- */
.navig {display: block; 
	font-family: 'Lato', sans-serif;}
.navig ul, .navig ol {list-style: none !important; list-style-image: none !important;}

.navig {border: 0px; float: right !important;}
.navig ul {margin-top: 0; list-style: none; padding: 0px; height: 18px;}
.navig li {float: left; position: relative;}


.navig .nav-menu {margin-top: 0; list-style: none; padding: 0px; height: 18px;
    width: 100% !important;
    text-align: right !important;}
.navig .nav-menu > li {
	float: none !important;
    display:inline-block !important;}

.navig li a {display: block; border-bottom: 0; /*background: orange; */padding: 0px; padding: 16px 14px 0px 14px; height: 50px; text-decoration: none; font-size: 16px; color: #1875AA; text-align: right; line-height: 14px; /*text-shadow: 0px 1px 2px rgba(0,0,0,1);*/}
.navig li a:hover, .navig li a:focus {color: #565656; /*background: #F6AF08; *//*text-decoration: underline; */cursor: pointer;}
/*.navig li a:after {content: '\00000a▾';}*/

.navig li > a {}


.navig li a:after { content: ' ▾'; white-space: pre; /* or pre-wrap */}
.navig li a:only-child:after { content: ''; }


.navig li a:only-child:after {content: '';}
.navig li ul.sub-menu, .navig li ul.children {margin-top: 0; border: 1px solid #ccc; border-top: 0; position: absolute; visibility: hidden; opacity: 0; max-height: 0px;
transition: max-height .35s linear, opacity .25s linear;
z-index: 8999; padding: 0px;}

.navig li ul.sub-menu, .navig li ul.children {background: purple; border: none; height: 0px;}
.navig li ul.sub-menu li, .navig li ul.children li {background: #FFFFFF; padding: 0px 6px 2px 6px; border-right: solid 1px #1875AA; border-left: solid 1px #1875AA;}
.navig li ul.sub-menu li:first-child, .navig li ul.children li:first-child {border-top: solid 1px #1875AA;}
.navig li ul.sub-menu li:last-child, .navig li ul.children li:last-child {border-bottom: solid 1px #1875AA;}

.navig li ul.sub-menu li a, .navig li ul.children li a {padding-left: 0px; border-right: 0; display: block; font-weight: normal; width: 240px; border-bottom: 1px dotted #B0B0B0; background: #FFFFFF; padding: 6px; height: auto; text-align: left; line-height: normal; color: #1875AA; text-shadow: none;}
.navig li ul.sub-menu li a:hover, .navig li ul.children li a:hover {color: #565656;}

.navig li ul.sub-menu li:last-child a, .navig li ul.children li:last-child a { border-bottom: 0; }
.navig li ul.sub-menu li ul, .navig li ul.children li ul {top: 0px; left: 100%;}

.navig li:hover > ul {top: auto; opacity: 1; max-height: 500px; transition: max-height .35s linear, opacity .25s linear; visibility: visible;}

.navig li ul li > a:after {content: '▸'; float: right;} /*25ba*/
.navig li ul li > a:only-child:after {content: '';}
.navig li ul li > a[target="_blank"]:after {content: '\2197';}

.navig .current-menu-item > a,
.navig .current-menu-ancestor > a,
.navig .current_page_item > a,
.navig .current_page_ancestor > a { color: #565656; /*text-decoration: underline;*/}

/* Brendan */
/*.site-main {background: blue; position: absolute; max-width: 1000px; height: 2000px; margin: 100px auto; z-index: 10;}*/

.hentry * {margin-top: 0px !important;}

.site-main {position: relative; background: ; top: /*-80px*/; max-width: 1200px; min-height: 400px; padding: 0px 40px 80px 40px !important; margin: 0px auto /*-80px*/0px auto; z-index: 10; font-size: 15px;}
.site-main-home {position: relative; background: #FFFFFF; width: 100%; min-height: 400px; padding: 0px; margin: 0px auto; z-index: 10; border-left: solid 1px #565656;}

/*.site-main ul li::marker {content: "▸";}*/

.site {padding: 0px; margin: 0px;}
.featuredImageBox {max-height: 400px !important; !important; width: 100%; aspect-ratio: 15 / 4; margin: 0px auto; background-size: cover; background-repeat: no-repeat; background-position: center; box-shadow: inset 0px -1000px 0px rgba(27,3,0,.2);}/*(246,180,22,.4)*/
  /*-webkit-filter: grayscale(.7); 
  -webkit-filter: grayscale(70%); 
  -moz-filter: grayscale(70%);*/

.entry-title {}
.page-title {border-bottom: double 3px #1875AA; font-size: 38px; padding: 20px 0px 10px 0px; font-weight: bold; margin: 0px 40% 30px 0px;}

/* Home Page */

.blockRow {display: flex;}
.blockMass {background: #EAC4A2; border: solid 1px #808080; border-radius: 8px; flex: 1; height: 440px; padding: 20px;}
	
/*.blockMass {padding: 20px; background: #fff6dd; border: solid 1px #ffcc66; border-radius: 8px; flex: 1; height: 320px;
background-image: url('https://www.stpatricksvictor.org/wp-content/themes/bparker/images/cross.svg');	background-repeat: no-repeat; background-position: -10px; background-size: 200px;}
.blockEvents {padding: 20px; background: #e6ffe6; border: solid 1px #b3ffb3; border-radius: 8px; flex: 1; height: 320px;
background-image: url('https://www.stpatricksvictor.org/wp-content/themes/bparker/images/calendar.svg');	background-repeat: no-repeat; background-position: -10px; background-size: 200px;}
.blockBulletins {padding: 20px; background: #e6ffff; border: solid 1px #b3ffff; border-radius: 8px; flex: 1; height: 320px;
background-image: url('https://www.stpatricksvictor.org/wp-content/themes/bparker/images/news.svg');	background-repeat: no-repeat; background-position: -30px; background-size: 200px;}
.blockWorship {padding: 20px; background: #ffe6ff; border: solid 1px #ffccff; border-radius: 8px; flex: 1; height: 320px;
background-image: url('https://www.stpatricksvictor.org/wp-content/themes/bparker/images/pray.svg');	background-repeat: no-repeat; background-position: -30px; background-size: 200px;}*/

/* Smart Slider */
body * { }
.smartSliderContainer {position: relative; background: #202020; padding: 0px !important; width: 100%;}
.smartSliderContainer * {padding: 0px !important; margin: 0px!important;}
.n2-padding {padding: 0px !important; margin: 0px !important; top: -15px;}
.n2-section-smartslider * {padding: 0px !important; margin: 0px !important; top: 0px !important; border: 0px !important;}

/* Front CC Page */

/* Preschool Button */
.menu-item-2388 {padding: 0px 0px 0px 4px !important;}
.menu-item-2388 > a {background: #565656; color: #202020 !important; text-shadow: 0px -1px 1px rgba(255,255,255,.8) !important; height: 40px !important; padding: 12px 18px 0px 18px !important; margin: 4px 0px;}
.menu-item-2388 > a:hover {background: #ffffff; color: #565656 !important;}


.frontPageBox {padding: 20px; border: 0px; border-radius: 6px; margin: 4px 0px 0px 0px; box-shadow: 0px 4px 4px rgba(0,0,0,.2);}
.frontPageBox:hover {background: #FFFFB0; box-shadow: 0px 8px 8px rgba(0,0,0,.2); cursor: pointer; margin: 0px 0px 4px 0px; 
  transition-duration: .2s; transition-timing-function: ease-in-out; }
.frontPageBox * {padding: 0px; margin: 0px;}

/* Simple Calendar */

.simcal-calendar * {margin: 0px !important; list-style-type: none !important;}
.simcal-events {margin: 0px !important; padding: 0px !important;}
.simcal-event {margin: 0px 0px 0px 0px !important;}
.simcal-event-title {font-size: 12px !important;}
.simcal-nav {color: #000000;}
.simcal-icon-right {font-size: 24px !important;}
.simcal-icon-left {font-size: 24px !important;}
.simcal-nav h3 {font-size: 26px !important;}
.simcal-day-number {background-color: blue;}
.simcal-events ul, simcal-events li {list-style-type: none !important;}

.nav-previous, .nav-next {display: none !important;}

.post-edit-link {display: none;}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	/*margin: 0 0 1.5em;*/
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

/*.post,
.page {
	margin: 0 0 1.5em;
}*/ /* Remove to get rid of whitespace on bottom of page. */

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}
