/* Default Theme Style
===================================================*/ 
header { padding: 1em 0 1em 0; }
.coming-soon { }
.homepage { background-image: url('../files/images/polypreternatural_cover.jpg'); background-position: center center; background-size: cover; background-attachment: fixed;}
.home-head { border-right: 5px solid #ff0000; padding: 0; border-top: 4px solid #ff0000;}
.darkangel { background-image: url('../files/images/blox.png'); background-attachment: fixed; background-size: 25% auto; 
	background-position: left top; background-repeat: no-repeat;
}
/*.home-head:hover { background-image: url('../files/images/kitty/bfx-kat.jpg'); cursor: default;}*/
.glitchybox { width: 220px; max-width: 220px; height: 220px; display: inline-block; position: absolute; left: 3em; top: 8em; }
.sliced-corner { -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0);
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0);
}
.pageintro { display: inline-block; max-width: 75%; position: relative; padding: 1.1em; margin-top: 4.5em; background: rgba(74,74,74,0.6); font-size: 1.1em; line-height: 150%;}
.jqtag,.vantag,.csstag{font-size: 0.45em; font-weight: normal; padding: 4px;}
.jqtag {color: #d8d8d8; background: #333;}
.vantag {color: #fff; background: #00BFFF;}
.csstag {color: #fff; background: #FA5858;}
.link-block { text-align: left; background-size: contain; background-position: center center; background-repeat: no-repeat; padding-top: 2.25em; }
.link-block h3, .link-block p { background: rgba(0,0,0,0.8); color: #fff; text-shadow: 2px 2px #ff0000; text-align: left;}
.link-block h3 { border-radius: 45%; -webkit-border-radius: 45%; font-size: 2.5em; display: inline-block; border-bottom: 3px solid #ff0000; padding: 0.3em 0.5em 0.3em 0; }
.link-block h3 i {display:inline-block; background: #ff0000; padding: 8px; width: 1.5em; height: 1.5em; margin-right: -6px; 
	border-radius: 50%; -webkit-border-radius: 50%; color: #000; text-shadow: 2px 2px #fff; text-align: center;
}
.link-block p { margin: 0.5em 0 0 0; min-height: 3.5em; display: block; padding: 0.3em; border-right: 4px solid #ff0000; border-bottom: 2px solid #ff0000;}
.link-block button { margin: 0; padding: 0; }
.link-block a.lbbtn { display: inline-block; text-decoration: none; background: #ff0000; margin: 0 0 1em 0; padding: 1em; 
	font-size: 1.5em; line-height: 140%; font-weight: 600; color: #fff; text-shadow: 2px 2px #000;
}
.link-block a.lbbtn:hover { display: block; width: 100%; text-align: center; text-decoration: none;text-shadow: 2px 2px #fff; color: #000;}
.link-block.rebar { background-image: url('../files/images/gelora/rebar.jpg');}
.link-block.bicons { background-image: url('../files/images/kitty/anarchistkat-sq.jpg');}
.link-block.bfx { background-image: url('../files/images/kitty/bfx-kat.jpg');}
.link-block.buix { background-image: url('../files/images/gelora/backup-sq.jpg');}
.link-block.butch { background-image: url('../files/images/gelora/brutal-mood-4.jpg');}
.link-block.flavors { background-image: url('../files/images/gelora/crazy-grin.jpg');}
.link-block.bell { background-image: url('../files/images/gelora/brutal-mood-1.jpg');}
.link-block.grids { background-image: url('../files/images/gelora/fenced.jpg');}
.link-block.boils { background-image: url('../files/images/gelora/grainy-meditation.jpg');}

.home-head h1 { display: inline-block; font-size: 2em; }
.home-head .stackswitch { max-width: 250px;}
.dontpress { width: 150px; height: 150px; padding-top: 2em; border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; font-size: 1.5em; line-height: 140%; }
.about-btn, .pr-btn { 
	width: 150px; height: 150px; padding-top: 1.75em;
	border-radius: 50%; -webkit-border-radius: 50%; display: inline-block;
	background-repeat: no-repeat; background-size: cover; background-position: center center; 
	font-size: 1.5em; line-height: 140%; 
}
.about-btn { background-image: url('../files/images/liminal-blood.jpg'); }
.pr-btn { background-image: url('../files/images/edgespace.jpg'); }
.git-btn { width: 150px; height: 150px; background: #000; color: #fff; padding-top: 2.5em; border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; line-height: 140%; font-size: 1.5em;  }

.bpmodal { background-image: url('../files/images/gelora/grainy-meditation.jpg'); background-size: cover; background-position: center top; background-repeat: no-repeat; }
.page-title, .page-desc { display: inline-block; float: left; clear: left; }
.page-title { padding: 8px 12px 8px 8px; margin: 20px; background: rgba(0,0,0,0.8); }
.page-title i { margin: 0 12px 0 4px; }
.page-desc { max-width: 80%; padding: 1em; margin: 20px 20px 20px 40px; background: rgba(0,0,0,0.8);}
.page-desc h2 { margin: 0; line-height: 150%; width: 100%; display: block; }
.page-desc p::before { display: block; content: ''; width: 20%; height: 4px; background: #fff; margin-top: 8px; margin-bottom: 8px; padding: 0; }
.about-section { background: url('../files/images/edgespace.jpg');
	background-repeat: no-repeat; background-size: cover; background-position: center center; 
	padding-top: 1.8em; padding-bottom: 1.8em;
}
.demo-cover-1 { background-image: url('../files/images/apocalypse-architecture.jpg'); }
.about-section .tabs input[type="radio"]:checked + label { background: #fff !important; } /* Force white background on active tabs on home page */

.d1, .d2, .d3, .d4 { background: url('../files/images/brutalist001.jpg');}

.menu i::before { width: 1.2em; text-align: center; }
.menu ul li ul li > a:hover, .menu li > a:hover { text-decoration: none; border-bottom: 2px solid #333;}
@media only screen and (min-width: 769px) and (max-width: 1600px){
	.darkangel { background-size: 20% auto;}
	.floral.title {font-size: 4em;}
}
@media only screen and (max-width: 768px){
	.darkangel { background-size: 33% auto;}
	.floral.title {font-size: 3em;}
}
@media only screen and (max-width:600px) { 
	.glitchybox { width: 170px; height: 170px; }
	.glitchybox .xlarge-thumb { height: 150px; width: auto; }
	.glitchybox .jumbo-thumb { height: 190px; width: auto;}
}
@media only screen and (min-width: 481px) and (max-width:600px) { .b33.link-block { width: 50%; max-width: 50%; flex-basis: 50%; -webkit-flex-basis: 50%;}}
@media only screen and (max-width:768px) { .about-btn, .pr-btn, .git-btn, .dontpress {width: 120px; height: 120px; font-size: 1.25em; padding-top: 1.5em; }
	.git-btn { padding-top: 2.25em; }
}

/* crossfade background */
.crossfade > figure {
  animation: imageAnimation 18s linear infinite 0s;
  backface-visibility: hidden;
  background-repeat: no-repeat; background-size: cover; 
  background-position: center top;
  color: transparent; border-radius: 2em; -webkit-border-radius: 2em;
  width: 100%; height: 100%; left: 0; top: 0px;
  opacity: 0; position: absolute; z-index: 0;
}

.crossfade > figure:nth-child(1) {
  background-image: url('../files/images/neonheart/1.jpg');
}
.crossfade > figure:nth-child(2) {
  animation-delay: 3s;
  background-image: url('../files/images/neonheart/2.jpg');
}
.crossfade > figure:nth-child(3) {
  animation-delay: 6s;
  background-image: url('../files/images/neonheart/3.jpg');
}
.crossfade > figure:nth-child(4) {
  animation-delay: 9s;
  background-image: url('../files/images/neonheart/4.jpg');
}
.crossfade > figure:nth-child(5) {
  animation-delay: 12s;
  background-image: url('../files/images/neonheart/5.jpg');
}
.crossfade > figure:nth-child(6) {
  animation-delay: 15s;
  background-image: url('../files/images/neonheart/6.jpg');
}
@keyframes imageAnimation {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
  }
  8% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  17% {opacity: 1}
  25% {opacity: 0}
  100% {opacity: 0}
}