@charset "UTF-8";


/**
 * 
 *
 * MURKAGE DAVE
 *
 * XYZ 2026 WEBSITE
 *
 *
*/


@font-face {
font-family: 'HelveticaNowText';
src: url('/wp-content/themes/mdmyz/fonts/HelveticaNowText-Black.eot');
src: url('/wp-content/themes/mdmyz/fonts/HelveticaNowText-Black.eot?#iefix') format('embedded-opentype'),
url('/wp-content/themes/mdmyz/fonts/HelveticaNowText-Black.woff2') format('woff2'),
url('/wp-content/themes/mdmyz/fonts/HelveticaNowText-Black.woff') format('woff'),
url('/wp-content/themes/mdmyz/fonts/HelveticaNowText-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}


:root {
--cubic: all 0.44s cubic-bezier(0,.82,.22,1);
--cubique: all 0.66s cubic-bezier(.66,0,.44,1);
}

::selection {
background: rgba(0,255,12,1.00);
color: black;
text-shadow: none;
}

::-moz-selection {
background: rgba(0,255,12,1.00);
color: black;
text-shadow: none;
}





h1 {
font-family: 'HelveticaNowText';
text-transform: uppercase;
color:black;
font-size: 3.0em;
line-height: 0.85em;
margin:0px;
margin-bottom: 25px;
}

h1 a {
position: relative;
color:black;
}

h1 a:hover {
background-color: black;
color:white;
}

h2 {
font-family: "helvetica-neue-world", sans-serif;
color: lightgrey;
margin: 0px;
font-size: 1.5em;
font-weight: 100;
line-height: 1.0em;
margin-bottom: 25px;
}

h3 {
font-family: 'HelveticaNowText';
text-transform: uppercase;
font-size: 2.5em;
line-height: 0.85em;
margin:0px;
margin-bottom: 25px;
}


h4 {
font-family: 'HelveticaNowText';
text-transform: uppercase;
font-size: 2.0em;
line-height: 0.85em;
margin:0px;
margin-bottom: 25px;
}

h5 {
font-family: 'HelveticaNowText';
text-transform: uppercase;
font-size: 1.8em;
line-height: 0.85em;
margin:0px;
margin-bottom: 25px;
}

h6 {
font-family: 'HelveticaNowText';
text-transform: uppercase;
font-size: 1.5em;
line-height: 0.85em;
margin:0px;
margin-bottom: 25px;
}



p {
position: relative;
margin: 0px;
}

a {
position: relative;
color:inherit;
}


blockquote {
font-family: 'HelveticaNowText';
text-transform: uppercase;
font-size: 2.0em;
line-height: 0.85em;
margin:0px;
margin-bottom: 25px;
background-color:  black;
color: white;
padding: 50px;
}

blockquote p {
position: relative;
margin: 0px;
}






body { 
margin:0px;
font-size: 1.0em;
background: #F4F4F4; 
display: flex;
flex-direction: column;
align-items: center;
font-family: "helvetica-neue-world", sans-serif;
font-weight: 400;
font-style: normal;
}


header {
width: calc(100vw - 100px);
max-width: 720px;
margin-top: 100px;
}

section {
position: relative;
display: flex;
flex-direction: column;
width: calc(100vw - 100px);
max-width: 1080px;
margin-bottom: 100px;
text-align: center;
align-content: center;
align-items: center;
}


img {
width: 100%;
height: auto;
padding-bottom: 50px;
}


footer {
position: relative;
min-height: 333px;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
}

footer section {
position: relative;
display: flex;
flex-direction: column;
width: calc(100vw - 100px);
max-width: 1080px;
margin-bottom: 0px;	
}



iframe{
position: relative;
display: flex;
max-width: 100%;
width: 1080px;
height: 640px;
padding-bottom: 50px;
}


p a {
position: relative;
color:inherit;
}


main {
position: absolute;
width: 100vw;
display: flex;
justify-content: space-around;
color: black;
align-items: center;
height: 50px;
}


main .topline {
display: flex;
width: 100vw;
justify-content: space-evenly;
align-items: center;
}


main .topline p {
line-height: 1.0em;
text-transform: uppercase;
margin: 0px;
padding-bottom: 2px;
}


nav.navigation {
position: relative;
display: flex;
flex-direction: row;
width: calc(100vw - 100px);
max-width: 1080px;
margin-bottom: 0px;	
}

nav.navigation .nav-links {
display: flex;
justify-content: space-around;
width: 100%;
font-family: 'HelveticaNowText';
text-transform: uppercase;
font-size: 1.25em;
line-height:1.0em;
margin: 0px;
margin-bottom: 25px;
color: black;
}

nav.navigation .nav-links a {
position: relative;
color: inherit;
}









.legal {
display: flex;
justify-content: space-between;
width: 33%;
}

.legal a {
margin:0px 20px;
color:black;
}



.socials {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
}


.socials a {
margin:0px 20px;
color:black;
}

.socials a i {
font-size: 1.6em;
transform: translateY(0px);
transition: var(--cubic);
}


.socials a i:hover {
font-size: 1.6em;
transform: translateY(-5px)
}



/**
 * 
 *
 *
 * MOBILE / TABLET ONLY
 *
 *
*/


@media (min-width: 300px)  and (max-width: 1080px) {


	

header { width: calc(100vw - 60px); margin-top: 75px; }
	
section { width: calc(100vw - 60px); margin-bottom: 50px; }
	
main .topline p { font-size: 0.65em; }		
	
.legal {  display: flex; width: 100%; }
		
.socials a { margin:0px 5px; color:black; }	
	
	
nav.navigation .nav-links {
text-align: center;
display: flex;
justify-content: center;
height: 100px;
flex-direction: column;
}

	nav.navigation .nav-links > div {
	margin-bottom: 25px;
	}	
	
	
	
	
	
	
}