@font-face {
    font-family: 'Futura';
    src:    url('/wp-content/uploads/fonts/FuturaLT-Bold.woff2') format('woff2');
}


h1,h2{
	font-family: 'Futura' !important;                                     
}

/* EVENTS ADD-ON */

/* Maintain theme style for events add-on */
.ebec-event-content,
.ebec-event-details,
.ebec-minimal-list-desc  {
    font-family: inherit !important; 
    font-size: inherit !important;     
    line-height: inherit !important; 
	font-weight: inherit !important; 
	color:#FF4D00 !important; 
}

/* Hide unneccesary elements in events add-on */
.ebec-month-header * , 
.ebec-event-date-tag, 
.ebec-events-title, 
.ebec-event-datetime *, 
.ebec-style-1-more, 
.ebec-list-venue{
	display: none !important;
}


/* POST STYLE EVENTS */
	/* Indent picture */
	.ebec-event-content > div > p:nth-of-type(1) {
		/*padding-left: var(--wp--preset--spacing--40);*/
	}
	/* Space between image and title */
	.ebec-event-content > div > p:nth-of-type(2) {
		margin-top: 2em !important;
	}
	/* Space between description and title */
	.ebec-event-content > div > p:nth-of-type(3) {
		margin-top: -1em !important;
	}
	/* Indent description */
	.ebec-event-content > div > p:nth-of-type(n+3){
		padding-left: var(--wp--preset--spacing--40);
	}

/* Custom spacing between posts*/
.ebec-list-posts{
	margin-top: 70px !important; 
}

/* Custom horizontal separator the same height as the vertical separator*/
.custom-separator {
  border: 0.5px solid black;
  margin: 20px 0;
}

/* Make all images responsive to block design */
img {
    display: block; 
    max-width: 100%; 
    height: auto; 
	margin-bottom: 1em; }



/* COLUMN STYLING  */

/* Custom horizontal separator the same height as the vertical separator*/
.custom-separator {
  border: 0.5px solid black;
  margin: 20px 0;
}

@media (min-width:768px) {

/* Disable movement of container of columns */
	
body.page-id-149 {
	height: 100vh;
	overflow: hidden !important;
	 
}
	
/* Make the columns scrollable when hovering above them (for desktop) */

body.page-id-149 .wp-block-column {
  height: 100vh; /* Fixed column heigt - full page*/
  overflow: auto; /* Hide the scrollbar initially */
  transition: all 0.3s ease; /* Smooth transition for hovering effect */
}


/* Hide scrollbar -- Chrome, Safari, Edge */ 

.wp-block-column::-webkit-scrollbar {
  width: 0; /* Set scrollbar width to zero */
  height: 0; /* Optional for horizontal scrollbar */
}
.wp-block-column::-webkit-scrollbar-thumb {
  background: transparent; /* Ensure thumb (scroll handle) is invisible */
}

/* Hide scrollbar -- Firefox */
.wp-block-column {
  scrollbar-width: none; /* Firefox-specific scrollbar hiding */
}

/* Hide scrollbar -- Internet Explorer/Edge (older versions) */
.wp-block-column {
  -ms-overflow-style: none; /* IE/Edge scrollbar hiding */
}
}
