/*MENU PAGES CREATIONS HIERO*/
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Inline+Text&display=swap');
@@import url('https://fonts.googleapis.com/css2?family=Amatic+SC&family=Big+Shoulders+Inline+Text&display=swap');
/*font-family: 'Amatic SC', cursive;*/
.menu-menu-hiero-container {
	display:flex;
	margin:50px 0 100px 0;
}
.my-custom-menu {
	margin:50px 0 100px 0;
	display:flex !important;
	list-style: none !important;
	flex-wrap:wrap;
}
@media screen and (max-width: 1024px) {
	.my-custom-menu {
		display:block !important;
	}
}
.my-custom-menu li{
	font-size: 15px;
	color: #000000;
	text-align:center;
	padding:4px;
	margin:0 10px 10px 0;
	text-decoration:none;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
	transition: .5s ease;
}
@media screen and (max-width: 1024px) {
	.my-custom-menu li {
		width:100%;
		margin-bottom:10px;
	}	
}
.my-custom-menu a {
	text-decoration: none;
	color: #dc3545;
	display:inline-block;
	width:100%;
	border:0.2px solid #dc3545;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
	padding:2px 4px 2px 4px;	
}
.my-custom-menu li.my-custom-menu > a, .my-custom-menu li.my-custom-menu > .my-custom-menu > a {
	background-color:rgb(210, 210, 210);
	border-radius:5px;
}
.menu-creation-responsive {
	display:flex;
}

.my-custom-menu a:hover {
	color:#ffffff !important;
    -webkit-transition: color 80ms linear;
    -ms-transition: color 80ms linear;
    transition: color 100ms linear;
    background-color: #dc3545;
    -webkit-transition: background-color 80ms linear;
    -ms-transition: background-color 80ms linear;
    transition: background-color 80ms linear;	
}
.my-custom-menu li.current-menu-item > a {
	background-color: #dc3545;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
	padding:2px;
	border:0.1px solid #dc3545;
	color:#ffffff;
}