/*
 Theme Name:   Renascent Website
 Theme URI:    https://renascent.kinsta.cloud
 Description:  Custom theme for Renascent
 Author:       ROC Media Inc.
 Author URI:   http://rocmedia.ca
 Template:     hello-biz
 Version:      1.0.0
*/

/* Custom CSS goes below */



/* === PERFORMANCE === */ 

/* Reserve space for lazy images */
img[loading="lazy"] {
  inline-size: auto;
  block-size: auto;
  max-width: 100%;
  height: auto;
  /* if width/height attrs exist, browsers reserve space automatically */
}

/* Iframes & embeds (YouTube/Maps) */
iframe, embed, video {
  display: block;
  max-width: 100%;
  aspect-ratio: 16/9; /* adjust per component */
  height: auto;
}

/* Prevent accordion/toggle auto-expanding on load */
.e-accordion .elementor-tab-content { overflow: hidden; }

/* Avoid late layout from fonts */
html { 
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
}

/* Disable transitions on initial load to avoid measuring with anims */
@media (prefers-reduced-motion: no-preference) {
  .js-loading * { transition: none !important; }
}






/* === GENERAL STYLING === */
	ul li, ol li {
  margin-bottom: 20px;
}
.tight-phone-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tight-phone-list li {
  margin: 0;
  padding: 1px 0;
	font-size: 16px;
}
	
	
/* Olark Chat Button Styling */ 
	

html body	.olark-launch-button.olark-text-button, html body .olark-launch-button, html body .olark-launch-button-wrapper.olark-text-button .olark-button-focus-wrapper:focus-within  {
		border-radius: 16px !important;
		-webkit-clip-path: none !important;
		clip-path: none !important;
	}
	html body #olark-wrapper .olark-button-focus-wrapper:focus-within {
		background-color: #FFE152 !important;
	}
	
	#olark-container {
		border-radius: 12px !important;
	}
		#olark-container .olark-top-bar {
		border-radius: 12px 12px 0 0 !important;
	}
html body	#olark-container .olark-top-bar-text {
		font-family: museo-slab !important;
		font-weight: 700 !important;
		color: #173e89 !important;
	}
html body	#olark-wrapper .olark-top-bar-text {
		color: #173e89 !important;
	}
	
	html body #olark-container .olark-branding-link{
		display: none !important;
	}
	
.open-chat a.elementor-button {
  cursor: pointer;
}

/*	html body .olark-launch-button-wrapper {
		right: 75px !important;
	}*/
	
	/* Shop iframe */
.full-vh-iframe {
  position: relative;
  width: 100%;
  height: 100vh; /* Full viewport height */
  overflow: hidden;
}

.full-vh-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none; /* Removes default border */
}

/* Donor Rights List */ 
	
	.donorrights ol li::marker {
		  font-weight: 700;
  color: #FF7900;
	}
	
/* Prevent loop carousels from adding a scroll bar on mobile */ 
	
	@media (max-width: 768px) {
  .elementor-widget-loop-carousel,
  .elementor-widget-posts-carousel,
  .swiper,
  .swiper-container,
  .slick-slider {
    overflow-x: hidden !important;
  }
}

	
	
/* === MAIN MENU === */
	
	/* Make the Donate Button RED 	*/
		@media (min-width: 1367px) { 
.mainmenu .elementor-nav-menu > li:last-child > a, #menu-donate {color: #fff !important; background-color: #ef4135; border-radius: 999px; padding: 5px 30px;}
	}
	@media (max-width: 1366px) { 
	.mainmenu .elementor-nav-menu > li:last-child > a, #menu-donate {color: #fff !important; background-color: #ef4135;} 
	}	
	@media (max-width: 1366px) { 
	.mainmenu .elementor-nav-menu > li:last-child > a:hover, #menu-donate:hover, .mainmenu .elementor-nav-menu > li:last-child > a:active, #menu-donate:active  {color: #173e89 !important; background-color: #ffe152 !important;} 
	}	

	
	/* Addiction Types Menu List span multiple columns */ 
	.addiction-menu {column-count:3;}
	


/* === BREADCRUMBS === */ 
	
	/* Current Page Bolded */ 
.eael-breadcrumbs .eael-current {font-weight: 500;} 
	
	
/* === FORM STYLING === */	
	
	/* All forms*/
	.ginput_container_textarea textarea {border-radius: 16px !important;}
	 .gfield--input-type-section h3, .gsection_title {color:#183e89 !important; font-size: 22px !important;}
  .gform-field-label--type-sub {margin-bottom: 8px !important;}
	
	
	/* Newsletter Subscribe Form */ 
	.newsletter .gform-footer {display: none !important;}
	.newsletter .gform-button {color: #ffffff !important;}
	

	
/* ===  BLOG === */
	
	/* Categories Dropdown */
	.custom-select-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
	}
	#category-dropdown {
		  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
		width: 100%;
    padding: 10px;
    border-radius: 999px;
    border: 1px solid #6a6a6a;
    font-size: 16px;
		color: #878787;
		font-weight: 300;
  background-image: url('/wp-content/uploads/caret_down.svg'); 
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px;}

	/* Categories Buttons */
	.elementor-post-info__terms-list-item {
		background-color: #D7EAF5;
		padding: 10px 15px;
		border-radius: 999px;
		line-height: 45px;
	}
	.blog-categories .elementor-icon-list-text a {
		color: var( --e-global-color-primary ) !important;
	}
	
	/* Blog Navigation */
	.post-navigation__prev--label, .post-navigation__next--label, .post-navigation__prev--title, .post-navigation__next--title {text-align: center;}
	.elementor-post-navigation__separator-wrapper {margin: 0 40px 0 0;}
	.elementor-post-navigation .elementor-post-navigation__link {white-space: normal !important;}
	
	
