/*
	Theme Name: CREDA Edmonton Region
	Template: Divi
	Theme URI: www.credaedmonton.com
	Description: A custom theme built with Divi for CREDA Edmonton Region.
	Author: Bexlyn Creative Inc.
	Author URI: www.bexlyn.com
	Version: 1.0.0
*/


html { 
	font-size: 16px; 
}



h1, h2, h3, h4, h5, h6 {
	padding-bottom:0px;
}

.post-margins h2, .post-margins h3, .post-margins h4{
	margin-bottom: 1rem;
} 

.post-margins h5, .post-margins h6 {
	margin-bottom: 0.5rem;
}

/* MAIN NAVIGATION STYLES */


#top-menu li {
	padding-right: 2rem;
}

li.menu-item-223350 > a {
	padding: 16px !important;
	background-color: #5BDDDD;
	color: #000000 !important;
}


.bx-main-menu .et_pb_menu_inner_container {
height: 100%;
}

.bx-main-menu .et_pb_menu__menu nav ul li {
display: grid;
place-items: center;
margin-top: 0 !important;
}

.bx-main-menu .et_pb_menu__menu nav ul li a {
	color: #282828 !important;
	padding: 2.7rem 1.75rem;
	border-bottom: 8px solid #FFFFFF;
	height: 100%;
}

.bx-main-menu .et_pb_menu__menu nav ul li a:hover {
	opacity: 0.9!important;
	color: #282828;
	border-bottom: 8px solid #039CA2;
}

.bx-main-menu .et_pb_menu__menu nav ul li.et_pb_menu_page_id-45 {

background-color: #ffffff;
}

.bx-main-menu .et_pb_menu__menu nav ul li.et_pb_menu_page_id-45 a {
background-color: #5BDDDD;
border-bottom: 0px solid #FFFFFF;
padding: 1.25rem 1.25rem;
height: 50%;
}

/* DROPDOWN MEGA-MENU */

@media only screen and (min-width: 981px) {
  .mega-menu.nav li ul { 
    width: fit-content !important; 
    min-width: 280px; /* Adjusts minimum width */
    display: flex; 
    flex-direction: column; 
  }
  .mega-menu.nav li li { 
    white-space: nowrap !important; 
  }
  .mega-menu.nav li li a { 
    width: auto !important; 
  }
}

/* Style the Mega Menu Column Headers */
#top-menu li.mega-menu > ul > li > a:first-child {
  font-weight: bold !important;
  color: #006781 !important;
  border-bottom: 1px solid #ddd; /* Adds a line under header */
  padding-bottom: 8px;
  margin-bottom: 8px;
}

/* Adjust spacing between the columns */
#top-menu li.mega-menu > ul > li {
  padding: 20px !important;
}

#top-menu li.mega-menu ul li .menu-text-block > a {
    color: #666666 !important; /* Changes text color */
    pointer-events: none;      /* Disables clicking */
    cursor: default;           /* Changes pointer back to normal text cursor */
    white-space: normal !important; /* Allows long text blocks to wrap naturally */
    line-height: 1.6 !important;    /* Fixes line spacing for paragraphs */
    font-weight: normal !important; /* Strips bold link styling if necessary */
    padding: 5px 0 !important;
}

#top-menu li.mega-menu.mega-menu-parent li>.sub-menu {
  background-color: transparent;
}

/* ADJUST MAIN NAV ON MOBILE */

@media only screen and (max-width: 980px) {
  #main-header .et_mobile_menu ul.sub-menu,
  #main-header .et_mobile_menu .mega-menu > ul {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
	
	#main-header .et_mobile_menu {
    width: fit-content !important; 
    min-width: 100%; /* Adjusts minimum width */
	}
	
.et_mobile_menu {
		background-color: rgba(255,255,255,0.95) !important;
		text-align:center;
	}
	
.et_mobile_menu li a {
		color: #013A49 !important;
	}
}


/* HEADER INCLINES */

.incline-aqua:before {
	content:"";
	display: block;
	background-image: url('../../uploads/2026/05/incline_aqua.webp');
	background-repeat: no-repeat;
	background-position: top left;
	background-size:contain;
	position: absolute;
	left: -24px;
	top: -24px;
	width: 16px;
	height: 16px;
	z-index: 2;
}

