/*
 * WebId CSS for the Magnus Theme [Site menu]
 */
 
.site-menu,
.error404 .site-menu {
    width: 100%;
	height: 6vh;
    position: relative;
	padding: 0px 2vw;
    margin-bottom: 0px;
	text-shadow: 1px 1px 2px black;
}

.blog-home .site-menu {
	z-index: 1000;
}

/* A standard clearfix */
.site-menu:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.site-menu-link, 
.site-menu-item {
	position: relative;
	top: 50%;
	float: left;
	padding-top: 0;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.regular-link {
	width: 19.5vw;
}

.directional-link {
	width: 8vw;
} 

.front-page-menu .directional-link {
	width: 6vw;
} 

.blog-page-menu .directional-link {
	width: 9vw;
} 

/* remove .site-menu .regular-link when Videos section is ready!!! */
.site-menu .regular-link,
.blog-page-menu .regular-link {
	width: 26vw;
}

.site-menu-link.to-top,
.directional-link.to-blog {
	float: right;
}

.front-page-menu .site-menu-link.to-top {
	display: none;
}

.site-menu-link a, 
.site-menu-item a {
	color: white;
	text-decoration: none;
}

.site-menu-link a:hover, 
.site-menu-item a:hover {
	color: #eb6e78;
}

.blog-home .site-menu .to-blog {
	visibility: hidden;
}

.webid-page-contact .site-menu .to-contact {
	visibility: hidden;
}

/* .front-page-menu .directional-link a {
	color: #eb6e78;
}

.front-page-menu .directional-link a:hover {
	color: #434353;
} */

.site-menu-item {
	width: 28vw;
	/* padding-top: 2px; */
}

.site-menu-item h5 {
	margin: 0;
	line-height: 1.5em;
}

.site-menu-item h5 a {
	text-decoration: none;
}

@media (max-width: 1100px) {}

@media (max-width: 900px) {}

@media (max-width: 800px) {

    .site-menu {
    	padding: 0;
    }

	.site-menu-link,
	.site-menu-item {
		border: 1px outset;
	}

	.front-page-menu .site-menu-link.to-top {
		display: inherit;
	}

	.site-menu-link a {
		width: 100%;
		display: block;
		padding: 0.5em 0;		
	} 

	.directional-link,
	.blog-page-menu .directional-link {
		width: 50vw;
	} 

	.front-page-menu .directional-link {
		width: 33.333333vw;
		float: left;
	} 
	
	.directional-link a,
	.blog-page-menu .directional-link a,
	.front-page-menu .directional-link a {
		padding: 0.1em 0;
	} 

	.directional-link i,
	.blog-page-menu .directional-link i,
	.front-page-menu .directional-link i {
		width: 100%;
	} 

	/* .front-page-menu .site-menu-link.directional-link {
		width: 100%;
		border-left: none;
		border-right: none;
	} */

	.regular-link,
	.front-page-menu .regular-link,
	.blog-page-menu .regular-link {
		width: 100%;
	}

	.site-menu-item {
		width: 100%;
		padding: 0;
	}

	.site-menu-item h5 a {
		width: 100%;
		display: block;
		padding: 1em;
	}
}

@media (max-width: 600px) {}

@media (max-width: 400px) {}

@media (min-width: 1400px) {}