/* Vars */
:root {
    --default-font-family: 'DINNeuzeitGrotesk-Light';
    --default-font-size: 16px;
    --default-line-height: normal;
    
    --title-font-family: 'DINNeuzeitGrotesk-BoldCond';
    
    --surtitle-font-size: 18px;
    --surtitle-line-height: 21px;
    
    --title-font-size: 26px;
    --title-line-height: 29px;
    
    --title2-font-size: 40px;
    --title2-line-height: 43px;
    
    --default-spacing: 15px;
    --big-spacing: 30px;
    --column-width: 25%;
    --column-width-alt: 33.33%;
    
    --posts-color: #F31BF1;
    --artworks-color: #25F407;
    --infos-color: #FD4A0A;
    --menu-color: #272727;
}
@media only screen and (min-width: 768px) {
    :root {
        --surtitle-font-size: 22px;
        --surtitle-line-height: 25px;
    
        --title-font-size: 30px;
        --title-line-height: 33px;
    
        --title2-font-size: 45px;
        --title2-line-height: 48px;
    }
}
@media only screen and (min-width: 1024px) {
    :root {
    }
}
form {
    text-align: right;
    padding: var(--default-spacing);
}
form input[type=email] {
    background: #1C1C1C;
    padding: 5px;
    width: 100px;
    color: #fff;
}
button {
    border: 0;
    background: var(--menu-color);
    color: #fff;
    padding: 4px;
    cursor: pointer;
}
h1,h2,h3,h4,h5 {
    font-size: var(--title-font-size);
    line-height: var(--title-line-height);
    font-weight: normal;
    font-family: var(--title-font-family);
}
a,
textarea,
body {
	color: #fff;
	font-family: var(--default-font-family), Arial, Verdana, Sans-serif;
	font-size: var(--default-font-size);
	line-height: var(--default-line-height);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page_title {
    font-size: var(--title2-font-size);
    line-height: var(--title2-line-height);
    margin-bottom: var(--default-spacing);
    max-width: 800px;
}
.surtitle {
    font-size: var(--surtitle-font-size);
    line-height: var(--surtitle2-line-height);
}
#artworks .filter li:hover a,
#artworks .filter li.selected a,
.menu-artworks.selected,
.menu-artworks:hover,
.color-artworks {
    color: var(--artworks-color);
}
#posts .filter li:hover a,
#posts .filter li.selected a,
.menu-posts.selected,
.menu-posts:hover,
.color-posts {
    color: var(--posts-color);
}
.menu-infos.selected,
.menu-infos:hover,
.color-infos {
    color: var(--infos-color);
}
.technical {
    color: #ACACAC;
}

.filters {
    margin-bottom: var(--default-spacing);
    display: flex;
    justify-content: flex-end;
}
.filter {
    display: inline-block;
    position: relative;
}
.filter .filter_name {
    padding-right: 20px;
    background: url('../img/dropdown.svg') no-repeat right center;
    background-size: 10px;
}
.filter .options {
    display: none;
    position: absolute;
    right: 0;
    z-index: 100;
    background: #1C1C1C;
    padding: var(--default-spacing);
    min-width: 150px;
    text-align: right;
}
.filter:hover .options {
    display: block;
}
.fancybox-button--thumbs {
    display: none !important;
}