gridbox не применяются стили к элементам - Общие вопросы по расширениям Joomla

div#item-15020874477152.ba-item-main-menu ba-item {
	display : block;
	margin-bottom : 25px;
	margin-top : 25px;
}

#item-15020874477152 .main-menu li a,
#item-15020874477152 .main-menu li span {
	color : #e7512f;
	font-family : 'Roboto';
	font-size : 14px;
	font-style : normal;
	font-weight : 500;
	letter-spacing : 1px;
	line-height : 28px;
	text-decoration : none;
	text-align : center;
	text-transform : uppercase;
}
#item-15020874477152 .main-menu .nav-child li a,
#item-15020874477152 .main-menu .nav-child li span {
	color : #1a1a1a;
	font-family : 'Roboto';
	font-size : 12px;
	font-style : normal;
	font-weight : 500;
	letter-spacing : 0px;
	line-height : 12px;
	text-decoration : none;
	text-align : left;
	text-transform : uppercase;
}
#item-15020874477152 ul {
	text-align : center;
}
#item-15020874477152 .main-menu li.active > a,
#item-15020874477152 .main-menu li.active > span {
	color : #fff;
	background:#e7512f;
	border-radius:50%;
}
#item-15020874477152 .main-menu .nav-child li.active > a,
#item-15020874477152 .main-menu .nav-child li.active > span {
	color : #2b9884;
}
#item-15020874477152 > .ba-box-model:before {
	height: 25px;
	top: -0px;
}
#item-15020874477152 > .ba-box-model:after {
	height: 25px;
	bottom: -0px;
}
#item-15020874477152 .main-menu li a:hover,
#item-15020874477152 .main-menu li span:hover {
	color : #fff;
	background:#e7512f;
	border-radius:50%;
}
#item-15020874477152 .main-menu .nav-child li a:hover,
#item-15020874477152 .main-menu .nav-child li span:hover {
	color : #2b9884;
}
#item-15020874477152 ul.nav-child {
	background-color : #fafafa;
	border : 0px solid #000000;
	border-radius : 6px;
	box-shadow: 0 50px 100px 0 rgba(0, 0, 0, 0.1);
}
#item-15020874477152 .nav-child > .deeper:hover > .nav-child {top : -0px;
}