.incline-dayglo:before {
	content:"";
	display: block;
	background-image: url('../../uploads/2026/05/incline_dayglo.webp');
	background-repeat: no-repeat;
	background-position: top left;
	background-size:contain;
	position: absolute;
	left: -24px;
	top: -24px;
	width: 16px;
	height: 16px;
	z-index: 2;
}

.incline-rubine:before {
	content:"";
	display: block;
	background-image: url('../../uploads/2026/05/incline_rubine.webp');
	background-repeat: no-repeat;
	background-position: top left;
	background-size:contain;
	position: absolute;
	left: -24px;
	top: -24px;
	width: 16px;
	height: 16px;
	z-index: 2;
}

.incline-foam:before {
	content:"";
	display: block;
	background-image: url('../../uploads/2026/05/incline_foam.webp');
	background-repeat: no-repeat;
	background-position: top left;
	background-size:contain;
	position: absolute;
	left: -24px;
	top: -24px;
	width: 16px;
	height: 16px;
	z-index: 2;
}

.incline-midnight:before {
	content:"";
	display: block;
	background-image: url('../../uploads/2026/05/incline_midnight.webp');
	background-repeat: no-repeat;
	background-position: top left;
	background-size:contain;
	position: absolute;
	left: -24px;
	top: -24px;
	width: 16px;
	height: 16px;
	z-index: 2;
}

.incline-mauve:before {
	content:"";
	display: block;
	background-image: url('../../uploads/2026/05/incline_mauve.webp');
	background-repeat: no-repeat;
	background-position: top left;
	background-size:contain;
	position: absolute;
	left: -24px;
	top: -24px;
	width: 16px;
	height: 16px;
	z-index: 2;
}

.incline-orange:before {
	content:"";
	display: block;
	background-image: url('../../uploads/2026/05/incline_orange.webp');
	background-repeat: no-repeat;
	background-position: top left;
	background-size:contain;
	position: absolute;
	left: -24px;
	top: -24px;
	width: 16px;
	height: 16px;
	z-index: 2;
}

/* HEADER CLUSTERS */

.cluster-mod:before {
	content:"";
	display: block;
	background-image: url('../../uploads/2026/06/cluster_mod.webp');
	background-repeat: no-repeat;
	background-position: top left;
	background-size:contain;
	position: absolute;
	left: -24px;
	top: 0px;
	width: 27px;
	height: 16px;
	z-index: 2;
}


/* SECTION TABS */

.tab-darkteal:before {
	content:"";
	display: block;
	background-image: url('../../uploads/2026/05/tab_darkteal.webp');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:contain;
	position: absolute;
	top: -48px;
	width: 100%;
	height: 48px;
	z-index: 2;
}

.tab-credablue-left:before {
	content:"";
	display: block;
	background-image: url('../../uploads/2026/06/tab_credablue_left.webp');
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size:contain;
	position: absolute;
	top: -48px;
	width: 100%;
	height: 48px;
	z-index: 2;
}

.tab-credablue-right:before {
	content:"";
	display: block;
	background-image: url('../../uploads/2026/06/tab_credablue_right.webp');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:contain;
	position: absolute;
	top: -48px;
	width: 100%;
	height: 48px;
	z-index: 2;
}

.tab-credablue:before {
	content:"";
	display: block;
	background-image: url('../../uploads/2026/06/tab_credablue.webp');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:contain;
	position: absolute;
	top: -56px;
	width: 100%;
	height: 75px;
	z-index: 14;
}

.tab-darkteal_line:before {
	content:"";
	display: block;
	background-image: url('../../uploads/2026/06/tab_darkteal_line.webp');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:contain;
	position: absolute;
	top: -56px;
	width: 100%;
	height: 75px;
	z-index: 14;
}


.tab-blueprint:before {
	content:"";
	display: block;
	background-image: url('../../uploads/2026/06/tab_blueprint_aqualine.webp');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:contain;
	position: absolute;
	top: -56px;
	width: 100%;
	height: 75px;
	z-index: 14;
}

.tab-foam:before {
	content:"";
	display: block;
	background-image: url('../../uploads/2026/06/tab_foamdayglo.webp');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:contain;
	position: absolute;
	top: -56px;
	width: 100%;
	height: 75px;
	z-index: 14;
}


.tab-foam50:before {
	content:"";
	display: block;
	background-image: url('../../uploads/2026/06/tab_foamdayglo50.webp');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:contain;
	position: absolute;
	top: -56px;
	width: 100%;
	height: 75px;
	z-index: 14;
}

