/* GENERALI */
.contenitore-boxato { max-width: 1100px; margin: 0 auto;}
.contenitore-flex {display: flex; flex-direction: row; flex-wrap: wrap;}

.un-terzo {flex-basis: 33.3333%;}
.un-mezzo{flex-basis: 50%;}
.due-terzi {flex-basis: 66.6666%;}
.al-sx{text-align: right!important;}
.al-dx{text-align: left!important;}
.al-dx p a{justify-content: flex-start;}
.al-sx p a{justify-content: flex-end;}
.small .due-terzi{flex-basis: 33%!important; display: flex!important; align-items: center!important; }
.contenitore-flex.small{    -webkit-align-self: flex-end!important;  justify-content: center!important;}
.small img{image-rendering: pixelated!important; }
.mt50{margin-top: 50px;}
#swipebox-overlay{background-color: rgba(0,0,0,.8)!important; z-index: 9999999999999!important;}
.no-overflow{overflow: hidden;}
input:focus, select:focus, textarea:focus, button:focus {outline: none!important;}

/* CURSORI PERSONALIZZATI
html * {
  cursor: url(http://www.gabrielepicco.com/wp-content/uploads/2018/02/ico-mouse.png), auto;
  cursor: -webkit-image-set(url(http://www.gabrielepicco.com/wp-content/uploads/2018/02/ico-mouse.png) 1x, url(http://www.gabrielepicco.com/wp-content/uploads/2018/02/ico-mouse.png) 2x), auto;
}
html * a:hover,
html * a:hover * {
  cursor: url(http://www.gabrielepicco.com/wp-content/uploads/2018/02/ico-pointer.png), auto;
  cursor: -webkit-image-set(url(http://www.gabrielepicco.com/wp-content/uploads/2018/02/ico-pointer.png) 1x, url(http://www.gabrielepicco.com/wp-content/uploads/2018/02/ico-pointer.png) 2x), auto;
} */

/* HEADER */
#masthead{ transition:opacity .8s;}
.site-header{position: fixed;  display: flex; margin-top: 30px; z-index: 9999999; width: 100%; top: 0;}
.immagine-header-home{position: relative; top: 0; left: 0; z-index: 1; align-self: center; -webkit-align-self: center;}
.menu-boxed{max-width: 90%; flex-basis: 90%; display: flex; margin: 0 auto; position: relative; align-items: center;}
.site-branding{display: flex; vertical-align: middle; align-self: center!important; -webkit-align-self: center; align-items: center; flex-basis: 40%; opacity: 1;}
.site-branding img{width: 100%; }
.site-branding a{display: flex; flex-basis: 100%; max-width: 250px; vertical-align: middle; align-self: center!important; -webkit-align-self: center; align-items: center;}
.hamburger{display: none; z-index: 999;}
.site-branding.hide{opacity: 0;}
.show-menu{position: sticky; position: -webkit-sticky; top: 0; opacity: 1!important; z-index: 99999999;}
.hide-menu{transition:opacity .8s; opacity: 0; display: none;}

.main-navigation{clear: both; display: flex!important; float: initial!important; width: auto!important; flex-basis: 90%; justify-content: flex-end; vertical-align: middle; align-items: center;}

