/*
Theme Name: PI-19
*/
@font-face{font-family:'Fontello';src:url(fonts/ftl/ftl.eot);src:url(fonts/ftl/ftl.eot) format("embedded-opentype"),url(fonts/ftl/ftl.woff) format("woff"),url(fonts/ftl/ftl.ttf) format("truetype"),url(fonts/ftl/ftl.svg) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'Desdaemon';src:url(fonts/des/des.eot);src:url(fonts/des/des.eot) format("embedded-opentype"),url(fonts/des/des.woff) format("woff"),url(fonts/des/des.ttf) format("truetype"),url(fonts/des/des.svg) format("svg");font-weight:400;font-style:normal}
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%;font:inherit;vertical-align:baseline}
body{margin:0;padding:0;background:rgba(250,250,250,1);color:rgba(85,85,85,1);font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:19px;line-height:1.6em}
a{text-decoration:none;outline:none;color:rgba(0,174,232,1)}
a:hover{color:rgba(85,85,85,1)}
h1,h2,h3,h4,h5,h6{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.4em;margin-bottom:.8em}
h1{font-size:2em;font-weight:300}
h2{font-size:1.8em}
h3{font-size:1.6em}
h4{font-size:1.4em}
h5{font-size:.8em}
h6{font-size:.7em}
p{line-height:1.6em;margin-bottom:.8em}
ul{margin-bottom:.8em;list-style-type:disc;padding-left:1em}
ol{margin-bottom:.8em;list-style-type:decimal;padding-left:1em}
li{line-height:1.6em}
blockquote{position:relative;font-weight:200;border-left:3px solid rgba(0,174,232,1);padding-left:5%;line-height:1.6em;margin:1.62em 0}
blockquote cite{font-size:0.8em}
blockquote cite:before{display:none}
strong{font-weight:700}
address{display:inline}
em{font-style:italic}
table{font-size:0.8em;border-collapse:collapse;text-align:left;margin:1.6em 0}
table th,table td{padding:.4em 0}
table th{font-weight:700}
big,.big{font-size:1.1em}
small,.small{font-size:.9em}
pre{line-height:16px;padding:0 4px;white-space:pre;font-size:.9em;font-family:"Menlo",Courier,monospace;margin:1.6em 0;overflow-x:auto;overflow-y:auto;height:auto;background:rgba(250,250,250,1);border:1px solid rgba(85,85,85,0.05)}
code{padding:0 4px;font-size:1em;font-family:"Menlo",Courier,monospace;background:rgba(250,250,250,1);border:1px solid rgba(85,85,85,0.05)}
del{color:rgba(85,85,85,0.4)}
hr{width:100%;border:none}
img{max-width:100%;border:1px solid rgba(85,85,85,0.1);height:auto;-webkit-filter:brightness(98%);-moz-filter:brightness(98%);-ms-filter:brightness(98%);filter:brightness(98%)}
.noborder{border:none;-webkit-filter:brightness(100%);-moz-filter:brightness(100%);-ms-filter:brightness(100%);filter:brightness(100%)}
.aligncenter{display:block;margin:.8em auto}
.alignleft{height:auto;float:left;margin:0 .8em .8em 0;max-width:40%}
.alignright{height:auto;float:right;margin:0 0 .8em .8em;width:40%}
.alignnone,.size-large{height:auto;margin:1.8em 0;width:100%}
.alignnone img,.alignleft img,.alignright img{width:100%}
.wp-caption,wp-caption a{max-width:100%;padding:0;margin-bottom:1em}
.wp-caption a img,.wp-caption img{display:block}
.wp-caption-text,.wp-block-image figcaption{text-align:left;margin:0.5em 0;font-size:.8em;line-height:1.4em}
#wrapper{position:relative;margin:0 auto;max-width:1080px;padding:2.5%}
.header-description{font-size:.6em;color:rgba(85,85,85,0.5);margin-bottom:1.4em;text-transform:uppercase;letter-spacing:1px;line-height:1.4em}
.header-password{font-family:Helvetica,Arial,sans-serif;display:inline-block;font-size:1.5em;color:rgba(85,85,85,1);padding:0;text-transform:uppercase;letter-spacing:1px;line-height:.6em;font-weight:100}
#header h1{margin-bottom:.1em;font-size:2.5em;font-family:"Desdaemon",Helvetica,sans-serif;text-transform:uppercase;letter-spacing:1px;line-height:1em}
.h11{color:rgba(0,174,232,1)}
.h12{color:rgba(85,85,85,1);margin-right:-.25em}
.h11:hover{color:rgba(85,85,85,1)}
.h12:hover{color:rgba(0,174,232,1)}
#container{z-index:0;border-radius:1em;position:relative;float:left;width:55%;padding:7.5%;background:rgba(255,255,255,1)}
.grid{border-radius:0.4em;padding:4%;color:rgba(85,85,85,1);background:rgba(250,250,250,1);margin-bottom:1em;border:1px solid rgba(85,85,85,0.1)}
.grid:hover{background:rgba(0,174,232,1);border:1px solid rgba(85,85,85,0.2)}
.grid-text{display:inline-block;width:72%}
.grid h2{font-size:1em;font-weight:700;margin-bottom:.4em}
.grid:hover h2{color:rgba(255,255,255,1)}
.grid:hover p{color:rgba(255,255,255,1)}
.grid-text p{font-size:.8em;line-height:1.4em}
.grid-thumb{vertical-align:top;display:inline-block;width:17%;margin-right:6%;background:rgba(255,255,255,1);padding:1.5%;-webkit-box-shadow:0 0 0 1px rgba(85,85,85,0.1);-moz-box-shadow:0 0 0 1px rgba(85,85,85,0.1);-o-box-shadow:0 0 0 1px rgba(85,85,85,0.1);-khtml-box-shadow:0 0 0 1px rgba(85,85,85,0.1);-ms-box-shadow:0 0 0 1px rgba(85,85,85,0.1);box-shadow:0 0 0 1px rgba(85,85,85,0.1)}
.grid-thumb img{border:none;float:left}
.grid-header{margin:0 0 1.6em}
.grid-header h2{margin:0}
.grid-header p{font-size:.8em}
.navi{margin:.8em 0}
.navi-next,.navi-previous{width:49.5%;font-weight:700;font-size:14px}
.navi-previous{text-align:left;float:left;width:49.5%}
.navi-next{text-align:right;float:right;width:49.5%}
.entry{margin:auto;position:relative}
.entry video,.entry iframe{max-width:100%;margin:.8em 0 0}
.entry h2,.entry h3,.entry h4{margin-top:1.62em}
.entry h1{border-radius:0.2em;padding:5%;background:rgba(250,250,250,1);margin-bottom:.3em;border:1px solid rgba(85,85,85,0.1)}
.entry-meta{padding:0 0 2em;margin:0 0 2em;font-size:14px;font-weight:700;color:rgba(85,85,85,0.5)}
.entry-date{text-align:left;width:49.5%;float:left}
.entry-category{text-align:right;float:right;width:49.5%}
.entry h3{font-weight:300}
.entry-center{text-align:center}
.pidn{font-size:0.8em;color:rgba(0,174,232,1)}
.btn{font-size:0.8em;text-transform:uppercase;border:1px solid rgba(0,174,232,1);display:inline-block;padding:0 1em;line-height:2.4em;margin:0.5em 0.5em 0.5em 0;overflow:hidden;border-radius:1.2em}
.btn a:hover,a.btn:hover{color:#fff;background: rgba(0,174,232,1)}
.highlight{margin:1.6em 0;font-weight:200;padding:5%;background:rgba(0,174,232,0.2);border:1px solid rgba(0,174,232,0.05)}
.highlight h2,.highlight h3,.highlight h4{margin-top:0}
.gallery{float:none;margin:1.5em 0 .8em;width:102.5%;padding:0;overflow:hidden}
.gallery-item{float:left;margin:0 1% 1% 0;overflow:hidden;width:32%;padding:0}
.gallery-item img{border:none}
.gallery-caption{margin-top:-5px}
.gallery-columns-2 .gallery-item{float:left;margin:0 1.7% .75% 0;overflow:hidden;width:48%;padding:0}
.gallery-columns-3 .gallery-item{float:left;margin:0 1.7% .75% 0;overflow:hidden;width:31.5%;padding:0}
.gallery-columns-4 .gallery-item{float:left;margin:0 1.7% .75% 0;overflow:hidden;width:23.2%;padding:0}
#sidebar{text-align:center;z-index:0;position:relative;float:right;width:20%;margin:-50px 5% 0;padding:0 0 2.5%;font-size:.75em}
#sidebar ul{padding-left:0}
#sidebar li{list-style-type:none;margin-bottom:.4em}
#sidebar h3{margin-bottom:.3em}
.sidebar-author{height:100px;background:url(images/pi-avatar.png) top center no-repeat;background-size:auto 100%;margin-bottom:1.6em}
#searchbar{vertical-align:middle;display:inline-block;padding:0;color:rgba(85,85,85,1);height:40px;width:80%;background:rgba(85,85,85,0.1);border:1px solid rgba(85,85,85,0.05);border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px;-khtml-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px}
#searchbar:before{font-size:18px;line-height:40px;float:left;color:rgba(0,174,232,1);content:'\e805';font-family:'fontello';display:inline-block;margin-left:.8em;margin-right:.4em}
#searchbar input#s{outline:none;float:left;display:inline-block;margin:0;padding:11px 0;width:60%;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:100;line-height:16px;text-align:left;color:rgba(85,85,85,1);box-shadow:none;border:none;background:none;border-radius:0;-webkit-border-radius:0;-o-border-radius:0;-khtml-border-radius:0;-moz-border-radius:0;-ms-border-radius:0}
.divider{width:33%;height:1.6em;margin-top:1.6em;margin-left:33%;border-top:2px solid rgba(85,85,85,0.1)}
#footer{text-align:center;z-index:0;position:relative;float:left;width:60%;padding:5%;font-size:.75em}
.scroll-up{display:block;margin:60px 0;font-size:80px;text-align:center}
.scroll-up:before{font-family:'Fontello';display:inline-block;width:80px;content:'\e806';color:rgba(85,85,85,0.1)}
.scroll-up:hover:before{color:rgba(85,85,85,0.2)}
.share{margin:.8em 0 1.4em;font-size:3em;text-align:center}
.comment{text-align:center;margin-bottom:2em}
h3.sections{font-size:1.6em;text-align:center}
.connect{margin-top:.4em;font-size:2em}
.connect-twitter,.connect-facebook,.share-twitter:hover:before,.share-facebook:hover:before,.share-pinterest:hover:before{color:rgba(85,85,85,0.2)}
.connect-twitter:hover:before,.share-twitter{color:rgba(90,178,224,1)}
.connect-facebook:hover:before,.share-facebook{color:rgba(83,110,168,1)}
.share-pinterest{color:rgba(230,0,35,1)}
.connect-twitter:before,.share-twitter:before{font-family:'Fontello';display:inline-block;width:1.2em;content:'\e802'}
.connect-facebook:before,.share-facebook:before{font-family:'Fontello';display:inline-block;width:1.2em;content:'\e803'}
.share-pinterest:before{font-family:'Fontello';display:inline-block;width:1.2em;content:'\e804'}
@media screen and (max-width: 760px) {
#wrapper{padding:5%}
#sidebar{width:90%;padding:10% 5% 0;margin:0;font-size:.9em}
#container{padding:5%;width:90%}
#footer{width:90%;padding:0 5% 5%;font-size:.9em}
.entry{min-width:100%}
}
@media screen and (max-width: 480px) {
body{font-size:18px}
#header h1{font-size:2em}
h1{font-size:1.5em}
h2{font-size:1.4em}
h3{font-size:1.3em}
h4{font-size:1.2em}
video,iframe{height:240px}
#container{width:102%;margin-left:-6%}
#sidebar,#footer{font-size:.9em}
.entry-left{width:100%}
.entry-right{display:none}
}