/*** My Portfolio template CSS document ***/
html, body {height:100%;font-size:16px}
html {box-sizing:border-box}
body {margin:0;padding:0;background-color:#000;/*font-family:Helvetica, Arial, sans-serif;*/line-height:1.7;background-attachment:fixed;background-position:50% 0%;background-size:cover;color:#fff;text-shadow:0 0 3px #000;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

div.icons {display:none}

/** MARGINS & PADDINGS **/
.pad15 {padding-top:15px !important}
.pad20 {padding-top:20px !important}
.pad25 {padding-top:25px !important}
.pad-l-r-25 {padding-left:25px !important;padding-right:25px !important}
.pad-all-0 {padding:0 !important}
.pad-all-5 {padding:5px !important}
.pad-all-10 {padding:10px !important}
.pad-all-15 {padding:15px !important}
.pad-all-20 {padding:20px !important}
.pad-all-25 {padding:25px !important}

/** TYPE **/
/* h1, h2, h3, h4, h5, h6, */
body, nav[id*="off-menu_"], nav[id*="off-menu_"] * {font-family: 'GFS Didot', serif !important;font-style:italic !important}

/** LOGO **/
img.logo {max-width:180px;height:auto;margin-bottom:25px;filter:drop-shadow(0 0 3px #000);opacity:0.80 !important;transition:0.3s}
img.logo:hover {transform:scale(0.98);filter:drop-shadow(0 0 2px #000)}
img.poweredby {width:100px;height:auto;margin:15px 0 25px 0}

/** COLOR **/
.naples-yellow, .contents a, p.quoted:before, p.quoted:after, .text-copyright {color:rgba(250,218,94,1)}
.page-header, blockquote {border-color:rgba(250,218,94,0.7)}

/** HEADER **/
.header-list > li:first-child {padding-left:32px}
.header-list > li:nth-child(2) {padding-left:25px}

/* LANGUAGE SWITCHER */
.sm-mod ul.lang-inline {padding:10px 0 25px 30px !important;list-style-type:none !important}
.sm-mod ul.lang-inline > li > a {font-size:15px !important}

/** CONTENTS **/
.contents a {text-decoration:none}
.contents a:hover {text-decoration:underline}
.contents p, .contents ul, blockquote {margin-bottom:30px !important}
.contents-inner {max-width:920px;padding-bottom:40px;font-style:italic !important}
.page-header {margin-bottom:30px !important}
blockquote {padding-left:40px;border-width:10px;font-size:1em}
p.quoted {text-align:left}
p.quoted:before, p.quoted:after {font-family:FontAwesome;font-size:1em;opacity:0.7}
p.quoted:before {content:'\f10d';margin-right:5px}
p.quoted:after {content:'\f10e';margin-left:5px}
.hidden-header .page-header {display:none}

div[itemprop="articleBody"] {/*height:94vh*/} 
.sigplus-gallery {position:fixed;bottom:0;left:50%;}
.boxplusx-dialog {width:100vw;height:100vh;position:absolute;top:0;right:0;bottom:0;left:0;background:#000 !important;z-index:9999992}
.boxplusx-wrapper {width:100vw}
.boxplusx-viewport {width:auto;max-width:80vw;height:600px;max-height:80vh;margin:10vh auto 25px auto;pointer-events:none}
.boxplusx-expander {display:none}
.boxplusx-viewport .boxplusx-previous, .boxplusx-viewport .boxplusx-next {display:none !important}
.boxplusx-controls, .boxplusx-controls *, .boxplusx-caption, .boxplusx-caption * {text-align: center !important}
.slideplus-button, .boxplusx-previous, .boxplusx-next, .boxplusx-close {cursor:pointer}
.boxplusx-caption, .boxplusx-caption * {max-width:100% !important}

/** COPYRIGHT **/
.text-copyright {padding:10px 0 20px 9px;opacity:0.7}

/*** MEDIA QUERIES ***/
@media screen and (max-width:767px) {
    
    .sigplus-gallery {width:320px;margin-left:-160px}
    .boxplusx-viewport {height:300px;margin:10vh auto 25px auto}
}

@media screen and (min-width:768px) and (max-width:991px) {
    
    .sigplus-gallery {width:580px;margin-left:-290px}
    .boxplusx-viewport {height:480px;margin:10vh auto 25px auto}
}


@media screen and (max-width:991px) {
    
    .page-header {margin-top:20px !important}
    .slideplus-next, .slideplus-previous {display:none !important}
}

@media screen and (min-width:992px) {
    
    .sigplus-gallery {width:620px;margin-left:-310px}
    .boxplusx-viewport {height:600px;margin:10vh auto 25px auto}
    .page-header {margin-top:84px !important}
    
}

/*** CUSTOM STYLES, TO BE MOVED ***/
nav[id*="off-menu_"] {box-shadow:none !important;-moz-box-shadow:none !important;-webkit-box-shadow:none !important}
nav[id*="off-menu_"] * {text-shadow:0 0 3px #000 !important}
.contents {font-style:italic}
ul#supersized img {max-width:500px !important;max-height:500px !important;top:10% !important}
.boxplusx-start, .boxplusx-stop {cursor:pointer}