/*
Theme Name: varnaigyula
Theme URI: http://example.com/
Author: Your Name
Author URI: http://example.com/
Description: Merged custom CPT theme
Version: 1.0.0
Text Domain: merged-art-theme
*/
@import url('https://fonts.googleapis.com/css2?family=Chivo+Mono:ital,wght@0,100..900;1,100..900&display=swap');
*{box-sizing:border-box;}
:root{
	--global-padding: 1em;
}
a{text-decoration:none;color:white;}
#main-image{position:fixed;    width: 60dvw;left: 50%;top: 50%;transform: translate(-50%, -50%);pointer-events:none;}
::selection{background:#dbdbdb;color:black;}
body{display:flex;flex-flow:row nowrap;padding:0;margin:0;font-size:1em;background:#111;color:white;font-family:'Chivo Mono';margin:0;}
#masthead{width:20vw;padding:var(--global-padding);position:fixed;text-transform:uppercase;}
#site-title {width:100%;text-align:justify;text-transform:uppercase;font-size:1.5em;}
#masthead a{text-decoration:none;}
#masthead ul{padding-left:0;list-style-type:none;}
#masthead ul li{margin:1em 0;}
#masthead .sub-menu li{padding-left:2em;margin:0!important;}
.current-menu-item{letter-spacing:2px;}
#page{width:60%;padding:var(--global-padding);margin-left:20vw;padding-bottom:0;}
img{width:100%;height:auto;}
p:first-of-type{margin-top:0;}

#hero{display:none;position:fixed;top:0;left:0;width:100%;height:100dvh;padding:var(--global-padding);z-index:999;text-transform:uppercase;background-color:white;background-size:cover;background-position:center;}
#hero p{cursor:pointer;}

.post-query{width:100%;display:grid;grid-template-columns: repeat(2, 1fr);gap:1em;margin-bottom:1em;}
.post-query a{display:inline-block;text-decoration:none;}
.post-query a:first-of-type{margin-top:0;}


.work{display:flex;gap:0.75em;text-transform:uppercase;}
.work:hover{filter:drop-shadow(0px 0px 50px rgb(255,255,255,0.2));}
.workimage{width:180px;display:block;aspect-ratio:4/3;border:1px solid white;}
.work-title{margin-bottom:0.4rem;}
.venue,.year{font-size:0.75em;margin-bottom:0;margin-top:0.4rem;}

.post-title{margin-top:0;font-weight:normal;font-size:1.5em;text-transform:uppercase;}

.embed-item iframe{width: 100%;height:33.75vw;}

figcaption{font-size:0.75em;}

@media only screen and (max-width: 960px){
	body{flex-wrap:wrap;}
	.post-query{grid-template-columns:1fr}
	#masthead{position:relative;}
	#page{margin-left:0;}
	#masthead,#page{width:100%;}
}