/*
Theme Name: dev914
Theme URI: https://github.com/dev-914/wordpress-theme
Author: dev-914
Author URI: https://github.com/dev-914/
Description: dev914 is a custom theme created by Stephen Ferris for his web development portfolio when he was looking for a new job in 2025. It grew out of a non-Wordpress portfolio that he created in 2011 when he was looking for a new job.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dev914
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

html[lang] {min-height:100%;margin-top:0 !important;}

body {background:#b1f2ff url(images/bg-pattern-1x.png) 50% 0 / 21px;font-family:'Courier New', Courier, monospace;height:100%;margin:0;padding:0 42px;overflow-x:hidden;min-height:100vh;}
* {box-sizing:border-box;}

a {text-decoration:none;}

#W {max-width:1071px;margin:auto;height:100%;position:relative;padding:42px .5px 126px 0;min-height:100vh;}

#H {text-align:left;display:flex;align-items:center;justify-content:start;font-family:'Courier New', Courier, monospace;padding:2px 0 64px 7px;position:relative;margin-bottom:8px;}
#H h1 {display:none;}
#H > * {line-height:21px;}
#H .h2 {color:#cd0000;font-size:80px;margin:0;}
#H .h1, #H .h3 {color:#000;font-size:13px;margin:0;letter-spacing:13.2px;}
#H #dev914-dev-canvas {position:absolute;top:-36px;left:6px;z-index:-1;pointer-events:none;}
#H #dev914-914-canvas {position:absolute;top:-36px;left:259px;z-index:-1;pointer-events:none;}

#N {position:absolute;letter-spacing:13.2px;font-size:13px;right:0;bottom:-18px;background:#b1f2ff33;padding:0 8px 0 28px;width:126px;border:1px solid #b1f2ff99;border-width:21px 0;z-index:999;}
#N > div {display:none;position:absolute;background:#b1f2ff;padding:21px;padding:0 21px 21px 21px;right:0;max-height:42px;}
#N ul.menu {list-style:none;padding:0 0 0 6px;margin:0;background:url(images/bg-pattern-1x.png) 0 0 / 21px;}
#N li {margin-right:-7px;}
#N:hover > div {display:block;}

.e914 {color:#cd0000;}

#C {position:relative;color:#656565;}

.y {background:#b1f2ff;padding:10.5px 28px 0;margin-bottom:30.75px;}
.x {margin-bottom:21px;background:#b1f2ff;padding:26px;}
.x img {max-width:100%;box-shadow:.5px .5px 1.5px rgba(75,44,0,.4);border-radius:10px;display:block;}
.i {mask-image:url(images/moldy.mask.png);}
.c {margin-top:31.5px;}

#Intro {font-size:20px;font-weight:300;display:flex;}
#Intro.C {flex-direction:column;column-gap:20.5px;align-items:flex-start;flex-wrap:wrap;}
#Intro.C .c {width:calc(50% - 10.5px);}

#Portfolio h3 {
	display: inline-block;							margin: 10px 10px 10px 0;
}

#Portfolio p {
	font-size: 14px;									font-family: "Times New Roman", Times, serif;
}

#portfolioNext, #portfolioPrev {
	width: 47px;										height: 61px;
	position: absolute;								top: 100px;
	cursor: pointer;									opacity: .5;
	z-index: 3;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: .5s;
	-moz-transition-property: opacity;
	-moz-transition-duration: .5s;
}
#portfolioNext:hover, #portfolioPrev:hover { opacity: 1; }
#portfolioNext { background: url(images/next.png); right: 170px; }
#portfolioPrev { background: url(images/prev.png); left: -30px; }

.post img.efull {float:left;margin-right:21px;}
.post img,
.Portfolio img {cursor:pointer;position:relative;cursor:-moz-zoom-in;width:450px;left:0;max-width:100%;height:auto;
	-webkit-transition-property: width, left;
	-webkit-transition-duration: 1s;
	-moz-transition-property: width, left;
	-moz-transition-duration: 1s;
}

.Portfolio img.zi {
	z-index: 5;											width: 857px;
	cursor: -moz-zoom-out;							left: -203px;
}

#F {color:#000;font-size:13px;margin:0 8px 0 0;letter-spacing:13.2px;height:50px;font-family:'Courier New', Courier, monospace;text-align:left;position:absolute;top:calc(100% - mod(100%, 21px) - 105px);padding-left:6px;line-height:21px;}

#showerCorner {width:403px;height:396px;position:fixed;bottom:0;left:0;background:url(images/shower.corner.png) 0 / contain;}
#mouse-effects {width:205px;height:205px;position:fixed;pointer-events:none;}

#wpadminbar {backdrop-filter:blur(3px);background:none !important;box-shadow:inset 0 29px 3px rgba(75,44,0,.25);color:#000;}
#wpadminbar .ab-empty-item, #wpadminbar a.ab-item, #wpadminbar>#wp-toolbar span.ab-label, #wpadminbar>#wp-toolbar span.noticon {color:#0f0f1f !important;}
#wpadminbar #adminbarsearch:before, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before {color:rgba(15,15,31,.6) !important;}
#wpadminbar .ab-top-menu>li.hover>.ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item, #wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus, #wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input {border-radius:20px !important;background:#b1f2ff !important;}

@media screen and (max-width:964px) {
	body {padding:0 10.25px;}
	#W {max-width:862px;margin:0 auto;}
	#Intro {max-height:none !important;}
	#Intro.C .c {width:100%;order:unset !important;}
}

@media screen and (max-width:511px) {
	#H #dev914-dev-canvas {left:-15px;}
	#H #dev914-914-canvas {left:auto;right:-28px;top:7px;}
}

@media
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
	body, #N ul.menu {background-image:url(images/bg-pattern-2x.png);}
}

@media
only screen and (-webkit-min-device-pixel-ratio:3),
only screen and (min-device-pixel-ratio:3) {
	body, #N ul.menu {background-image:url(images/bg-pattern-3x.png);}
}