.tab-sky:before {
	content:"";
	display: block;
	background-image: url('../../uploads/2026/06/tab_skymidnight.webp');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:contain;
	position: absolute;
	top: -56px;
	width: 100%;
	height: 75px;
	z-index: 14;
}



/* SECTION COMMENTS */

.comment-darkteal:before {
	content:"";
	display: block;
	background-image: url('../../uploads/2026/05/comment_darkteal.webp');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:contain;
	position: absolute;
	top: -96px;
	width: 100%;
	height: 96px;
	z-index: 2;
}





/* ROTARY INCLINES */



/* SECTION EARMARKS */

.earmark-white:before {
	content:"";
	display: block;
	background-image: url('../../uploads/2026/06/earmark_white.webp');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:contain;
	position: absolute;
	top: -1px;
	right: -1px;
	width: 48px;
	height: 48px;
	z-index: 2;
}

.earmark-foam:before {
	content:"";
	display: block;
	background-image: url('../../uploads/2026/06/earmark_foam.webp');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:contain;
	position: absolute;
	top: -1px;
	right: -1px;
	width: 48px;
	height: 48px;
	z-index: 2;
}

.earmark-foam50:before {
	content:"";
	display: block;
	background-image: url('../../uploads/2026/06/earmark_foam50.webp');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:contain;
	position: absolute;
	top: -1px;
	right: -1px;
	width: 48px;
	height: 48px;
	z-index: 2;
}


/* SQUARE SECTION LINKS */

.square-highlight:hover {
	background-color: rgba(0,0,0,0.1);
}

.square-highlight-aqua:hover {
	background-color: rgba(91,221,221,0.5);
}

.square-highlight-rubine:hover {
	background-color: rgba(225,0,84,0.5);
}

.square-highlight-dayglo:hover {
	background-color: rgba(204,234,28,0.5);
}

.square-highlight-mauve:hover {
	background-color: rgba(213,150,239,0.5);
}

.square-highlight-orange:hover {
	background-color: rgba(255,174,66,0.5);
}

.square-highlight[data-loop-item="0"]:hover { background-color: rgba(91,221,221,0.5); }
.square-highlight[data-loop-item="1"]:hover { background-color: rgba(225,0,84,0.5); }
.square-highlight[data-loop-item="2"]:hover { background-color: rgba(204,234,28,0.5); }
.square-highlight[data-loop-item="3"]:hover { background-color: rgba(213,150,239,0.5); }
.square-highlight[data-loop-item="4"]:hover { background-color: rgba(255,174,66,0.5); }
.square-highlight[data-loop-item="5"]:hover { background-color: rgba(57,112,200,0.5); }
.square-highlight[data-loop-item="6"]:hover { background-color: rgba(91,221,221,0.5); }
.square-highlight[data-loop-item="7"]:hover { background-color: rgba(225,0,84,0.5); }
.square-highlight[data-loop-item="8"]:hover { background-color: rgba(204,234,28,0.5); }
.square-highlight[data-loop-item="9"]:hover { background-color: rgba(213,150,239,0.5); }
.square-highlight[data-loop-item="10"]:hover { background-color: rgba(255,174,239,0.5); }
.square-highlight[data-loop-item="11"]:hover { background-color: rgba(57,112,200,0.5); }


/* SE EVENT STYLES */

.HideEventDetails {
	display: none !important;
}


/* FOOTER NAVIGATION STYLES */



.vertical-menu .et_pb_menu__menu nav ul li {
	display: block;
	width: 100%;
	margin: 4px 0;
	font-weight: 700;
}

.vertical-menu .et_pb_menu__menu nav ul li a {
	color: rgba(255,255,255,0.8);
}

.vertical-menu .et_pb_menu__menu nav ul li a:hover {
	opacity: 1!important;
	color: #ffffff;
}

@media (max-width: 980px) {
	/*open the mobile menu up and use on all devices*/
	.et-db #et-boc .et-l .vertical-menu .et_pb_menu__menu {
		display: block;
	}
	/*hide the hamburger icon*/
	.et-db #et-boc .et-l .vertical-menu .et_mobile_nav_menu {
		display: none;
	}
}


/* FORM STYLES */

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
	padding: 1rem;
}

/* GROWTHZONE SPECIFIC STYLES */

