/* codeDESIGN - custom_code_css.css */
@charset "utf-8";

/* CUSTOM CODE CSS */
.custom_code_event_buttons [class^="col-"],
.custom_code_event_buttons [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}

div.custom_code_event_buttons {
	margin: 80px 0px;
}

div.content_featured_event_buttons_wrapper {
	padding-bottom: 80px;
	border-bottom: 2px solid var(--ci_color);
}

div.custom_code_event_buttons div.content_featured_event_buttons_links {
	display: flex;
	justify-content: center;
  	flex-direction: row;
	column-gap: 60px;
}

div.custom_code_event_buttons div.content_featured_event_buttons_links a,
div.custom_code_event_buttons div.content_featured_event_buttons_links a:link,
div.custom_code_event_buttons div.content_featured_event_buttons_links a:visited {
	display: inline-block;
	position: relative;
	text-decoration: none;
	text-align: center;
	padding: 10px 40px;
	width: 25%;
	color: var(--ci_color_white) !important;
}

@media only screen and (max-width: 991px) {
	div.custom_code_event_buttons div.content_featured_event_buttons_links {
		display: block;
	}

	div.custom_code_event_buttons div.content_featured_event_buttons_links a,
	div.custom_code_event_buttons div.content_featured_event_buttons_links a:link,
	div.custom_code_event_buttons div.content_featured_event_buttons_links a:visited {
		width: 100%;
		margin-bottom: 10px;
	}
}

/*
div.custom_code_event_buttons div.content_featured_event_buttons_links a::before,
div.custom_code_event_buttons div.content_featured_event_buttons_links a::after {
	position: absolute;
	content: ' ';
    width: 20px;
	height: 20px;
    border-color: var(--ci_color_black);
    border-style: solid;
}
div.custom_code_event_buttons div.content_featured_event_buttons_links a.href_button_red::before,
div.custom_code_event_buttons div.content_featured_event_buttons_links a.href_button_red::after {
	border-color: var(--ci_color_accent_4);
}
div.custom_code_event_buttons div.content_featured_event_buttons_links a::before {
	top: 0;
	left: 0;
	border-width: 2px 0 0 2px;
}
div.custom_code_event_buttons div.content_featured_event_buttons_links a::after {
	bottom: 0;
	right: 0;
	border-width: 0 2px 2px 0;
}

div.custom_code_event_buttons div.content_featured_event_buttons_links a:hover {
	background: var(--ci_color_black) !important;
	color: var(--ci_color_white) !important;
}
div.custom_code_event_buttons div.content_featured_event_buttons_links a.href_button_red:hover {
	background: var(--ci_color_accent_4) !important;
}
*/