/* === TOUR OUR CENTRES === */
	
	/* Style the filter menu tabs */
	.our-centres .e-filter-item {display: block !important; width: 100% !important; border-right: 1px solid #86339A !important; padding: 30px 10px 30px 40px !important; position: relative !important;}
	.our-centres .e-filter-item[aria-pressed=true] {border-right: 4px solid #86339A !important;}
.our-centres .e-filter-item[aria-pressed="true"]::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #86339A; 
  border-left: none;
}
	
	.our-centres .e-filter {
    align-items: var(--e-filter-align-items);
    display: var(--e-filter-display);
    flex-direction: var(--e-filter-direction);
    flex-shrink: 0;
    flex-wrap: var(--e-filter-wrap);
    gap: 0; /* override the gap */
    justify-content: var(--e-filter-justify-content);
    overflow-x: var(--e-filter-overflow-x);
    -ms-overflow-style: none;
    scrollbar-width: none;
}

	.our-centres .e-filter-item::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 37px;
  height: 44px;
  background: url('/wp-content/uploads/mapmarkerainbow.svg') no-repeat center center;
  background-size: contain;
}

	/* Style the Image Gallery */
	
	.swiper .swiper-pagination-bullets.swiper-pagination-horizontal {bottom: -20px !important;}
	 .swiper-slide-image {max-height: 600px;}
	

/* === GOVERNANCE AND REPORTING === */
	
	/* Make any EAEL wrapper-link container respond on hover/focus  */
[data-eael-wrapper-link].e-con { 
  cursor: pointer;
}

/* Smooth transitions for inner text + button */
[data-eael-wrapper-link] .elementor-heading-title,
[data-eael-wrapper-link] .elementor-widget-button .elementor-button,
[data-eael-wrapper-link] .elementor-widget-button .elementor-button .elementor-button-icon i,
[data-eael-wrapper-link] .elementor-widget-button .elementor-button .elementor-button-text {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

/* Hover / keyboard focus styles for the whole row */
[data-eael-wrapper-link]:hover .elementor-heading-title,
[data-eael-wrapper-link]:focus-within .elementor-heading-title {
  color: #173e89; /* heading text colour on hover */
}

[data-eael-wrapper-link]:hover .elementor-widget-button .elementor-button,
[data-eael-wrapper-link]:focus-within .elementor-widget-button .elementor-button {
  background-color: #173e89;  /* button bg on hover */
  color: #fff;                 /* button text on hover */
  border-color: #173e89;       /* if the button has a border */
}

[data-eael-wrapper-link]:hover .elementor-widget-button .elementor-button .elementor-button-icon i,
[data-eael-wrapper-link]:focus-within .elementor-widget-button .elementor-button .elementor-button-icon i {
  color: #fff; /* icon colour on hover */
}

/* Motion respect (optional) */
@media (prefers-reduced-motion: reduce) {
  [data-eael-wrapper-link] .elementor-heading-title,
  [data-eael-wrapper-link] .elementor-widget-button .elementor-button,
  [data-eael-wrapper-link] .elementor-widget-button .elementor-button .elementor-button-icon i,
  [data-eael-wrapper-link] .elementor-widget-button .elementor-button .elementor-button-text {
    transition: none;
  }
}

[data-eael-wrapper-link]:hover .elementor-widget-button .elementor-button,
[data-eael-wrapper-link]:focus-within .elementor-widget-button .elementor-button {
  background-color: #FF7900; 
  color: #fff;
  border-color: #ff6600; /* if your button has a border */
}

	
	
/* === IMPROVE GLOBAL ANIMATIONS === */
	
@keyframes fadeDown {
    from {opacity: 0; transform: translate3d(0,-30px,0)}
    to {opacity: 1; transform: none}
}

.elementor-element.fadeInDown {animation-name: fadeDown}

@keyframes fadeLeft {
    from {opacity: 0; transform: translate3d(-30px,0,0)}
    to {opacity: 1; transform: none}
}

.elementor-element.fadeInLeft {animation-name: fadeLeft}

@keyframes fadeRight {
    from {opacity: 0; transform: translate3d(30px,0,0)}
    to {opacity: 1; transform: none}
}

.elementor-element.fadeInRight {animation-name: fadeRight}

@keyframes fadeUp {
    from {opacity: 0; transform: translate3d(0,30px,0)}
    to {opacity: 1; transform: none}
}
.elementor-element.fadeInUp {animation-name: fadeUp}