.gz-hero-heading p {
	color: #ffffff;
	font-weight: 900;
	letter-spacing: -1px;
	font-size: clamp(3rem, 2.732rem + 0.714vw, 3.375rem);
}



#mni-widgets-4e9775db {
  margin-bottom: 30px;
  font-family: 'Inter', sans-serif;
  z-index: 2;
}

#mni-widgets-4e9775db .mn-scroll-container {
  height: auto;
}

#mni-widgets-4e9775db .mn-scroll-slider {
  column-count: 1;
  -moz-column-count: 1;
  -webkit-column-count: 1;
}

#mni-widgets-4e9775db .mn-scroll-item {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
  border-radius: 0;
  background-color: #5BDDDD;
  border: 0px;
  color: #000000 !important;
  font-family: 'Inter', sans-serif;
  position: relative;
  min-height: 200px;
  box-sizing: border-box;
  vertical-align: top;
  padding: 2rem;
  width: 100%;
  display: block;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  margin: 0 0 15px;
  overflow: hidden;
}

#mni-widgets-4e9775db .mn-scroll-item:before {
  	content:"";
	display: block;
	background-image: url('../../uploads/2026/06/earmark_white.webp');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size:contain;
	position: absolute;
	top: -1px;
	right: -1px;
	width: 48px;
	height: 48px;
	z-index: 8;
}

.ua-ie #mni-widgets-4e9775db .mn-scroll-item { display: inline-block; }
.ua-chrome #mni-widgets-4e9775db .mn-scroll-item { float: left; }

#mni-widgets-4e9775db .mn-scroll-item:nth-child(3n+1) { background-color: #5BDDDD; }
#mni-widgets-4e9775db .mn-scroll-item:nth-child(3n+2) { background-color: #CCEA1C; }
#mni-widgets-4e9775db .mn-scroll-item:nth-child(3n+3) { background-color: #D596EF; }

#mni-widgets-4e9775db .mn-scroll-date {
  font-size: 0.75rem;
  font-weight: 700;
  font-family: 'Inter', sans-serif;
  display: block;
  background-color: rgba(255,255,255,1);
  color: #000000;
  width: 100%;
  box-sizing: border-box;
  position: static;
  text-align: left;
  padding: 0.5rem;
  text-transform: uppercase;
}

#mni-widgets-4e9775db .mn-is-long-date .mn-scroll-date {
  width: 100%;
  min-width: auto;
  height: auto;
  min-height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#mni-widgets-4e9775db .mn-scroll-name {
  font-size: 150%;
  font-weight: 800;
  line-height: 1.3;
  color: #000000;
  font-family: 'Inter', sans-serif;
  display: block;
  text-align: left;
  padding-top: 1.5rem;
}

#mni-widgets-4e9775db .mn-scroll-item.mn-has-enddate .mn-scroll-name {
  padding-left: 2rem;
}

#mni-widgets-4e9775db .mn-scroll-location {
  font-family: 'Inter', sans-serif;
  color: #232323;
  display: block;
  position: relative;
  text-align: left;
  margin-bottom: 1rem;
}

#mni-widgets-4e9775db .mn-scroll-link {
  color: inherit;
  text-decoration: none;
}

#mni-widgets-4e9775db .mn-scroll-link:hover {
  text-decoration: underline;
}

#mni-widgets-4e9775db .mn-scroll-item:hover {
  opacity: 0.8;
}

.mn-scroll-location p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #232323;
}

.mn-scroll-location-description {
  padding-top: 0 !important;
  color: #232323;
}

.mn-scroll-location-description p {
  padding-top: 0 !important;
  margin-top: 0 !important;
  color: #232323;
}

@media (min-width: 768px) {
  #mni-widgets-4e9775db .mn-scroll-container { height: auto; }
  #mni-widgets-4e9775db .mn-scroll-slider {
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
  }
}

@media (max-width: 1225px){

	#top-menu li {
	padding-right: 0.5rem;
}


	
}

@media (max-width: 1105px){

	#top-menu li {
	padding-right: 0rem;
}
		li.menu-item-223350 > a {
	padding: 16px 4px !important;
}
	
}

@media (max-width: 1032px){

	#top-menu li {
	font-size: 12px;
}

}

@media (max-width: 980px){
	#logo {
		max-height: 100%;
	}

	#top-menu li {
	padding-right: 0rem;
}