/*
 Theme Name:   Nerved Custom
 Template:     twentytwentyone
*/

/*
 * Fonts
 * */
@font-face {
	font-family: 'Andale Mono Regular';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/andale-mono/ANDALEMO.woff') format('woff');
}

@font-face {
	font-family: 'Fira Mono';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/fira-mono/FiraMono-Regular.ttf') format('truetype');
}

* {
	font-family: 'Andale Mono Regular' !important;
}

/* Hide unwanted elements from parent theme. */
.site-branding,
.widget-area,
#colophon,
h1.entry-title {
    display: none;
}
/* Not for blog */
.post h1.entry-title {
	display: block;
}


/* Entire page */
#page {
	background-color: #000;
}

/* Site header */
#masthead {
	position: fixed;
	z-index: 100;
}

header {
	padding: 0 !important;
	margin: 0 !important;
	position: absolute;
    right: 15px;
    display: inline-block;
}
/* Not for blog */
.post header {
	position: static;
	display: block;
}

/* Logo gets a little to cozy at smaller non-mobile widths. */
@media screen and (max-width: 555px) {
	#logo + p {
		font-size: 14px;
	}
}

/* Raise it up, oh Lord, for I have moved things about! */
.primary-navigation {
	z-index: 100;
}

/* No silly goose, not menu open outline! */
.site .button:focus, button:focus {
	outline: none;
}

.primary-navigation .primary-menu-container > ul > .menu-item > a {
	font-family: sans-serif;
	font-family: 'Fira Mono';
    font-size: 20px;
    text-transform: uppercase;
	color: #fff;
}
.primary-navigation .primary-menu-container > ul > .menu-item > a:hover {
	text-decoration: none;
}

/* Menu mobile */
@media screen and (max-width: 481px) {
	.primary-navigation .primary-menu-container > ul > .menu-item > a {
		text-align: end;
	}
}

/* Content */
#main {
	padding: 0;
}

#nerved-official-site-text {
	position: fixed;
	top: 10px;
	left: 15px;
}
@media screen and (max-width: 481px) {
	#nerved-official-site-text {
		font-size: 15px;
		top: 25px;
	}	
}

#social_media_links {
	position: fixed;
	right: 10px;
	top: 40px;
	width: 200px;
	z-index: 1;
}

#social_media_links img {
	max-width: 50px;
}

@media screen and (max-width: 481px) {
	#social_media_links {
		top: 60px;
    	left: 50vw;
    	transform: translate(-50%, 0);
	}	
}

#frontpage-video-mobile {
	display: none;
}
@media screen and (max-width: 481px) {
	#frontpage-video-mobile {
		display: block;
	}
	
	#frontpage-video-desktop {
		display: none;
	}
}

.video-cover {
	position: relative;
	top: 10vh;
}

.video_overlay {
	position: absolute;
	z-index: 1;
	left: 12%;
	top: 45%;
	background: #333;
	padding: 2vh 5vw 2vh 5vw;
	opacity: .7;
	width: 75vw;
	text-align: center;
}


.video_overlay #streaming_platform_links a img {
	width: 5vw;
	margin-right: 5vw;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
	outline: none;
}

body.page-id-147 #page #social_media_links {
	width: 163px;
}

body.page-id-146 #page * {
	font-family: 'Fira Mono' !important;
}
body.page-id-146 #page #social_media_links {
	width: 163px;
}

/* Blog */
.single-post #main {
	margin-top: 75px;
}

.single-post header {
	margin: auto !important;
}

.single-post h1.entry-title {
	text-align: center;
	font-size: 40px;
}

.single-post header .post-thumbnail {
	width: 80%;
}

#blog-top-header h1 {
	font-family: 'Andale Mono Regular' !important;
	font-size: 60px;
	font-weight: 100;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 50px;
}

.su-post-excerpt,
body.single .entry-content {
	font-size: 16px;
}

@media screen and (max-width: 420px) {
	body.singular .su-posts-default-loop h2.su-post-title {
		font-size: 16px;
	}
}

/* Contact */
body.page-id-321 h1 {
	font-size: 60px;
	color: #fff;
}

body.page-id-321 .elementor-widget-text-editor {
	color: #efefef;
}

.page-id-321 .elementor-widget-text-editor a {
	text-decoration: underline;
}

@media screen and (max-width: 360px) {
	body.page-id-321 .elementor-widget-text-editor {
		font-size: 15px;
	}
	
	body.page-id-321 h1 {
		font-size: 50px;
	}
}

/* Bio */
/*body.page-id-359 .elementor-widget:not(:last-child) {
	margin-bottom: 0;
}*/