/*
	@version 20240616
	#customized false
*/

/* 
	NOTE:
	DO NOT EDIT THIS FILE.  IF YOU NEED TO MAKE ANY CHANGES, MODIFY theme.css IN THE THEME'S ROOT DIRECTORY.
	IF YOU NEED TO ADD CUSTOM STYLES, DO SO AT THE BOTTOM OF style.css, ALSO IN THE THEME'S ROOT DIRECTORY.
	MODIFYING THIS FILE WILL CAUSE ISSUES IN THE FUTURE FOR UPDATES AND TROUBLESHOOTING.
*/

ul.cxisImageMenu {
	margin: 0 -15px;
	padding: 0;
	list-style: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	box-sizing: border-box;
	text-align: center;
}
ul.cxisImageMenu li {
	display: block;
	margin: 0;
	padding: 15px;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
	text-align: center;
}
.cxisimagemenu-outer {
	padding: 20px;
	height: 100%;
	box-shadow: 0 4px 16px 0 #0000001a;
}
.cxisimagemenu-inner {
	padding: 15px 15px 100px;
	position: relative;
	height: 100%;
}
.cxisImageMenuIcon {
	font-size: 60px;
}
.cxisImageMenuText {
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	margin: 0 0 20px;
}
.cxisImageMenuText:after {
	content: '';
	width: 40px;
	height: 2px;
	margin: 10px auto 0;
	display: block;
	text-align: center;
	background: #000;
}
.cxisImageMenuIcon a, .cxisImageMenuText a {
	transition: all 500ms ease;
	color: #000;
}
ul.cxisImageMenu .cxisImageMenuIcon a:hover, .cxisImageMenuText a:hover {color: var(--bgcolor_btn_primary); text-decoration: none;}
.cxisImageMenuIconBlurb {
	line-height: 1.7143;
	font-size: 14px;
	color: #8c8c8c;
}
.cxisImageMenuReadMore {
	position: absolute;
	bottom: 0;
	left: 0;
	margin-top: 25px;
	width: 100%;
}
	.cxisImageMenuReadMore a {
		display: inline-block;
		transition: all 500ms ease;
		color: #fff;
		text-decoration: none;
		font-size: 16px;
		font-weight: 600;
		font-family: 'Raleway', sans-serif;
		padding: 10px 30px;
		background: var(--bgcolor_btn_primary);
	}
		.cxisImageMenuReadMore a:hover {
			background: #333;
		}
@media only screen and (min-width: 768px) {
	ul.cxisImageMenu li {
		-ms-flex: 0 0 33.3333% !important;
		flex: 0 0 33.3333% !important;
		max-width: 33.3333% !important;
	}
}