/*
Theme Name: alicepopescu
Description: alicepopescu
Theme URI: https://andreamantegazza.it
Author: AM Dev
Version: 1.0
*/

/* 
-------------------------------------------------------------------------------*/

@font-face {
    font-family: 'FuturaStdBook';
    src: url('fonts/FuturaStd-Book.eot');
    src: url('fonts/FuturaStd-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/FuturaStd-Book.woff2') format('woff2'),
        url('fonts/FuturaStd-Book.woff') format('woff'),
        url('fonts/FuturaStd-Book.ttf') format('truetype'),
        url('fonts/FuturaStd-Book.svg#FuturaStd-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaLight';
    src: url('fonts/Futura-Light.eot');
    src: url('fonts/Futura-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Futura-Light.woff2') format('woff2'),
        url('fonts/Futura-Light.woff') format('woff'),
        url('fonts/Futura-Light.ttf') format('truetype'),
        url('fonts/Futura-Light.svg#Futura-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'HelveticaNowTextLight';
    src: url('fonts/HelveticaNowText-Light.eot');
    src: url('fonts/HelveticaNowText-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelveticaNowText-Light.woff2') format('woff2'),
        url('fonts/HelveticaNowText-Light.woff') format('woff'),
        url('fonts/HelveticaNowText-Light.ttf') format('truetype'),
        url('fonts/HelveticaNowText-Light.svg#HelveticaNowText-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNowText';
    src: url('fonts/HelveticaNowText-Regular.eot');
    src: url('fonts/HelveticaNowText-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelveticaNowText-Regular.woff2') format('woff2'),
        url('fonts/HelveticaNowText-Regular.woff') format('woff'),
        url('fonts/HelveticaNowText-Regular.ttf') format('truetype'),
        url('fonts/HelveticaNowText-Regular.svg#HelveticaNowText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}




:root {
    --size-body: 1.4vw;
    --line-body: 1.2em; 
    
    --size-body-medium: 1.7vw;
    --line-body-medium: 1.5em; 
    
    --size-body-large: 3.4vw;
    --line-body-large: 1.2em; 
    
    --size-title-italic: 2.6vw;
    --line-title-italic: 1em; 
    
    --size-titlehelv: 4vw;
    --line-titlehelv: 1em; 
    
    --size-subtitle: 1vw;
    --line-subtitle: 1em; 
    
    --size-blue-claim: 2vw;
    --line-blue-claim: 1.4em;
    
    --size-body: 20px;
    --size-body-medium: 24px;
    --size-body-large: 49px;
    --size-title-italic: 37px;
    --size-titlehelv: 57px;
    --size-subtitle: 14px;
    --size-blue-claim: 32px;

    
    --color-blue: #004aad;
}

html{
    overflow-y: auto;
}
body {
    font-size: var(--size-body);
    line-height: var(--line-body);
    font-family: 'FuturaLight';
}

/* We like off-black for text. */
body, select, input, textarea {color: #000;}

a {color: #000;}
a:hover {color: #000;}

::-moz-selection{background: #004aad; color: #fff; text-shadow: none;}
::selection {background: #004aad; color: #fff; text-shadow: none;}

a:link {-webkit-tap-highlight-color: #004aad;}

ins {background-color: #004aad; color: #000; text-decoration: none;}
mark {background-color: #004aad; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* C O D E
-------------------------------------------------------------------------------*/
#header {
    position: absolute;
    z-index: 5000;
    right: 4vw;
    top: 2vw;
}
#header .main-logo {
    display: block;
    width: 20vw;
}
#nav {
    position: absolute;
    top: 2vw;
    left: 4vw;
    text-transform: uppercase;
    font-family: 'FuturaStdBook';
    line-height: 2em;
    letter-spacing: 0.1em;
    z-index: 5000;
}
/*#nav ul li.current-menu-parent,*/
.home #nav ul li.no-home {
    display: none;
}

#nav ul li a:hover,
#nav ul li.current-menu-item *,
#nav ul li.current-works-ancestor *,
#nav ul li.current-menu-parent.parent-custom > a:first-of-type,
.single-works #nav ul li.parent-custom > a:first-of-type {
    color: var(--color-blue);
    font-weight: bold;
}
#nav ul li a {
    text-decoration: none;
}
#nav ul ul.sub-menu {
    margin-left: 2em;
    display: none;
}
#nav ul li:hover ul.sub-menu {
    display: block;
}

#nav .social {
    margin-top: 3em;
}
#nav .social img.icon-social {
    height: 1.2em;
    margin-right: 1em;
}




.home .intro-image {
    height: 55vw;
    width: 100%;
    background-position: center bottom;
    background-size: cover;
}

.home .section-1 .text-start {
    font-family: 'HelveticaNowTextLight';
    font-size: 6vw;
    line-height: 1em;
    padding: 3vw 5vw;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

.home .section-1 .text-start div {
    width: 100%;
    text-align: justify;
        text-align: justify;
    text-align-last: justify;
}
.home .section-1 .text-start span.margin-left {
    margin-left: 4em;
}

.home .section-1 .images-wrapper {
    display: flex;
    flex-direction: row;
        align-items: flex-end;
    padding: 0 4vw;
    padding-right: 18vw;
}

.home .section-1 .images-wrapper .col-1,
.home .section-1 .images-wrapper .col-2,
.home .section-1 .images-wrapper .col-3 {
    width: 33.33%;
}
.home .section-1 .images-wrapper .col-1 {
    font-size: var(--size-body-large);
    line-height: 1em;
    letter-spacing: 0.25em;
    width: 30%;
}
.home .section-1 .images-wrapper .col-2 {
    padding: 0 2vw;
    width: 35%;
}
.home .section-1 .images-wrapper .col-2 img {
    position: relative;
    z-index: -1;
    top: -16vw;
}
.home .section-1 .images-wrapper .col-3 {
        width: 35%;
    padding-top: 8vw;
}


/*----------------*/
.home .section-2 {
    display: flex;
    flex-direction: row;
    padding: 4vw 4vw;
}
.home .section-2 .col-1 {
    width: 40%;
        padding-left: 4vw;
}
.home .section-2 .col-2 {
    width: 30%;
    font-size: var(--size-title-italic);
    line-height: var(--line-title-italic);
    font-style: italic;
    text-transform: uppercase;
    font-family: 'HelveticaNowTextLight';
    padding-left: 2vw;
    padding-right: 2vw;
}
.home .section-2 .col-2 img {
    margin-top: 8vw;
}
.home .section-2 .col-3 {
    width: 30%;
    margin-top: 12vw;
}
.home .section-2 .col-3 .block-1 {
    padding-left: 7vw;
}
.home .section-2 .col-3 .block-1 p {
    margin-bottom: 1em;
}
.home .section-2 .col-3 .block-2 {
    font-size: var(--size-blue-claim);
    line-height: var(--line-blue-claim);
    color: var(--color-blue);
    font-family: 'FuturaStdBook';
}


/*----------------*/
.home .separator-1 {
    height: 28vw;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 3vw;
    font-size: var(--size-titlehelv);
    text-transform: uppercase;
    line-height: 1em;
    font-family: 'HelveticaNowTextLight';
}
.home .separator-1 span:nth-of-type(1) {
    margin-right: 1.5em;
}


/*----------------*/
.home .section-3 {
    display: flex;
    flex-direction: row;
    padding: 2vw 4vw;
}
.home .section-3 .col-1 {
    display: flex;
    flex-direction: column;
    width: 50%;
    font-size: var(--size-title-italic);
    line-height: var(--line-title-italic);
    font-style: italic;
    text-transform: uppercase;
    font-family: 'HelveticaNowTextLight';
    padding-right: 4vw;
        padding-top: 6vw;
}
.home .section-3 .col-1 p {
    padding-left: calc(50% + 10px);
}
.home .section-3 .col-1 .img-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 1em;
}
.home .section-3 .col-1 .img-wrapper img {
    width: calc(50% - 10px);
}
.home .section-3 .col-2 {
    display: flex;
    flex-direction: column;
    width: 50%;
}
.home .section-3 .col-2 img {
    width: 80%;
    display: block;
}
.home .section-3 .col-2 .text {
    font-size: var(--size-blue-claim);
    line-height: var(--line-blue-claim);
    color: var(--color-blue);
    font-family: 'FuturaStdBook';
    margin-top: 8vw;
    padding-left: 12vw;
        padding-right: 4vw;
}


/*----------------*/
.home .section-4 {
    padding: 2vw 16vw;
    display: flex;
    flex-direction: row;
}

.home .section-4 .col-1 {
    display: flex;
    flex-direction: column;
    font-size: var(--size-title-italic);
    line-height: var(--line-title-italic);
    text-transform: uppercase;
    font-family: 'HelveticaNowTextLight';
    width: 31%;
}
.home .section-4 .col-2 {
    font-size: var(--size-blue-claim);
    line-height: var(--line-blue-claim);
    color: var(--color-blue);
    font-family: 'FuturaStdBook';
    margin-top: 3vw;
    width: 20%;
}



/*----------------*/
.home .section-5 {
    display: flex;
    flex-direction: row;
    padding: 2vw 18vw;
}
.home .section-5 .col-1 {
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 7vw;
    padding-right: 10vw;
    padding-left: 2vw;
}
.home .section-5 .col-1 p {
    margin-bottom: 1em;
}
.home .section-5 .col-1 p:last-of-type {
    margin-bottom: 0;
}
.section-5 .col-2 {
    width: 35%;
}
.home .section-5 .col-3 {
    width: 25%;
    position: absolute;
    right: 18vw;
    width: 16vw;
    margin-top: -14vw;
}



/*----------------*/
.home .separator-2 {
    height: 38vw;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    font-family: 'HelveticaNowTextLight';
}
.home .separator-2 span:nth-of-type(1) {
    margin-right: 1.5em;
}




/* PAGE BIO
-------------------------------------------------------------------------------*/
.page-template-page-bio .entry {
    
}
.page-template-page-bio .entry .wrapper-content {
    display: flex;
    flex-direction: row;
    padding-left: 14vw;
    padding-right: 4vw;
    padding-top: 4vw;
}
.page-template-page-bio .entry .wrapper-content .col-text {
    width: 50%;
    padding-right: 2vw;
    font-size: var(--size-body-medium);
    line-height: var(--line-body-medium);
}
.page-template-page-bio .entry .wrapper-content .col-text h1 {
    font-size: var(--size-body-large);
    line-height: var(--line-body-large);
    color: var(--color-blue);
    text-transform: uppercase;
    font-family: 'HelveticaNowTextLight';
    display: flex;
    flex-direction: row;
    justify-content: center;
margin-top: 3em ;
    margin-bottom: 3em;
}
.page-template-page-bio .entry .wrapper-content .col-text .claim {
    color: var(--color-blue);
    font-size: var(--size-body-large);
    line-height: var(--line-body-large);
    margin-top: 4em;
    padding-left: 6vw;
}
.page-template-page-bio .entry .wrapper-content .col-text p {
    padding-right: 12vw;
    margin-bottom: 1em;
}


.page-template-page-bio .entry .wrapper-content .col-images {
    width: 50%;
}
.page-template-page-bio .entry .wrapper-content .col-images img {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.page-template-page-bio .entry .exhibitions {
    padding-left: 14vw;
}
.page-template-page-bio .entry .exhibitions .subtitle {
    font-size: var(--size-body-large);
    line-height: var(--line-body-large);
    text-transform: uppercase;
    font-family: 'HelveticaNowTextLight';
    text-align: center;
    padding-right: 12vw;
    margin-top: 1em;
    margin-bottom: 1em;
}
.page-template-page-bio .entry .exhibitions .list-exhibitions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.page-template-page-bio .entry .exhibitions .list-exhibitions .year {
    width: 100%;
    font-family: 'FuturaStdBook';
    font-size: var(--size-body-medium);
    line-height: var(--line-body-medium);
    margin-bottom: 0.8em;
    font-weight: bold;
}
.page-template-page-bio .entry .exhibitions .list-exhibitions .single-exhibition {
    width: 33.33%;
    padding-right: 2vw;
    margin-bottom: 2.5em;
        line-height: 1.4em;
}
.page-template-page-bio .entry .exhibitions .list-exhibitions .single-exhibition .month {
    font-family: 'FuturaStdBook';
}

.page-template-page-bio .separator {
    height: 38vw;
    background-position: center;
    background-size: cover;
}






/* PAGE CONTACT
-------------------------------------------------------------------------------*/
.page-template-page-contact .entry {
    
}
.page-template-page-contact .entry .wrapper-content {
    padding-right: 4vw;
    padding-top: 4vw;
}
.page-template-page-contact .entry .wrapper-content .col-1 {
    display: flex;
    flex-direction: row;
    font-size: var(--size-body-medium);
    line-height: var(--line-body-medium);

}
.page-template-page-contact .entry .wrapper-content .col-1 h1 {
    font-size: var(--size-body-large);
    line-height: var(--line-body-large);
    color: var(--color-blue);
    text-transform: uppercase;
    font-family: 'HelveticaNowTextLight';
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 3em;
    margin-bottom: 1em;
    width: 75%;
}
.page-template-page-contact .entry .wrapper-content .col-1 div {
    width: 25%;
}
.page-template-page-contact .entry .wrapper-content .col-2 .claim2 {
    color: var(--color-blue);
    font-size: var(--size-blue-claim);
    line-height: var(--line-body-large);
    margin-top: 4em;
    font-family: 'FuturaStdBook';
}

.page-template-page-contact .entry .wrapper-content .col-2 {
    display: flex;
    flex-direction: row;
}
.page-template-page-contact .entry .wrapper-content .col-2 .img-wrapper {
    width: 75%;
    padding-right: 4vw;
        padding-left: 14vw;
}
.page-template-page-contact .entry .wrapper-content .col-2 .claim-wrapper {
    width: 25%;
}
.page-template-page-contact .entry .wrapper-content .col-2 img {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}


.page-template-page-contact .entry .exhibitions .subtitle {
    font-size: var(--size-body-large);
    line-height: var(--line-body-large);
    text-transform: uppercase;
    font-family: 'HelveticaNowTextLight';
    text-align: center;
    padding-right: 12vw;
    margin-top: 1em;
    margin-bottom: 1em;
}

.page-template-page-contact .separator {
    height: 56vw;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 3vw;
    font-size: var(--size-titlehelv);
    text-transform: uppercase;
    line-height: 1.4em;
    font-family: 'HelveticaNowTextLight';

}






/* PAGE ON VIEW
-------------------------------------------------------------------------------*/
.page-template-page-onview .entry {
    
}
.page-template-page-onview .entry .wrapper-content {
    display: flex;
    flex-direction: row;
    padding-left: 14vw;
    padding-right: 4vw;
    padding-top: 4vw;
}
.page-template-page-onview .entry .wrapper-content .col-text {
    width: 50%;
    padding-right: 2vw;
    font-size: var(--size-body-medium);
    line-height: var(--line-body-medium);
}
.page-template-page-onview .entry .wrapper-content .col-text h1 {
    font-size: var(--size-body-large);
    line-height: var(--line-body-large);
    color: var(--color-blue);
    text-transform: uppercase;
    font-family: 'HelveticaNowTextLight';
    display: flex;
    flex-direction: row;
    padding-left: 6vw;
margin-top: 3em ;
    margin-bottom: 2.5em;
}
.page-template-page-onview .entry .wrapper-content .col-text .claim1 {
    padding-left: 6vw;
    font-weight: bold;
}
.page-template-page-onview .entry .wrapper-content .col-text .claim2 {
    color: var(--color-blue);
    font-size: var(--size-body-large);
    line-height: var(--line-body-large);
    margin-top: 0.5em;
    padding-left: 6vw;
}
.page-template-page-onview .entry .wrapper-content .col-text p {
    padding-right: 12vw;
    margin-bottom: 1em;
}


.page-template-page-onview .entry .wrapper-content .col-images {
    width: 50%;
}
.page-template-page-onview .entry .wrapper-content .col-images img {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
.page-template-page-onview .entry .row-content {
    display: flex;
    flex-direction: row;
    padding: 4em;
}
.page-template-page-onview .entry .row-content .images {
    width: 55%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.page-template-page-onview .entry .row-content .images img {
    display: block;
    max-width: 100%;
    object-fit: cover;
    width: calc(50% - 10px);
    height: 32vw;
}
.page-template-page-onview .entry .row-content .description {
    width: 45%;
    padding-left: 4vw;
        line-height: 1.4em;
}
.page-template-page-onview .entry .row-content .description p {
    padding-bottom: 1em;
}

.page-template-page-onview .separator {
    height: 38vw;
    background-position: center;
    background-size: cover;
}




/* ARCHIVE ALL
-------------------------------------------------------------------------------*/
.post-type-archive #nav ul li ul.sub-menu,
.archive.category #nav ul li ul.sub-menu {
    display: block;
}
.post-type-archive-works h1.pagetitle {
/*    padding-left: calc(14vw + 10vw);*/
    padding-left: calc(22vw + 2vw);
    padding-left: calc(22vw);
    margin-top: 6vw;
    margin-bottom: 2em;
    font-size: var(--size-body-large);
    line-height: 1em;
    color: var(--color-blue);
    text-transform: uppercase;
    font-family: 'HelveticaNowTextLight';
}
.post-type-archive-works .works-wrapper {
    padding-left: 22vw;
    padding-right: calc(4vw - 15px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
        justify-content: flex-start;
}
.post-type-archive-works .works-wrapper .single-work {
    width: calc(25% - 15px);
    margin-bottom: 20px;
    margin-right: 15px;
}
/*
.post-type-archive-works .works-wrapper .single-work:last-of-type {
    margin-right: auto;
    margin-left: 20px;
}
*/
.post-type-archive-works .works-wrapper a {
        text-decoration: none;
}
.post-type-archive-works .works-wrapper .single-work .image-thumbnail {
    height: 25vw;
    background-position: center;
    background-size: cover;
     display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;   

}
.post-type-archive-works .works-wrapper .single-work .image-thumbnail .filter-color {
    background-color: #ffffffbf;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
}
.post-type-archive-works .works-wrapper .single-work .image-thumbnail .filter-color:hover {
    opacity: 1;
}
.post-type-archive-works .works-wrapper .single-work .image-thumbnail .filter-color .title {
    margin-bottom: 0.5em;
    font-size: var(--size-body-medium);
    line-height: 1em;
    text-transform: uppercase;
    font-family: 'HelveticaNowTextLight';
}
.post-type-archive-works .works-wrapper .single-work .image-thumbnail .filter-color .type,
.post-type-archive-works .works-wrapper .single-work .image-thumbnail .filter-color .date {
    font-family: 'FuturaStdBook';
    font-weight: bold;
}


/* SINGLE WORKS
-------------------------------------------------------------------------------*/
.single-works .entry .wrapper-intro {
    display: flex;
    flex-direction: row;
    padding-left: 22vw;
}
.single-works .entry .wrapper-intro .col-1 {
    width: 35%;
}
.single-works .entry .wrapper-intro .col-1 .category {
    margin-top: 6vw;
    margin-bottom: 1em;
    font-size: var(--size-body-large);
    line-height: 1em;
    color: var(--color-blue);
    text-transform: uppercase;
    font-family: 'HelveticaNowTextLight';
}
.single-works .entry .wrapper-intro .col-1 h1 {
    margin-bottom: 1em;
    font-size: var(--size-body-large);
    line-height: 1em;
    text-transform: uppercase;
    font-family: 'HelveticaNowTextLight';
}

.single-works .entry .wrapper-intro .col-2 {
    width: 65%;
    display: flex;
    flex-direction: row;
        align-items: flex-start;
    padding: 4vw;
    padding-bottom: 1em;
}
.single-works .entry .wrapper-intro .col-2 img.img1 {
    width: 26vw;
    display: block;
    margin-top: 16vw;
}
.single-works .entry .wrapper-intro .col-2.single img.img1 {
    width: 100%;
    margin-top: 0;
}

.single-works .entry .wrapper-intro .col-2 img.img2 {
    width: 24vw;
    display: block;
    position: absolute;
    right: 4vw;
}
.single-works .entry .wrapper-intro .location {
    font-family: 'FuturaStdBook';
    font-weight: bold;
    margin-bottom: 2em;
}
.single-works .entry .wrapper-intro .manufacture {
    font-size: var(--size-body-medium);
    line-height: var(--line-body-medium);
}
.single-works .entry .wrapper-intro .link {
    font-size: var(--size-body-medium);
    line-height: var(--line-body-medium);
    margin-top: 8em;
}
.single-works .entry .wrapper-intro .link a {
    color: var(--color-blue);
}
.single-works .entry .work-description {
    padding-left: calc(((100% - 22vw) / 100 * 35) + 22vw + 4vw);
    font-style: italic;
    padding-right: 8vw;
}
.single-works .entry .final-block {
    height: 38vw;
    background-position: center;
    background-size: cover;
    margin-top: 4vw;
    width: calc(100% - 8vw);
    margin-left: 4vw;
}



/* ARCHIVE CATEGORY
-------------------------------------------------------------------------------*/
.archive.category h2.pagetitle {
    padding-left: calc(22vw);
    margin-top: 6vw;
    margin-bottom: 2em;
    font-size: var(--size-body-large);
    line-height: 1em;
    color: var(--color-blue);
    text-transform: uppercase;
    font-family: 'HelveticaNowTextLight';
}
.archive.category .works-wrapper {
    padding-left: 22vw;
    padding-right: 4vw;
}
.archive.category .works-wrapper .single-work {
    width: 38vw;
    margin-right: 2vw;
}
.archive.category .works-wrapper .single-work a {
    text-decoration: none;
}
.archive.category .works-wrapper .single-work .image-thumbnail {
    height: 44vw;
    background-position: center;
    background-size: cover;
}
.archive.category .works-wrapper .single-work:hover .image-thumbnail {
    opacity: 0.4;
}
.archive.category .works-wrapper .single-work .date {
    margin-top: 1em;
    margin-bottom: 1em;
}
.archive.category .works-wrapper .single-work .title {
    text-transform: uppercase;
    font-family: 'FuturaStdBook';
    line-height: 1.4em;
}

.archive.category span.slick-prev.slick-arrow {
    position: absolute;
    top: 0;
    left: calc(18vw);
    height: calc(100% - 5em - 20px);
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    font-size: 40px;
    cursor: pointer;
}
.archive.category span.slick-next.slick-arrow {
    position: absolute;
    top: 0;
    right: 0;
    height: calc(100% - 5em - 20px);
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    font-size: 40px;
    cursor: pointer;
}
.archive.category span.slick-prev.slick-arrow:hover,
.archive.category span.slick-next.slick-arrow:hover {
    color: var(--color-blue);
}


/* FOOTER
-------------------------------------------------------------------------------*/
#footer {
    padding: 2vw 4vw;
    padding-bottom: 5vw;
}
#footer .upper-row img {
    display: block;
    height: 2vw;
    margin-bottom: 1em;
}
#footer .lower-row {
    display: flex;
    flex-direction: row;
}
#footer .lower-row .info {
    width: 30%;
}
#footer .lower-row .contacts {
    width: 50%;
}


#footer .lower-row .social {
    width: 50%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
}
#footer .social img.icon-social {
    height: 1.2em;
    margin-right: 1em;
}