/* MENU */
.main-navigation li{font-family: 'Lora', serif; font-size: 20px; text-transform: capitalize; padding: 0 25px; font-weight: normal;}
.main-navigation li:last-child{padding-right: 0;}
.main-navigation li a{color: #000!important; position: relative;}
.main-navigation li a::after, .view-more a::after, h2.accordion-title::after, .filtro button::after, .filtro input[type="button"]::after{border-bottom: 1px solid #000; content: ""; left:0%; position: absolute; right: 0; top: 50%; width: 000%; margin-left: auto; margin-right: auto;     -webkit-transition: width .3s linear; -moz-transition: width .3s linear; -ms-transition: width .3s linear; -o-transition: width .3s linear;}
.main-navigation li a:hover::after, .view-more a:hover::after, h2.accordion-title:hover:after, .filtro button:hover::after, .filtro input[type="button"]:hover::after{border-bottom: 1px solid #000; content: ""; left:0%; position: absolute; right: 0; top: 50%; width: 100%; margin-left: auto; margin-right: auto;}

a.download-bio{position: relative; color:#404040!important; text-decoration: none!important; text-transform: uppercase;font-family: 'Lora', serif; font-weight: bold; font-size: 15px; }
a.download-bio:hover::after{border-bottom: 1px solid #000; content: ""; left:0%; position: absolute; right: 0; top: 50%; width: 000%; margin-left: auto; margin-right: auto;     -webkit-transition: width .3s linear; -moz-transition: width .3s linear; -ms-transition: width .3s linear; -o-transition: width .3s linear;}
 a.download-bio::after{border-bottom: 1px solid #000; content: ""; left:0%; position: absolute; right: 0; top: 50%; width: 100%; margin-left: auto; margin-right: auto;  -webkit-transition: width .3s linear; -moz-transition: width .3s linear; -ms-transition: width .3s linear; -o-transition: width .3s linear;}
 a.download-bio{position: relative; color:#404040!important; text-decoration: none!important; text-transform: uppercase;     font-family: 'Lora', serif; font-weight: bold; font-size: 15px;}

/* MENU HAMBURGER */
.contenitore-menu svg{/*overflow: visible!important;*/ }
.contenitore-menu svg path{ stroke-width: 20; stroke-linecap: round; stroke: #000; fill: none; transition: all .5s ease-in-out;}

.top_bar, .bottom_bar{stroke-dasharray: 240px 910px; }
.middle_bar{stroke-dasharray: 240px 240px;}
.open .top_bar, .open .bottom_bar{stroke-dashoffset: -650px;}
.open .middle_bar{stroke-dasharray: 0px 220px; stroke-dashoffset: -120px;}
.contenitore-menu{max-width: 68px; display: flex; vertical-align: middle; height: 50px;}

/* HOME */
.home .site{background-image: url(http://www.gabrielepicco.com/wp-content/uploads/2018/02/sfondo_GP.jpg); background-position-x: right; background-repeat: no-repeat; background-position-y: 100%;}
.entry-content{margin: 200px 0!important;}
.home .contenitore-flex, .page-template-art .contenitore-flex, .page-template-novels .contenitore-flex{margin: 150px 0; height: min-content;}
.home .contenitore-flex .due-terzi a, .page-template-art .contenitore-flex .due-terzi a{display: flex;  align-items: center;}
.home .contenitore-flex a, .page-template-art .contenitore-flex a, .page-template-novels .contenitore-flex a{color: #000!important; text-decoration: none;}
.home .contenitore-flex .un-terzo, .page-template-art .contenitore-flex .un-terzo{position: relative; z-index: 1;}
.home .contenitore-flex:first-child, .page-template-art .contenitore-flex:first-child, .page-template-novels .contenitore-flex:first-child{margin-top: 0;}
.contenitore-flex.al-sx .due-terzi{display: flex;  flex-basis: auto;  max-width: 60%; height: max-content; display: flex; align-self: safe; align-items: center; order: 1;}
.contenitore-flex.al-sx .un-terzo{order: 2;}
.contenitore-flex.al-dx .un-terzo{order: 1;}
.contenitore-flex.al-dx .due-terzi{order: 2;}
.contenitore-flex .due-terzi{z-index: 2; position: relative;}

.titolo-opera-home{height: auto; position: absolute; width: 100%; bottom:  30px;}
.titolo-opera-home h2{font-family: 'Lora', serif; font-size: 15px; text-transform: uppercase; width: 100%;  border-bottom: 1px solid #000; font-weight: bold; margin: 0; line-height: 16px; padding-bottom: 10px;  letter-spacing: 1px;}
.categoria-opera-home {font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 300; letter-spacing: 1px;}

.view-more{text-align: center; margin-bottom: 100px;}
.view-more a{text-decoration: none!important; font-family: 'Lora', serif; font-size: 20px; color: #000!important; position: relative;}

/* ABOUT */
.contenitore-90 { max-width: 90%; margin: 0 auto 0 auto; background-image: url("http://www.gabrielepicco.com/wp-content/uploads/2018/02/Picco-img-bio-1.jpg"); background-size: cover;  background-position: 60%;}
.intro-bio{    max-width: 1100px; margin: 0 auto; padding: 190px 0;}
.intro-bio p{max-width: 70%; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 1px; }

.page-id-53 .site-content .contenitore-boxato{margin: 100px auto; padding-left: 20px; }
.accordion-content{font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 1px;  line-height: 20px;}
.accordion-content a{color: #000!important;}
h2.accordion-title{font-family: 'Lora', serif; font-size: 15px; text-transform: uppercase; font-weight: bold; cursor: pointer; outline: none; position: relative; max-width: 200px;     width: fit-content;}
h2.accordion-title.open::after{width: 100%;}
h2.accordion-title::before{content: ">"; position: absolute; left: -20px;}

/* SINGLE WORKS */
.single-works .due-terzi{flex-basis: 75%; padding-right: 30px;}
.single-works .un-terzo{position: relative; flex-basis: 25%;}
.single-works p{font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 1px; }
.titolo-opera-works{height: auto; position: absolute; width: auto; bottom:  30px;}
.titolo-opera-works h2{font-family: 'Lora', serif; font-size: 16px; text-transform: uppercase; width: 100%;  border-bottom: 1px solid #000; font-weight: bold; margin: 0; line-height: 16px; padding-bottom: 10px;  letter-spacing: 1px;}
.categoria-opera-works p{font-family: 'Lato', sans-serif; font-size: 12px; font-weight: 300; letter-spacing: 1px;}
.categoria-opera-works a{color: #000!important; text-decoration: none;}
.filtro{margin: 50px 0 150px 0; text-align: center;}
.filtro button, .filtro input[type="button"]{border: none; background: none; font-family: 'Lora', serif; font-size: 18px; text-transform: capitalize; padding: 2px 25px; font-weight: normal; position: relative;}
 .active::after, .current-menu-item a:after{border-bottom: 1px solid #000!important; content: ""!important; left:0%!important; position: absolute!important; right: 0!important; top: 50%!important; width: 80%!important; margin-left: auto!important; margin-right: auto!important;}
 .figure img{margin:50px 0!important;}

 /* 404 */
.error-404 .page-content{margin: 250px 0; text-align: center; font-weight: 300; color: #000;}
 .error-404 .page-content h1{font-weight: 300;}
.error-404 .page-content a{color: #000!important; text-decoration: none!important; position: relative;}


.error-404 .page-content a:hover::after{border-bottom: 1px solid #000; content: ""; left:0%; position: absolute; right: 0; top: 50%; width: 000%; margin-left: auto; margin-right: auto;     -webkit-transition: width .3s linear; -moz-transition: width .3s linear; -ms-transition: width .3s linear; -o-transition: width .3s linear;}
.error-404 .page-content a::after{border-bottom: 1px solid #000; content: ""; left:0%; position: absolute; right: 0; top: 50%; width: 100%; margin-left: auto; margin-right: auto;  -webkit-transition: width .3s linear; -moz-transition: width .3s linear; -ms-transition: width .3s linear; -o-transition: width .3s linear;}


/* FOOTER */
.site-footer{border-top: 1px solid #000;}
.site-footer a{color: #000!important; text-decoration: none;}
.site-footer .contenitore-boxato{text-align: center; padding: 15px 0; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 300; line-height: 1;}
.site-footer .contenitore-flex{margin: inherit; justify-content: space-between; align-items: center;}
.info-footer{flex-basis: 80%; text-align: left;}
.social-footer{flex-basis: 20%;}
.social-footer img{max-width: 32px;}