/*
Theme Name: PEC Twenty Twenty-Five
Theme URI: 
Author: 
Author URI: 
Description: A clone of the WordPress Twenty Twenty-Five, and modified. This is not a child theme, therefore will not receive updates.
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pec-twenty-twenty-five
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/* ==================== PEC CUSTOM ===================== */

.block-with-line {
  position: relative; /* Essential for positioning pseudo-elements */
  text-align: center; /* Centers the content if needed */
  z-index: 0;
}

.block-with-line::before {
  content: ""; /* Required for pseudo-elements */
  position: absolute;
  top: 50%; /* Positions the top edge of the line at the vertical center */
  left: 0;
  right: 0;
  /*height: 2px;*/ /* Sets the thickness of the line */
  /*background-color: black;*/ /* Sets the color of the line */
  transform: translateY(-50%); /* Adjusts for the line's height to truly center it */
	z-index: -10;
	border-top: 2px solid #8B752E;
}

.block-with-line > h2 {
	z-index: 25;
	/*background-color: #ffffff;*/
	display: inline-block;
}

.max200 {
	max-width: 200px;
}

.no-top-margin {
	margin-top: 0px !important;
}

.line-title {
	transform: translateY(50%);
	background-color: #e8e6da;
	display: inline-block;
}
.line-title:before, .line-title:after{
	content: "\f10c";
	font-family: "FontAwesome",serif;
	margin: 0 18px;
	color: #887443;
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	top: -1px;
}

.lined-heading {
	display: flex; /* Makes the heading and pseudo-elements flex items */
	align-items: center; /* Vertically centers the items */
	text-align: center; /* Centers the text within the container */
	/* width: 100%; Ensures the lines span the full width */
	gap: 5px; /* Provides space between the lines and the text */
	/* margin: 20px 0; Add top/bottom margin as needed */
	background-color: #e8e6da;
}

/* Pseudo-elements for the lines */
.lined-heading::before,
.lined-heading::after {
	content: ''; /*Required for pseudo-elements to render */
	border-top: 1px solid #887443; /* Defines the line style, color, and thickness */
	flex: 1; /* Allows the lines to grow and fill the available space */
}

.lined-heading span:before, .lined-heading span:after {
	content: "\f10c";
	font-family: "FontAwesome",serif;
	margin: 0 5px;
	color: #887443;
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	top: -2px;
}


.jagged-edge {
	background-repeat: repeat-x;
	max-height: 10px !important;
}

/*
.upcomingEventsHead:before{

	content: "";
	width: 350px;
	height: 1px;
	position: absolute;
	left: auto;
	right: 100%;
	top: 50%;
	background: url(/wp-content/themes/pec-twenty-twenty-five/assets/images/LeftLine.png) left center no-repeat;
	
}


.upcomingEventsHead:after{
	left: 100%;
	right: auto;
	background: url(/wp-content/themes/pec-twenty-twenty-five/assets/images/RightLine.png) right center no-repeat;
	
}
*/

div.fancy-heading::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: calc(50% - 1px);
	width: 100%;
	height: 2px;
	background: #bc992f;
}


div.fancy-heading {
	position: relative;
	text-align: center;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}


div.fancy-heading h2::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border: 2px solid #bc992f;
	border-radius: 100%;
	position: absolute;
	right: 0;
	top: calc(50% - 5px);
}


div.fancy-heading h2::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border: 2px solid #bc992f;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: calc(50% - 5px);
}



div.fancy-heading h2 {
	font-size: 26px;
	text-align: center;
	font-style: normal;
	text-transform: uppercase;
	font-family: "Libre Baskerville",Georgia,serif;
	letter-spacing: 10px;
	color: #343844;
	padding: 0 30px 0 40px;
	line-height: 1.5em;
	background: #fff;
	position: relative;
	z-index: 1;
	display: inline-block;
}


/*
#pec-event-content div.tribe-events-event-image img {
	max-width: 200px;
	max-height: 200px;
	display: block;
	margin-left: auto;
	float: right;
}
*/

#pec-event-content .pec-single-event-wrapper{
    display: flex;
    justify-content: space-between; /* Pushes content to the edges */
    align-items: flex-start; /* Aligns items to the top */
  	flex-direction: row-reverse;

}

#pec-event-content .pec-single-event-wrapper .wp-block-group {
    flex: 1; /* Allows text to take up remaining space */
    padding-right: 20px;
}

#pec-event-content div.tribe-events-event-image img {
    max-width: 200px;
    height: auto;
	float: right;
}

.pec-view-more-img {
	bottom: -20px;
	position: absolute;
	display: inline-block;
	left: calc(50% - 141px)
}

@media (max-width: 768px) {
    .hide-on-mobile {
        display: none !important;
    }
}

.tribe-events-calendar-list__event-featured-image {
	max-height: 270px !important;
	max-width: 203px !important;
}

.no-bottom {
	margin-bottom: 0px !important;
}