/*
Theme Name: A plus A
Author: Tankboys

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * 1.0 Reset
 */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
tr, td, table{ margin: 0px; padding: 0px;}

/**
 * 2.0 Typography
 * -----------------------------------------------------------------------------
 */

 @font-face {
    font-family: 'veneziaregular';
    src: url('font/italodisco-v5-webfont.ttffont/italodisco-v5-webfont.eot');
    src: url('font/italodisco-v5-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/italodisco-v5-webfont.woff2') format('woff2'),
         url('font/italodisco-v5-webfont.woff') format('woff'),
         url('font/italodisco-v5-webfont.ttf') format('truetype'),
         url('font/italodisco-v5-webfont.svg#veneziaregular') format('svg');
    font-weight: normal;
    font-style: normal;

   
}


body{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: 'veneziaregular', arial, helvetica;
    font-size: 1.8vw;
    line-height: 2.4vw;
	text-transform: uppercase;
     letter-spacing: 1px;
}

a{
	text-decoration: none;
}
p a, .about-content li a{
	color: #0000ff;
}
.big{
	font-size: 4vw;
	line-height: 4.2vw;
    letter-spacing: 0.4vw;
	text-transform: uppercase;
    letter-spacing: 2px;
}
.center{
	text-align: center;
}
.home, .home a, a{
	color: black;
}
i{
    font-style: italic;

}

/**
 * 3.0 Layout
 * -----------------------------------------------------------------------------
 */
 
 
 body{
 	overflow: hidden !important;
}
header{
	position: fixed;
  	display: -webkit-flex;
  	display: flex;
  -webkit-justify-content: space-between;
  	justify-content: space-between;
	width: 100%;  
}
header div{
  	height: 50px;
	margin: 2vw;
	text-align: center;
}
header div:fist-child{
	text-align: left;
}
header div:last-child{
	text-align: right;
}
section{
	width: 100vw;
	height: 100vh;
	overflow: scroll;
	padding: 8.5vw 0  4vw  0;
}
section#artistslist{
}
section#exhibitionslist{
}
section#newslist{
}
#main-content{
	overflow: scroll;
	height: 100vh;
}
#primary{
	background: white;
}
.single #main{
	height: 100vh;
	overflow: scroll;
}
section ul{
	margin-bottom: 2.3vw;	
}
section ul:last-child{
	margin-bottom: 10vw;	
}
section ul li{
	border-bottom: 4px black solid;
	padding: 1.5vw 0;
	margin: 0 2.3vw 0 2.3vw ;
	overflow: hidden;
}
#content{
}
.label{
	margin-bottom: 2.5vw;
}
li.big span{
	width: 50%; 
	float: left;
}
.fullscreen{
	width: 100vw;
	height: 100vh;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    display: table;
}
.fullscreen div{
	text-align: center;
}
.fullscreen a, .fullscreen span{
	color: black;
}
.fullscreen a, .fullscreen span{
    display: table-cell;
    vertical-align: middle;
}
.yellow{
	border: 1px yellow solid;
}
.links{
     display:list-item; 
    list-style: none;
}
.selected{
    list-style:disc outside none;
}
.bull{
	width: 30% !important;
	font-size: 10vw;
}
.post-bull{
	width: 70% !important;
}
.single-title{
	text-align: center;
	padding: 20vh 0;
	margin: 0 5vw;
	border-bottom: 4px black solid;
}
.workslist{
	padding: 2.3vw 0 0 0;
	text-align: center;
}
.about{
	border-top: 4px black solid;
	margin: 0 2.3vw;
	padding: 2.3vw 0 0 0;
	text-align: center;

}
.workslist .big, .about .big{
	margin-bottom: 10vw;
}
.grid{
}
ul.grid li{
	width: 32.5vw;
	margin-bottom: 10vw;
	display: inline-table;
}
ul.grid li a{
	display: table-row;
}
ul.grid li a{
	width: calc(32.5vw - 10vw);
	vertical-align: baseline;
	display: block;
	margin: 0 auto 3vw;

}
ul.grid li a img{
	width: 100%;
	margin-bottom: 2vw;
}
.about-content{
	text-transform: none;
	text-align: left;
	padding: 0 15vw;
}
.about-content ul{
	margin-bottom: 1em;
}
.about-content ul li{
	list-style: disc;
	color: #0000ff;
}

.about-page{
	padding-top: 10vw;
	height: 100%;
	padding-bottom: 10vw;
}
.entry-content p, .about-content p{
	margin-bottom: 1em;
}
.title{
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto 1em auto;
	padding: 0 20%;
}

blockquote{
	padding-left: 2em;
}
.about-page{
	overflow: scroll;
	height: 100vw;
	padding-bottom: 20px;
}

/**
 * 4.0 Media query
 * -----------------------------------------------------------------------------
 */


@media only screen and (min-width: 1601px){
	ul.grid li{
		width: 24vw;
	}
	ul.grid li a{
		width: calc(25vw - 10vw);
	}
	section ul li, .single-title{
		border-bottom: 6px black solid;
	}
	.about{
		border-top: 6px black solid;
	}
}
@media only screen and (min-width: 1401px){
	section ul li, .single-title{
		border-bottom: 5px black solid;
	}
	.about{
		border-top: 5px black solid;
	}
}
@media only screen and (min-width: 601px) and (max-width: 900px){
	ul.grid li{
		width: 45vw;
	}
	ul.grid li a{
		width: calc(45vw - 10vw);
	}
}

@media only screen and (max-width: 600px){
	ul.grid li{
		width: 95vw;
	}
	ul.grid li a{
		width: calc(95vw - 10vw);
	}
}
@media only screen and (max-width: 900px){
	.about-content{
		padding: 0 10vw;
	}
	body{
		font-size: 2vw;
		line-height: 3vw;
	}
	section ul li, .single-title{
		border-bottom: 3px black solid;
	}
	.about{
		border-top: 3px black solid;
	}

}
@media only screen and (max-width: 700px){
	.about-content{
		padding: 0 5vw;
	}
	body{
		font-size: 3vw;
		line-height: 4vw;
	}
	.single-title{
		padding: 15vw 0 7.5vw 0;
		
	}
	.big{
	line-height: 5vw;

	
	}
	header{
		position: fixed;
		width: 100%;  
		display: block;
		border-bottom: 1px black solid;
		background: white;
		text-align: center;
		padding-bottom: 10px;
		
	}
	header div{
  		height: auto;
		margin: 10px 10px 0 10px;
		text-align: center;
		display: inline-block;
	}
	header div:fist-child{
		text-align: left;
		float: none;
		clear: both;
		margin: auto;
	}
	header div:last-child{
		text-align: right;
	}
	#main{
		padding-top: 4em;
	}
	section{
		padding-top: 7em;
	}
	section ul li{
		border-bottom: 1px black solid;
		padding: 3vw 0;
	
	}

	section ul li, .single-title{
		border-bottom: 1px black solid;
	}
	.about{
		border-top: 1px black solid;
	}
}