

/**********************************************************************************************************/
/* CONTENT POSITIONING
/**********************************************************************************************************/

.flex,
.vc {
	display: flex;
}

.vc {
	align-self: center; 
	flex-direction: column;
}	

.aspect_ratio_4_1 {
	aspect-ratio: 4 / 1;
}

.et_pb_row.grid_3_5_col .et_pb_column,
.et_pb_row.grid_8_col .et_pb_column,
.et_pb_row.grid_3_col .et_pb_column,
.mobile_menu .et_pb_menu_inner_container {
	display: grid;
	gap: 0;
}

.et_pb_row.grid_3_col .et_pb_column,
.mobile_menu .et_pb_menu_inner_container {
	grid-template-columns: repeat(3, 1fr); /* base 3-column grid */
}

.mobile_menu .et_pb_menu_inner_container .et_pb_menu__logo-wrap {
	grid-column: span 2;
	text-align: center;
}

.mobile_menu.et_pb_menu .et_mobile_menu {
	top: 200%;
	border-top:0;
}

.mobile_menu.et_pb_menu .et_mobile_menu li {
	display: block;
	padding: 10px 5%;
}

.mobile_menu.et_pb_menu .et_mobile_menu li a {
	display: inline-block;
	padding:0 0 1px 0;
	border-bottom:2px solid rgba(0,0,0,0);
	text-decoration: none;
	transition: all .5s;
}

.mobile_menu.et_pb_menu .et_mobile_menu li a:hover {
	border-bottom-color: inherit;
	opacity: 1;
}

.mobile_menu.et_pb_menu .et_mobile_nav_menu {
	margin: 0 6px 0 50%;
}

.mobile_menu .mobile_menu_bar:before {
	 font-size: 38px;
}

/**********************************************************************************************************/
/* TEXT LINK COLOURS
/**********************************************************************************************************/

.et_pb_text a {
	text-decoration: none;
	padding-bottom:1px;
	border-bottom:2px solid rgba(0,0,0,0);
	text-decoration: none;
	cursor:pointer;
	transition: border .5s;
}

.et_pb_text a:hover {
	border-bottom-color: inherit;
} 

.external_link a:after {
	content:'';
	position: relative;
	display: inline-block;
	width:18px;
	height:18px;
	margin-left:10px;
	top:3px;
	background:url('images/icon_external_link.svg') no-repeat !important;
	background-size: cover !important;
}

/********************************************************************************************/
/* FOOTER
/********************************************************************************************/

.footer_list ul,
.footer_list li {
	list-style-type: none;
	padding:0;
	margin:0;
}

.footer_list ul li {
	/* display: block; */
	display: inline;
}

.footer_list ul li:before {
	content:'|';
	position: relative;
	top:0px;
	font-size: 18px;
	margin: 0px 8px 0 3px;
}

.footer_list ul li:first-child:before {
	display: none;
}

/********************************************************************************************/
/* RWD BREAKPOINTS
/********************************************************************************************/

@media all and (max-width: 767px) {
	
	.hidden_mobile {
		display: none;
	}

} /* END MAX WIDTH 767px */  

	
@media all and (max-width: 980px) {

	.hidden_tablet {
		display: none;
	}
	
	.et_pb_row.grid_8_col .et_pb_column {
		grid-template-columns: repeat(4, 1fr); /* base 4-column grid */
	}
  
} /* END MAX WIDTH 980px */  

@media all and (min-width: 768px) {


	.et_pb_row.grid_3_5_col .et_pb_column {
		grid-template-columns: repeat(4, 1fr); /* base 4-column grid */
	}
	
	.et_pb_row.grid_3_5_col .et_pb_column.col_1 .et_pb_module:first-child {
		grid-column: span 3;
	}
	
	.et_pb_row.grid_3_5_col .et_pb_column.col_1 .et_pb_module:last-child {
		grid-column: span 1;
	}
	
	.et_pb_row.grid_3_5_col .et_pb_column.col_2 .et_pb_module {
		grid-column: span 1;
	}


} /* END MIN WIDTH 768px */


@media all and (min-width: 981px) {

	.hidden_desktop {
		display: none;
	}

	.et_pb_row.grid_8_col .et_pb_column {
		grid-template-columns: repeat(8, 1fr);
	}
	
} /* END MIN WIDTH 981px */	


