/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/** General
 **/
 /*
	WP Event Manager ships an unlayered `*, ::before, ::after { box-sizing: inherit }`.
	Bricks keeps its border-box reset inside a CSS layer, so WPEM's rule wins and every
	element fell back to content-box: anything with width 100% plus padding came out wider
	than the screen. Setting it on the root lets everything inherit border-box again.
 */
 html {
	box-sizing: border-box;
 }

 #brx-content{
	align-items: center;
 }
 

 /*
	انماط خاصة بصفحة مجتمعنا
*/

/*
	The three photo columns scroll forever. Each loop moves the strip by exactly one
	image height (1000px), so the last frame matches the first and there is no jump;
	the old distance depended on the screen height, which made it snap back. The strip
	lives in ::before and moves with transform, which phones animate without repainting.
	1000px tall makes the image 174px wide, wider than the columns on any screen (max 139px).
*/
@keyframes scroll_top {
	from { transform: translate3d(0, 0, 0); }
	to   { transform: translate3d(0, -1000px, 0); }
}

@keyframes scroll_bottom {
	from { transform: translate3d(0, -1000px, 0); }
	to   { transform: translate3d(0, 0, 0); }
}

	.travlers1,
	.travlers2,
	.travlers3{
		position: relative;
		overflow: hidden;
		background-image: none !important;
	}
	.travlers1::before,
	.travlers2::before,
	.travlers3::before{
		content: '';
		position: absolute;
		inset: 0 0 auto 0;
		height: calc(100% + 1000px);
		background-repeat: repeat-y;
		background-position: center top;
		background-size: auto 1000px;
		will-change: transform;
	}
	.travlers1::before{
		background-image: url(/wp-content/uploads/2024/08/colimg1.jpg);
		animation: scroll_top 19s linear infinite;
	}
	.travlers2::before{
		background-image: url(/wp-content/uploads/2024/08/colimg2.jpg);
		animation: scroll_bottom 15s linear infinite;
	}
	.travlers3::before{
		background-image: url(/wp-content/uploads/2024/08/colimg3.jpg);
		animation: scroll_top 30s linear infinite;
	}
	@media (prefers-reduced-motion: reduce){
		.travlers1::before,
		.travlers2::before,
		.travlers3::before{
			animation: none;
		}
	}
	#brxe-cyweqq{
		background-image: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, .1), transparent);
	}

/*
 * Events Styling
*/
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-date-time::before{
	right:0;
	left:none;
}

.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-location::before{
	right:0;
	left:none;
}
span.wpem-event-date-time-text{
	padding-right:16px;
}
span.wpem-event-location-text{
	padding-right:16px;
}

.wpem-event-listings-header .wpem-event-layout-action-wrapper .wpem-event-layout-action{
	margin-right: auto;
	margin-left: none;
}

.wpem-event-title {
	font-family: lalezar;
	font-weight: 400;
}

.wpem-single-event-body-content{
	font-family: 'Baloo Bhaijaan 2';
}
.event_registration{
	font-family: 'Lalezar';
}
.wpem-single-event-sidebar-info{
	font-family: 'Baloo Bhaijaan 2';
}



/* لو البلوك بيتلفّ بداخل <p>…</p> */
.gutena-tabs-content p{
  display: block;
  margin: 0 !important;
}

/***
	Gallery on events
**/
	#egall{
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	#egall>div {
		flex-grow: 1;
		width: calc(33% - 38px);
		height: 400px;
	}

	#egall>div>img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	

/** 
  	Menu Styling
**/
	#brxe-header{
	--logo-height: 80px;
	--header-pad-y: var(--space-s);
	--header-height: calc((var(--header-pad-y) * 2) var(--logo-height));
	}
	ul#menu-main-1 {
		margin-left: 0;
	}
	.bricks-mobile-menu-wrapper{
		margin-top: 105px;
	}


/** 
	Articles
	**/
	.brxe-post-taxonomy{
		flex-wrap: wrap;
	}

/* أنماط CSS الخاصة بالشاشات الصغيرة (الهواتف المحمولة) */
@media screen and (max-width: 600px) {
	.layout-default .bricks-post-meta-wrapper{
		flex-wrap: wrap;
	}
	.layout-default .brxe-post-sharing{
		margin: 1rem auto;
	}

	.registration{
		position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 999;
        left: 14px;
        background: #0062a7c4;
	}
	.wpem_related_events {
		display: none;
	}
}

/* Phones: keep page content off the screen edges, like the footer. */
@media screen and (max-width: 767px) {
	#brx-content > .brxe-section,
	#brx-content > .brxe-container,
	#brx-content.wordpress {
		padding-inline: 16px;
	}
}

/*
	The event grid's -15px row gutters expect a padded parent. Phones get one above;
	between that and the 1100px container plus gutters the grid ran off both screen edges.
*/
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.wpem-row {
		margin-inline: 0;
	}
}


/* Fixing google review horizontal scroll issue */
	.rpi-slides-root.grw-content {
        overflow: hidden;
    }

	body, html {
    overflow-x: hidden;
	}