/* Theme Name: LUCIA2019 */ /*-----------------------------------------------------------------------------------*/ /* 1/ GENERALI /*-----------------------------------------------------------------------------------*/ 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%; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } figure { margin: 10% 0; } figcaption { text-align: center; } img { border: 0; -ms-interpolation-mode: bicubic;} input {-webkit-border-radius:0; border-radius:0;} ::-webkit-input-placeholder {color: #222222;} :-moz-placeholder {color: #222222;} ::-moz-placeholder {color: #222222;} :-ms-input-placeholder {color: #222222;} *, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} ::selection {background: #d1eded; } ::-moz-selection {background: #d1eded;} .clearfix:after, .sharedaddy:after {clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; } .cf:before, .cf:after {content: " "; /* 1 */ display: table; /* 2 */} .cf:after {clear: both;} .cf {*zoom: 1;} .gallery:after {content:"";display:table;clear:both;} .gallery figure img {max-width:100%; height:auto; margin:0 auto; display:block;} .gallery figure {float:left; margin:0 2% 1em 0;} .gallery.gallery-columns-1 figure {width:100%; margin:0 0 1em 0; float:none;} .gallery.gallery-columns-3 figure {width:32%;} .gallery.gallery-columns-3 figure:nth-of-type(3n+3) {margin-right:0;} .gallery.gallery-columns-3 figure:nth-of-type(3n+4) {clear:left;} .gallery.gallery-columns-2 figure {width:49%;} .gallery.gallery-columns-2 figure:nth-of-type(even) {margin-right:0;} .gallery.gallery-columns-2 figure:nth-of-type(odd) {clear:left;} p {margin: 0;padding: 0 0 0 0;} body:before, body:after { content: ""; position: fixed; background: #000; left: 0; right: 0; height: 2px; z-index: 99999999999999999999999999999999999999999999999999999999999999999999999999999; } body:before { top: 0; } body:after { bottom: 0; } .lt-ie9 body:before, .lt-ie9 body:after { display: none; } .lt-ie9 body { border:none; } /* ========================================================================== ingrandisci ========================================================================== */ .clone { width: 55%; height: 100%; position: fixed; top: 10px; left: 41%; z-index: 9999999999999999999999999999999999999999999999999999999999; text-align: center; } .imgBIGGER { border: 2px solid red; } #am-container img { cursor: pointer; } #primary article .gallery, #primary article p img { cursor: zoom-in; } #primary article .gallery:hover { cursor: zoom-in; } .POST .gallery, #primary .gallery { cursor: zoom-in; } .POST .gallery img, #primary .gallery img { cursor: zoom-in; } /* ========================================================================== RENDI TUTTI I VIDEO RESPONSIVE A PRIORI ========================================================================== */ .WRAP-IFRAME iframe, .WRAP-IFRAME embed, .WRAP-IFRAME object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; } .WRAP-IFRAME { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } /* ========================================================================== 2026 - HOMEPAGE ========================================================================== */ /* Reset CSS */ * { margin: 0; padding: 0; } img { max-width: 100%; height: auto; vertical-align: middle; display: inline-block; } /* Main CSS */ .grid-wrapper > a { display: flex; justify-content: center; align-items: center; border: 0px solid #000; } .grid-wrapper > a > img { width: 100%; height: 100%; object-fit: cover; border: 0px solid #000; } .grid-wrapper { display: grid; grid-gap: 0px; grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)); grid-auto-rows: auto; grid-auto-flow: dense; } @media (orientation: portrait) { .grid-wrapper { grid-template-columns: repeat(auto-fit, minmax(50%, 1fr)); } } .grid-wrapper .wide { grid-column: span 2; } .grid-wrapper .tall { grid-row: span 2; } .grid-wrapper .big { grid-column: span 2; grid-row: span 2; } .grid-wrapper a img:hover { transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; border: 0px solid #000; } /* ========================================================================== REGOLE GENERALI ========================================================================== */ @font-face {font-family: 'Apercu';font-style: normal;font-weight: 400; src: local('Apercu'),url('/fonts/Apercu-Bold.svg#apercu') format('svg'), url('/fonts/Apercu-Bold.woff') format('woff'), url('/fonts/Apercu-Bold.ttf') format('truetype'), url('/fonts/Apercu-Bold.eot') format('embedded-opentype'); } body { margin:0; padding: 0; font-family: 'Apercu', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #000; background: #fff; -webkit-font-smoothing: antialiased; cursor: default; overflow-x: hidden; height: auto; width: 100vw; overflow: hidden; } h3 { font-family: 'Apercu', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px;-webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004);letter-spacing: 0.12em;text-transform: uppercase;} h2 { font-family: 'B612 Mono', monospace;font-size: 16px;line-height: 16px; padding-bottom: 10px;font-weight: 400;} h4 { font-family: 'B612 Mono', monospace; font-size: 10px;line-height: 13px;padding-bottom: 1px;font-weight: 400;} h6 { font-family: 'B612 Mono', monospace;font-size: 8px;line-height: 13px;font-weight: 400;} .circle { width: 10px; height: 10px;position: absolute;top: -30px;left: -30px;transform: translateX(5px) translateY(5px); pointer-events: none;z-index: 999999999999999999999999999999999;-webkit-transition: opacity .6s ease-in-out; transition: opacity .6s ease-in-out;border-radius: 50%;box-shadow: 0px 0px 30px 30px yellow;background: yellow;} .circle svg {width: 0%;position: fixed;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg); -webkit-transition: 600ms all cubic-bezier(.23,1,.32,1);transition: 600ms all cubic-bezier(.23,1,.32,1);} .circle svg path {width: 0px;height: 0px;fill: yellow;-webkit-transition: 600ms all cubic-bezier(.23,1,.32,1); transition: 600ms all cubic-bezier(.23,1,.32,1);} .entry-content span, .entry-content p { font-family: 'B612 Mono', monospace;color: #000; font-size: 13px;} a { color: #000; text-decoration: none;cursor: pointer; } a:hover, a:active { text-decoration: line-through;cursor: pointer;} .am-wrapper{ float:left;position:relative;overflow:hidden;} .am-wrapper img {position:relative;outline:none;} .am-container { overflow-y: hidden; } #primary { -webkit-overflow-scrolling: touch; font-family: 'B612 Mono', monospace; font-size: 12px;line-height: 18px;color: #000;overflow-y: scroll; } /* * Menu Cell * Menu PC */ #menuPC { text-transform: uppercase;position: absolute; width: 300px;padding: 0px;padding-top: 20px;right: 0px;list-style-type: none; -webkit-font-smoothing: antialiased;/* to stop flickering of text in safari */ transform-origin: 0% 0%;transform: translate(100%, 0);transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);} #menu li { padding: 0px 0;font-size: 22px;} #myNavPOST { border-top: 2px solid #000;-webkit-overflow-scrolling: touch;font-family: 'B612 Mono', monospace;font-size: 12px;line-height: 18px;color: #000;background-color: #fff; } .myNavPOSTclosed { display: none; position: fixed;right: 0;top: 0;width: 100%;height: auto; min-height: 100vh;background: #fff; overflow-y: scroll;overflow-x: hidden; z-index: 999999999999999999999999999999999; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease;transition: all 1.5s ease;} .myNavPOSTopened {display: block;position: fixed;right: 0;top:0;width: 100%;height: 100vh;background: #fff; overflow-y: scroll; overflow-x: hidden; z-index: 999999999999999999999999999999999;-webkit-transition: top 1.0s ease; -moz-transition: top 1.0s ease;-o-transition: top 1.0s ease;transition: top 1.0s ease; -webkit-animation: fadeInFromNone 2.0s ease-out;-moz-animation: fadeInFromNone 2.0s ease-out; -o-animation: fadeInFromNone 2.0s ease-out;animation: fadeInFromNone 2.0s ease-out;} @-webkit-keyframes fadeInFromNone { 0% {display: none;opacity: 0;} 1% {display: block;opacity: 0;} 100% {display: block;opacity: 1;}} @-moz-keyframes fadeInFromNone { 0% {display: none;opacity: 0;} 1% {display: block;opacity: 0;} 100% {display: block;opacity: 1;}} @-o-keyframes fadeInFromNone { 0% {display: none;opacity: 0;} 1% {display: block;opacity: 0; } 100% {display: block;opacity: 1; } } @keyframes fadeInFromNone { 0% {display: none;opacity: 0;} 1% {display: block;opacity: 0;} 100% {display: block;opacity: 1;} } /* ========================================================================== MENU PC ========================================================================== */ .Bio, .Works, .News, .Contact, .Texts {padding-top: 10px;padding-left: 10px;padding-right: 10px; } #myNav2, #myNav1, #myNav3, #myNav4, #myNav5 { -webkit-overflow-scrolling: touch;font-family: 'B612 Mono', monospace;font-size: 12px; line-height: 18px;color: #000;background-color: #fff; border: 3px solid #000;} #myNav1 { -webkit-overflow-scrolling: touch; border-top: 3px solid #000;font-family: 'B612 Mono', monospace;font-size: 12px;text-transform: uppercase; line-height: 15px;background-color: #fff; } .myNav1closed, .myNav2closed, .myNav3closed, .myNav4closed, .myNav5closed { position: fixed; right: -100%; width: 90%; height: 100vh;background: #fff; overflow-y: scroll; overflow-x: hidden; z-index: 999999999999999999999999999999999;-webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease;-o-transition: all 1.0s ease; transition: all 1.0s ease; } .myNav1opened, .myNav2opened, .myNav3opened, .myNav5opened{position: fixed;right: 0px;width: 72%;height: 100vh;background: #fff; overflow-y: scroll; overflow-x: hidden; z-index: 999999999999999999999999999999999;-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;-o-transition: all 1.0s ease;transition: all 1.0s ease; border-top: 3px solid #000; border-left: 3px solid #000; } .myNav4opened {position: fixed;right: 0px;width: 68%;height: 100vh;background: #fff; overflow-y: scroll;overflow-x: hidden; z-index: 999999999999999999999999999999999;-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;-o-transition: all 1.0s ease;transition: all 1.0s ease; } .closeWorksClosed, .closeBioClosed, .closeNewsClosed, .closeContactClosed, .closeTextsClosed, .closePOSTClosed { position: fixed; top: 20px;right: -80%;font-size: 48px;font-family: 'Apercu', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 400; -webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;-o-transition: all 1.0s ease;transition: all 1.0s ease;} .closeWorksOpened, .closeBioOpened, .closeNewsOpened, .closeContactOpened, .closeTextsOpened, .closePOSTOpened {position: fixed;top: 20px;right: 5px;font-size: 48px;line-height: 0px;font-family: 'Apercu', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 400;-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;-o-transition: all 1.0s ease;transition: all 1.0s ease;} .closeContactOpened {position: fixed;top: 20px;right: 5px;font-size: 48px;line-height: 0px;font-family: 'Apercu', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 400;-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;-o-transition: all 1.0s ease;transition: all 1.0s ease;} .closeWorks:hover, .closeBio:hover, .closeNews:hover, .closeContact:hover, .closeTexts:hover, .closeMenu:hover { text-decoration: none; cursor: pointer; } /* ========================================================================== MENU CELL ========================================================================== */ h3 { font-size: 12px;letter-spacing: 0.10em;} #myNav0 { font-family: 'Apercu', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 0.15em; -webkit-overflow-scrolling: touch; line-height: 26px; color: #000; background-color: #fff; border-left: 3px solid #000; border-top: 3px solid #000; border-bottom: 3px solid #000; overflow-y: hidden;overflow-x: hidden; } .myNav0closed {position: fixed; top:0; right: -105%;width: 92%;height: 100%; z-index: 999999999999999999999999999999999;-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;-o-transition: all 1.0s ease; transition: all 1.0s ease;} .myNav0opened {position: fixed;top:0;right: -59%;width: 92%;height: 100%; z-index: 999999999999999999999999999999999; -webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;-o-transition: all 1.0s ease;transition: all 1.0s ease; } .myNav0opened-2 {position: fixed;top:0;right: 0%;width: 92%;height: 100%;background: #fff; overflow-y: scroll;overflow-x: hidden; z-index: 999999999999999999999999999999999;-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;-o-transition: all 1.0s ease;transition: all 1.0s ease; } .Menu {padding-top: 0px;padding-left: 5px; width: 38%; float: left; height: 100vh; } .CONTENT-MENU-CELL { -webkit-overflow-scrolling: touch; font-size: 12px; letter-spacing: 0.06em; line-height: 18px; color: #000; background-color: #fff; font-family: 'B612 Mono', monospace; width: 62%; float: right; height: 100vh; overflow-y: hidden;} .Bio-2, .Works-2, .News-2, .Contact-2, .Texts-2 {padding-top: 5px;padding-left: 0px;padding-right: 0px; width: 98%; overflow-y: scroll;overflow-x: hidden; height: 100vh;} .Works-2 {text-transform: uppercase; } .closeMenuOpened {position: fixed;top: 15px;right: 0px;font-size: 48px;line-height: 0px;font-family: 'Apercu', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 400;-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;-o-transition: all 1.0s ease;transition: all 1.0s ease;} .closeMenuClosed {position: fixed; top: 15px;right: -80%;font-size: 48px;line-height: 0px;font-family: 'Apercu', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 400;-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;-o-transition: all 1.0s ease;transition: all 1.0s ease;} /* ========================================================================== fine menu cell ========================================================================== */ /*-----------------------------------------------------------------------------------*/ /* 14.0 Media Queries /*-----------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* A. CELLULARI - PORTRAIT & LANDSCAPE /*-----------------------------------------------------------------------------------*/ /* Max width of 768 pixels - PORTRAIT ------------------------------------------------------------------------------------ */ @media screen and (max-width: 768px) and (orientation: portrait) { #MENU_PC {display: none; } /* --- nascondi menu pc --- */ #voce1, #voce2, #voce3, #voce4, #voce5, #voce0 {display: none; } #titoloPC, .circle, .circle svg, .circle svg path {display: none;} /* --- General --- */ img { width: 100%;height: auto;/* exhibitions-pc */} #primary img { width: 100%;height: auto;/* exhibitions-pc */padding-bottom: 2px;padding-top: 5px;} #primary { margin-left: 5px;margin-top: 10px;margin-right: 55px;height: auto;/* exhibitions-pc */width: 85%; } .top { margin-left: 15px;font-family: 'B612 Mono', monospace;font-size: 43px; } .fixed {position: fixed;bottom: 5px;right: 0;width: 30px;height: 300px;z-index: 99999900000; border: 0px solid red;white-space:nowrap;} .fixed-nav {position: absolute;right: 2px;width: 100%; text-align: left; } .fixed-nav-logo { color: #fff; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px; text-align: left; } #titolo { -webkit-transform: rotate(-90deg) translate(-250px, 0); -moz-transform: rotate(-90deg) translate(-250px, 0); -o-transform: rotate(-90deg) translate(-250px, 0); -ms-transform: rotate(-90deg) translate(-250px, 0);text-align: left; transform: rotate(-90deg) translate(-250px, 0); font-size: 25px; letter-spacing: 0.15em; font-weight: 600; text-decoration: none; } .Menu a { text-align: left; font-size: 15px; letter-spacing: 0.12em; font-weight: 600; text-decoration: none; color: #000; } ul {list-style: none; /* Remove list bullets */ } .am-container img:hover { border: 3px solid #000; /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */} } /* Max width of 480 pixels - LANDSCAPE ------------------------------------------------------------------------------------ */ @media screen and (max-width: 768px) and (orientation: landscape) { #MENU_PC {display: none; } /* --- nascondi menu pc --- */ #voce1, #voce2, #voce3, #voce4, #voce5, #voce0 {display: none; } #titoloPC, .circle, .circle svg, .circle svg path {display: none;} /* --- General --- */ img { width: 100%;height: auto;/* exhibitions-pc */} #primary img { width: 100%;height: auto;/* exhibitions-pc */padding-bottom: 5px;padding-top: 5px;} #primary { width: 80%;margin-left: 15px;margin-top: 15px;margin-right: 55px;height: auto;/* exhibitions-pc */ } .top { margin-left: 15px;font-family: 'B612 Mono', monospace;font-size: 43px; } .fixed {position: fixed;bottom: 5px;right: 0;width: 30px;height: 300px;z-index: 99999900000; border: 0px solid red;white-space:nowrap;} .fixed-nav {position: absolute;right: 5px;width: 100%; text-align: left; } .fixed-nav-logo { color: #fff; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px; text-align: left; } #titolo { -webkit-transform: rotate(-90deg) translate(-250px, 0); -moz-transform: rotate(-90deg) translate(-250px, 0); -o-transform: rotate(-90deg) translate(-250px, 0); -ms-transform: rotate(-90deg) translate(-250px, 0); transform: rotate(-90deg) translate(-250px, 0); font-size: 24px; letter-spacing: 0.15em; font-weight: 600; text-decoration: none; text-align: left; } .Menu a { text-align: left; font-size: 20px; letter-spacing: 0.15em; font-weight: 600; text-decoration: none; color:#000; } ul {list-style: none; /* Remove list bullets */ } .am-container img:hover { border: 3px solid #000; /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */} .myNav1closed, .myNav2closed, .myNav3closed, .myNav4closed, .myNav5closed, .myNav0closed { position: fixed; right: -75%; width: 60%; height: 100vh; background: #fff; overflow-y: scroll; overflow-x: hidden; z-index: 999999999999999999999999999999999; -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; transition: all 1.0s ease; } .myNav1opened, .myNav2opened, .myNav3opened, .myNav5opened{position: fixed;right: 0px;width: 60%;height: 100vh;background: #fff; overflow-y: scroll; overflow-x: hidden; z-index: 999999999999999999999999999999999;-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;-o-transition: all 1.0s ease;transition: all 1.0s ease; border-top: 3px solid #000; border-left: 3px solid #000; } .myNav0opened {position: fixed;right: 0px;width: 40%;height: 100vh;background: #fff; overflow-y: scroll;overflow-x: hidden; z-index: 999999999999999999999999999999999;-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;-o-transition: all 1.0s ease;transition: all 1.0s ease; } .myNav4opened {position: fixed;right: 0px;width: 44%;height: 100vh;background: #fff; overflow-y: scroll;overflow-x: hidden; z-index: 999999999999999999999999999999999;-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;-o-transition: all 1.0s ease;transition: all 1.0s ease; } } /*-----------------------------------------------------------------------------------*/ /* A. FINE CELLULARI E TABLET - PORTRAIT & LANDSCAPE /*-----------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* B. DEKSTOP /*-----------------------------------------------------------------------------------*/ /* Min width of 768 pixels ------------------------------------------------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 769px) { #MENU_CELL {display: none; } .container {margin-right: 0px; width: 102vw; height: 100vh; overflow-y: scroll; overflow-x: hidden; } .am-container {margin-right: 0px; margin-left: 0px;width: 100vw; max-width: 100vw;overflow-x: hidden; } .blocks-gallery-item figure { width:100%; height: auto; margin:1em 0;} p img.alignright, p img.alignleft {margin-top:0;} .blocks-gallery-item figure img {width:100%; height:auto; margin:0 auto; display:block;} #titolo {display: none; } #myNav2, #myNav1, #myNav3, #myNav4, #myNav5, #myNav0 { -webkit-overflow-scrolling: touch; border-left: 3px solid #000; border-right: 3px solid #000; } .Bio, .Works, .News, .Contact, .Texts, .Menu {padding-left: 15px;padding-right: 45px; } .myNav2closed, .myNav3closed, .myNav5closed { position: fixed; left: 100%; top: 0px; width: 48%; height: 100%; background: #fff; overflow-y: auto; overflow-x: hidden; z-index: 999999999999999999999999999999999; -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; transition: all 1.0s ease; } .myNav1closed { position: fixed; left: 100%; top: 0px; width: 37%; height: 100%; background: #fff; overflow-y: auto; overflow-x: hidden; z-index: 999999999999999999999999999999999; -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; transition: all 1.0s ease; } .myNav4closed { position: fixed; left: 100%; top: 0px; width: 30%; height: 100%; background: #fff; overflow-y: auto; overflow-x: hidden; z-index: 999999999999999999999999999999999; -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; transition: all 1.0s ease; } .myNav2opened, .myNav3opened, .myNav5opened { position: fixed; left: 52%; top: 0px; width: 48%; height: 100%; background: #fff; overflow-y: auto; overflow-x: hidden; z-index: 999999999999999999999999999999999; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; } .myNav1opened{ position: fixed; left: 63%; top: 0px; width: 37%; height: 100%; background: #fff; overflow-y: auto; overflow-x: hidden; z-index: 999999999999999999999999999999999; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; } .myNav4opened { position: fixed; left: 70%; width: 30%; height: 100%; background: #fff; overflow-y: auto; overflow-x: hidden; z-index: 999999999999999999999999999999999; -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; transition: all 1.0s ease; } .closeWorksClosed, .closeBioClosed, .closeNewsClosed, .closeTextsClosed { position: fixed; left: 148%; bottom: 96%; font-size: 48px; font-family: 'Apercu', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; } .closeContactClosed { position: fixed; left: 130%; bottom: 96%; font-size: 48px; font-family: 'Apercu', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .closeWorksOpened, .closeBioOpened, .closeNewsOpened, .closeTextsOpened { position: fixed; left: 96%; bottom: 96%; font-size: 48px; font-family: 'Apercu', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; } .closeContactOpened { position: fixed; left: 96%; bottom: 96%; font-size: 48px; font-family: 'Apercu', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400; -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; transition: all 1.0s ease; } .closeWorks:hover, .closeBio:hover, .closeNews:hover, .closeContact:hover, .closeTexts:hover, .closeMenu:hover { text-decoration: none; } #primary #entry-content .wp-block-gallery img { width: 100%; height: auto;/* exhibitions-pc */ padding-bottom: 20px; padding-top: 20px; } img { width: 100%; height: auto;/* exhibitions-pc */ } #primary img { width: 100%; height: auto;/* exhibitions-pc */ padding-bottom: 10px; padding-top: 10px;} #primary { margin-left: 15px; margin-top: 15px; margin-right: 40%; height: auto;/* exhibitions-pc */ } .top { margin-left: 15px; font-family: 'B612 Mono', monospace; font-size: 43px; cursor: pointer; } /* ========================================================================== Fixed Nav - Change white to black ========================================================================== */ #fixed1 { width:40vh; height:36px; position:fixed; right: 0; z-index: 9999999999999999999999999999999999999999; left: 0; background:yellow; -webkit-transform-origin: left top; -webkit-transform:rotate(-90deg) translateX(-180%); text-align: center; line-height: 40px; background-color: transparent; } #fixed2 { width:100vh; height:36px; position:fixed; right: 10px; z-index: 9999999999999999999999999999999999999999; -webkit-transform-origin: right top; -webkit-transform:rotate(-270deg) translateX(100%); text-align: center; background-color: transparent; } .fixed-nav { height:36px; line-height: 36px; } .fixed-nav-logo, .fixed-nav-logo a { color: #fff; text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px; } #voce0, #voce1, #voce2, #voce3, #voce4, #voce5, #titoloPC { font-family: 'Apercu', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; font-size: 16px; letter-spacing: 0.13em; } .fixed-nav-logo:hover { text-decoration: line-through; cursor: pointer; } .fixed-nav a:hover { text-decoration: none; } ul { list-style: none; /* Remove list bullets */ } .am-container img:hover { transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } } /* Large devices (laptops/desktops, 1024px and up) */ @media only screen and (min-width: 992px) { #voce0, #voce1, #voce2, #voce3, #voce4, #voce5, #titoloPC {font-size: 18px;letter-spacing: 0.13em;} } /* Large devices (laptops/desktops, 1280px and up) */ @media only screen and (min-width: 1280px) { #voce0, #voce1, #voce2, #voce3, #voce4, #voce5, #titoloPC {font-size: 22px;letter-spacing: 0.13em;} } /* Large devices (laptops/desktops, 1280px and up) */ @media only screen and (min-width: 1366px) { #voce0, #voce1, #voce2, #voce3, #voce4, #voce5, #titoloPC {font-size: 24px;letter-spacing: 0.13em;} }