@media screen and (min-width: 1900px) {
    
    :root {
        --size-body: 1.2vw;
        --line-body: 1.2em; 

        --size-body-medium: 1.7vw;
        --line-body-medium: 1.5em; 

        --size-body-large: 3.4vw;
        --line-body-large: 1.2em; 

        --size-title-italic: 2.6vw;
        --line-title-italic: 1em; 

        --size-titlehelv: 4vw;
        --line-titlehelv: 1em; 

        --size-subtitle: 1vw;
        --line-subtitle: 1em; 

        --size-blue-claim: 2vw;
        --line-blue-claim: 1.4em;

    }

}

@media screen and (max-width: 960px) {
    
    :root {
        --size-body: 3.5vw;
        --size-body: 4.2vw;
        --line-body: 1.2em; 

        --size-body-medium: 4vw;
        --size-body-medium: 4.8vw;
        --line-body-medium: 1.5em; 

        --size-body-large: 3.4vw;
        --size-body-large: 8vw;
        --line-body-large: 1.2em; 

        --size-title-italic: 2.6vw;
        --size-title-italic: 7vw;
        --line-title-italic: 1em; 

        --size-titlehelv: 4vw;
        --size-titlehelv: 14vw;
        --line-titlehelv: 1em; 

        --size-subtitle: 1vw;
        --line-subtitle: 1em; 

        --size-blue-claim: 6vw;
        --line-blue-claim: 1.4em;

    }


    
    .home #header .main-logo {
        display: block;
        width: 60vw;
        filter: invert(1);
        margin-bottom: 9vw;
    }

    .home #header {
        position: absolute;
        z-index: 5000;
        right: 0;
        top: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        height: 100svh;
        
    }

    
    .home .intro-image {
        height: 100svh;
        background-position: -162vw center;
    }
    
    
    #nav {
        position: absolute;
        left: 20px;
        top: calc(20px - 0.4em);
        z-index: 5000;
                font-size: 0.8em;
    }
    

    #nav .social {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .home .section-1 .images-wrapper {
        flex-wrap: wrap;
        padding-right: 20px;
    }
    .home .section-1 .images-wrapper .col-1 {
        font-size: 6vw;
        order: 3;
        width: 100%;
                margin-top: -1.5em;

    }
    .home .section-1 .images-wrapper .col-2 {
        order: 1;
        width: 50%;
        padding-left: 9vw;
    }
    .home .section-1 .images-wrapper .col-3 {
        order: 2;
        width: 50%;
    }
    
    
    /**/
    .home .section-2 {
        flex-direction: column;
        margin-top: 20px;
    }
    .home .section-2 .col-1 {
        width: 100%;
        padding-left: 0;
    }
    .home .section-2 .col-2 {
        width: 100%;
        padding: 0 15%;
        margin-top: 2em;
    }
    .home .section-2 .col-3 {
        width: 100%;
        margin-top: 2em;
    }
    .home .section-2 .col-3 .block-1 {
        padding-left: 35vw;
        padding-right: calc(15vw);
                display: none;
    }
    .home .section-2 .col-3 .block-2 {
        padding-left: 20vw;
    }
    
    /**/
    .home .separator-1 {
        height: 75vw;
        padding: 20px;
        padding-bottom: 1em;
    }
    
    /**/
    .home .section-3 {
        flex-direction: column;
        padding: 20px 20px;
    }
    .home .section-3 .col-1 {
        width: 100%;
        padding-right: 0;
    }
    .home .section-3 .col-1 p {
        padding-left: 40%;
    }   
    .home .section-3 .col-1 .img-wrapper {
        flex-direction: column;
        justify-content: center;
        margin-top: 1em;
        align-items: center;
    }
    .home .section-3 .col-1 .img-wrapper img {
        width: calc(65%);
        margin-bottom: 20px;
    }

        
        
    .home .section-3 .col-2 {
        width: 100%;
    }
    .home .section-3 .col-2 img {
        width: 100%;
    }
        
        
        
    /**/
    .home .section-4 {
        padding: 20px 20px;
        flex-direction: column;
    }
    .home .section-4 .col-1 {
        width: 100%;
        padding-left: 5vw;
    }
        .home .section-4 .col-2 {
        margin-top: 2em;
        width: 50%;
        position: initial;
        font-size: 1.2em;
        margin-left: 5vw;
    }

    .home .section-5 {
        flex-direction: column;
        padding: 20px;
                margin-top: -8em;
    }
    .home .section-5 .col-1 {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 20px;
        padding-right: 15vw;
        padding-left: 30vw;
        display: none;
    }
    .home .section-5 .col-2 {
        width: 55%;
        margin-top: 8em;
        margin-left: 12vw;
    }
    .home .section-5 .col-3 {
        width: 25%;
        right: 20px;
        width: 35vw;
        margin-top: 0;
    }
    
    
    
    
    
    /* ON VIEW
    -------------------------------------------------------------------------------*/
    .page-template-page-onview .entry .wrapper-content {
        flex-direction: column;
        padding-left: calc(20px);
        padding-right: 20px;
        padding-top: 4vw;
    }
    .page-template-page-onview .entry .wrapper-content .col-text {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .page-template-page-onview .entry .wrapper-content .col-text h1 {
        padding-left: 0;
        margin-top: 0;
        text-align: right;
        width: 100%;
        margin-right: 0;
        display: inline-block;
        margin-bottom: 4em;
        order: 1;
    }
    
    .page-template-page-onview .entry .wrapper-content .col-text .claim1 {
        padding-left: 0;
        order: 3;
        width: 40%;
    }
    .page-template-page-onview .entry .wrapper-content .col-text .claim2 {
        margin-top: 0;
        padding-left: 0;
        order: 2;
        width: 60%;
    }
    .page-template-page-onview .entry .wrapper-content .col-images {
        width: 100%;
    }
    .page-template-page-onview .entry .wrapper-content .col-images img {
        margin-top: 20px;
        margin-bottom: 0;
    }
    
    .page-template-page-onview .entry .row-content {
        flex-direction: column;
        padding: 20px;
    }

    .page-template-page-onview .entry .row-content .images {
        width: 100%;
    }

    .page-template-page-onview .entry .row-content .images img {
        height: 65vw;
        margin-bottom: 20px;
    }
    /*
    .page-template-page-onview .entry .row-content .images img:nth-of-type(1) {
        width: 85%;
    }
    .page-template-page-onview .entry .row-content .images img:nth-of-type(2) {
        width: 70%;
    }
*/
    .page-template-page-onview .entry .row-content .description {
        width: 100%;
        padding-left: 0;
        line-height: 1.4em;
        margin-bottom: 1em;
    }
    
    
    /* BIO
    -------------------------------------------------------------------------------*/
    .page-template-page-bio #nav {
        position: initial;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 2em;
        padding-left: 20px;
    }
    .page-template-page-bio #nav .social {
        margin-top: 1em;
        margin-bottom: 1em;
    }
    

    .page-template-page-bio .entry .wrapper-content {
        flex-direction: column;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 4vw;
    }    
    .page-template-page-bio .entry .wrapper-content .col-text {
        width: 100%;
    }
    .page-template-page-bio .entry .wrapper-content .col-text h1 {
        margin: 0;
        width: 100%;
        margin-bottom: 1em;
    }
    .page-template-page-bio .entry .wrapper-content .col-text p {
        padding-right: 0;
        margin-bottom: 1em;
    }
    .page-template-page-bio .entry .wrapper-content .col-text .claim {
        margin-top: 2em;
        padding: 0 20px;
    }
    .page-template-page-bio .entry .wrapper-content .col-images {
        width: 100%;
    }
    /**/
    .page-template-page-bio .entry .exhibitions {
        padding-left: 14vw;
        padding-right: 14vw;
    }
    .page-template-page-bio .entry .exhibitions .subtitle {
        padding-right: 0;
    }
    .page-template-page-bio .entry .exhibitions .list-exhibitions .single-exhibition {
        width: 100%;
        padding-right: 0;
        margin-bottom: 1.5em;
        line-height: 1.4em;
    }
    .page-template-page-bio .entry .exhibitions .list-exhibitions .year {
        font-size: 1.4em;
    }
    .page-template-page-bio .entry .exhibitions .list-exhibitions .single-exhibition .month {
        font-size: 1.2em;
        line-height: 1.4em;
    }



    
    /* CONTACT
    -------------------------------------------------------------------------------*/
    .page-template-page-contact .entry .wrapper-content {
        padding: 20px;
    }
    .page-template-page-contact .entry .wrapper-content .col-1 {
        flex-direction: column;
    }
    .page-template-page-contact .entry .wrapper-content .col-1 h1 {
        margin-top: 6em;
        margin-bottom: 1em;
        width: 100%;
        padding-left: 0;
        text-align: center;
    }
    .page-template-page-contact .entry .wrapper-content .col-1 div {
        width: 100%;
        margin-bottom: 1em;
    }
    .page-template-page-contact .entry .wrapper-content .col-1 div p {
        font-size: var(--size-body);
        line-height: 1.5em;
        font-weight: bold;
        text-align: center;
    }
    .page-template-page-contact .entry .wrapper-content .col-2 {
        flex-direction: column;
    }
    .page-template-page-contact .entry .wrapper-content .col-2 .img-wrapper {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
    .page-template-page-contact .entry .wrapper-content .col-2 .claim-wrapper {
        width: 100%;
        padding-left: 0;
    }
    .page-template-page-contact .entry .wrapper-content .col-2 .claim {
        line-height: 1.5em;
        text-align: center;
    }
    .page-template-page-contact .entry .wrapper-content .col-2 .claim2 {
        margin-top: 0.5em;
    }
    .page-template-page-contact .separator {
        height: 95vw;
        padding: 20px 20px;
        font-size: 8vw;
        background-position: -21vw center;
    }   



    
    /* ARCHIVE TOTAL
    -------------------------------------------------------------------------------*/
    .post-type-archive-works #nav {
        position: initial;
        display: flex;
        flex-direction: column;
        margin-top: 2em;
        padding-left: 20px;
    }
    .post-type-archive-works #nav .social {
        margin-top: 1em;
        margin-bottom: 1em;
    }
    .post-type-archive-works h1.pagetitle {
        padding-left: 20px;
        position: fixed;
        top: 0.2em;
        right: 20px;
        text-align: right;
    }
    .post-type-archive-works .works-wrapper {
        padding-left: 20px;
        padding-right: 20px;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .post-type-archive-works .works-wrapper .single-work {
        width: 50%;
        margin-bottom: 0;
        margin-right: 0;
    }
    .post-type-archive-works .works-wrapper .single-work .image-thumbnail {
        height: 60vw;
    }

    
    
        
    /* ARCHIVE parziale
    -------------------------------------------------------------------------------*/
    .archive.category #nav {
        position: initial;
        display: flex;
        flex-direction: column;
        margin-top: 2em;
        padding-left: 20px;
    }
    .archive.category #nav .social {
        margin-top: 1em;
        margin-bottom: 1em;
    }
    .archive.category h1.pagetitle {
        padding-left: 20px;
    }
    .archive.category .works-wrapper {
        padding-left: 20px;
        padding-right: 20px;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    .archive.category h2.pagetitle {
            padding-left: 20px;
        position: fixed;
        top: 0.2em;
        right: 20px;
        text-align: right;
    }
    .archive.category .works-wrapper .single-work {
        width: 100%;
        margin-bottom: 2em;
        margin-right: 0;
    }
    .archive.category .works-wrapper .single-work .image-thumbnail {
        height: 110vw;
    }
    
        
        
    /* SINGLE WORK
    -------------------------------------------------------------------------------*/
    .single-works #nav {
        position: initial;
        display: flex;
        flex-direction: column;
        margin-top: 2em;
        padding-left: 20px;
    }
    .single-works #nav .social {
        margin-top: 1em;
        margin-bottom: 1em;
    }
    .single-works .entry .wrapper-intro {
        flex-direction: column;
        padding-left: 20px;
        padding-right: 20px;
    }
    .single-works .entry .wrapper-intro .col-1 {
        width: 100%;
    }
    .single-works .entry .wrapper-intro .col-1 .category {
        margin-top: 0;
        padding-left: 15vw;
        position: fixed;
        top: calc(0.2em + 20px);
        right: 20px;
        text-align: right;
        z-index: 5000;
    }
    .single-works .entry .wrapper-intro .col-1 h1 {
        padding-left: 15vw;
        padding-left: 0;
    }
    .single-works .entry .wrapper-intro .location {
        padding-left: 15vw;
        padding-left: 0;
    }
    .single-works .entry .wrapper-intro .manufacture {
        padding-left: 15vw;
        padding-left: 0;
        padding-right: 10vw;
        font-size: var(--size-body);
        line-height: var(--line-body);
    }
    .single-works .entry .wrapper-intro .link {
        margin-top: 3em;
        padding-left: 15vw;
        padding-left: 0;
        font-size: var(--size-body);
        line-height: var(--line-body);
    }
    .single-works .entry .wrapper-intro .col-2 {
        width: 100%;
        padding: 0;
    }
    .single-works .entry .wrapper-intro .col-2 img.img1 {
        width: 50vw;
        margin-top: 25vw;
    }
    .single-works .entry .wrapper-intro .col-2 img.img2 {
        width: 45vw;
        display: block;
        position: absolute;
        right: 20px;
        margin-top: 1em;
    }
    .single-works .entry .work-description {
        padding: 20px;
    }
    .single-works .link {
        padding-left: 20px;
    }
    
    .single-works .entry .wrapper-intro .col-2.single img.img1 {
        margin-top: 20px;
    }
    
    
    /* FOOTER
    -------------------------------------------------------------------------------*/
    #footer {
        padding: 20px;
        padding-bottom: 5vw;
        font-size: 0.85em;
    }
    #footer .upper-row img {
        display: block;
        height: 8vw;
        margin-bottom: 1em;
    }
    #footer .lower-row .info {
        width: 35%;
    }
    #footer .lower-row .contacts {
        width: 50%;
    }
    #footer .lower-row .social {
        width: 50%;
    }
    #footer .social img.icon-social {
        height: 1.5em;
        margin-left: 1em;
        margin-right: 0;
    }
    



    
}