.elementor-196 .elementor-element.elementor-element-ec04c9c{--display:flex;}.elementor-196 .elementor-element.elementor-element-777d1b5{--display:flex;}body.elementor-page-196:not(.elementor-motion-effects-element-type-background), body.elementor-page-196 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://himitsustation.com/wp-content/uploads/2026/03/Cloud-Background-Lighter-scaled.jpg");background-position:top center;background-size:auto;}@media(max-width:1024px){body.elementor-page-196:not(.elementor-motion-effects-element-type-background), body.elementor-page-196 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}}/* Start custom CSS for html, class: .elementor-element-fc9a299 *//*html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}*/
body{line-height:1}
h1 {font-size: 1.5em;margin-bottom: 10px;}
p{font-size: 1em;line-height: 1.3em;margin-bottom: 10px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

@font-face {
  font-family: myFont;
  src: url(https://himitsustation.com/wp-content/uploads/2026/03/Macintosh-Regular.woff);
}

@font-face {
  font-family: pixChicago;
  src: url(https://himitsustation.com/wp-content/uploads/2026/03/pixChicago-1.woff);
}

/** {*/
/*    font-family: myFont;*/
/*}*/
#desktop {
    position: fixed;
    height: 100%;
    width: 100%;
	overflow: hidden;
    bottom: 0;
    left: 0;
    right: 0;
}
.window {
    position: absolute;
    border: 2px solid #000;
    background: #EEE;
	z-index: 1000;
	margin: 4px 0px;
    filter: drop-shadow(16px 16px black);
    border-radius: 15px;
    overflow: hidden;
}
.window.closed {
	display: none;
}
.window.minimizedWindow {
	display: none;
}
.window.fullSizeWindow {
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    border-radius: 0;
    bottom: 32px !important;
}
.fullSizeWindow .ui-resizable-handle {
	display: none;
}
.headerText {
    
}
.windowHeader {
    /*background-color: white;*/
    text-align: right;
    border-bottom: 2px solid #000;
    cursor: move;
    background: #f3f3f3;
    border: 3px solid #f3f3f3;
    outline: 2px solid black;
    box-shadow: 0px 4px grey;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    /*height: 30px;*/
    padding: 2px 20px 2px 20px;
}
.activeWindow .windowHeader .headerText{
    display: flex;
    justify-content: flex-start;
    position: relative;
    align-items: center;
    font-family: myFont;
    background-color: #f3f3f3;
    background: repeating-linear-gradient(180deg, black 0px, black 1px, transparent 1.5px, transparent 3px);
    height: 19px;
    justify-content: center;
    /*background: linear-gradient(#000 50%, transparent 0);*/
    /*background-size: 6.6666666667% 18%;*/

}
/* header title */
.headerText > strong {
    /*float: left;*/
    /*display: inline-block;*/
    margin: 0px 3px 0 -40px;
    line-height: 23px;
    font-size: 12px;
    text-align: center;
    /*left: 45%;*/
    background: #f3f3f3;
    padding: 0 10px 0;
    top: -1px;
    font-family: pixChicago;
    flex: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /*position: relative;*/
}
/* x button */
.windowHeader > .headerText > span {
/*.headerText > span {*/
    /*margin-left: 4px;*/
    /*font-weight: bold;*/
    /*display: inline-block;*/
    cursor: pointer;
    border: 2px solid #000;
    font-size: 24px;
    padding: 2px 0px 2px 0px;
    font-family: 'ChicagoMac';
    line-height: 8px;
    height: 20px;
    position: relative;
    overflow: hidden;
    margin-top: -1px;
    font-weight: 100;
    margin-left: auto;
    /*margin-right: 40px;*/
}

.windowHeader > span > span {
    display: inline-block;
    height: 8px;
    width: 10px;
    position: absolute;
    top: 6px;
    left: 10px;
}
.winminimize, .winmaximize, .winclose{
    background: #f3f3f3; 
    right: 45px;
    filter: drop-shadow(0 4px #f3f3f3) drop-shadow(5px 0 #f3f3f3) drop-shadow(0 -2px #f3f3f3) drop-shadow(-5px 0 #f3f3f3);
}
.winminimize > span {
	border-bottom: 3px solid #000;
}
.winmaximize > span {
	border: 2px solid #000;
	border-top: 3px solid #000;
}
.winmaximize > span:nth-child(2) {
	display: none;
}
.fullSizeWindow .winmaximize > span:nth-child(1) {
	margin: 2px 0 0 -4px;
}
.fullSizeWindow .winmaximize > span:nth-child(2) {
    display: inline-block;
    top: 3px;
    left: 12px;
}
.wincontent {
    min-width: 200px;
    min-height: 140px;
    margin: 2px;
	border-radius: 0px 15px 15px 15px;
	overflow: scroll;
}

.taskbarPanel {
    display: block;
    border: 2px solid #000;
    border-radius: 5px;
    line-height: 24px;
    margin: 2px 0 0 10px;
    font-size: 17px;
    padding: 0 10px;
    background: #CCC;
    font-weight: bold;
	cursor: pointer;
}
.taskbarPanel.activeTab {
	background: #FFF;
}
.taskbarPanel.minimizedTab {
	background: #AAA;	
}
.taskbarPanel.minimizedTab:hover {
	background: #DDD;
}
.taskbarPanel.closed {
	display: none;
}
.icon {
    display: block;
    /*justify-self: center;*/
    position: relative;
    z-index: 1;
	/*filter: drop-shadow(5px 5px black);*/
    /*box-shadow: 5px 5px black;*/
}
.iconText {
    display: block;
    text-align: center;
    padding: 2px;
    background: white;
    margin-top: -2px;
    /*justify-self: center;*/
    width: fit-content;
    font-size: 20px;
    position: relative;
    z-index: 0;
    font-family: myFont
    /*box-shadow : 5px 5px black;*/
}
#site-footer{
    display:none;
}
#taskbar {
	position: absolute;
	height: 32px;
	border-top: 2px solid #000;
	bottom: 0;
	left: 0;
	right: 0;
	background: #EEE;
}
#icons {
	position: absolute;
	z-index: 10;
	top: 50px;
	right: 100px;
	filter: drop-shadow(5px 5px black);
	transform: translateZ(0);
}
#icons a {
    display: flex;
    flex-flow: column;
    align-items: center;
    cursor: pointer;
    
}
#icons a:hover {
	/*background: #000;*/
	/*color: #FFF;*/
	/*filter: drop-shadow(0 1px white) drop-shadow(1px 0 white) drop-shadow(0 -1px white) drop-shadow(-1px 0 white);*/
	/*filter: drop-shadow(8px 8px black)*/

}
.openWindow {
    margin-top: 50px;
}
#templateLink {
    position: absolute;
    display: inline-block;
    bottom: 10px;
    right: 20px;
    font-weight: bold;
    font-size: 15px;
    color: #30478c;
}


::-webkit-scrollbar {
    background-color: #fff;
    width: 20px;
    height: 0px;
    border-radius: 15px;

}
::-webkit-scrollbar-thumb {
    background-color: #fff;
    border: 2px solid #000;
    border-right: none;
    box-sizing: content-box;
    width: 20px;
}
::-webkit-scrollbar-track {
    background: linear-gradient(45deg, #000 25%, transparent 0, transparent 75%, #000 0, #000), linear-gradient(45deg, #000 25%, transparent 0, transparent 75%, #000 0, #000);
    background-color: #fff;
    background-position: 0 0, 2px 2px;
    background-size: 4px 4px;
    border-left: 3px solid #000;
    /*width: 20px;*/
}

/* Up */
::-webkit-scrollbar-button:vertical:start {
    background-repeat: no-repeat;
    height: 20px;
    background-image: url("https://himitsustation.com/wp-content/uploads/2026/03/Up_20px.svg");
}

::-webkit-scrollbar-button:vertical:start:active {
  background-repeat: no-repeat;
  height: 20px;
  background-image: url("https://himitsustation.com/wp-content/uploads/2026/03/Up_20px_active.svg");
}

/* Down */
::-webkit-scrollbar-button:vertical:end {
  background-repeat: no-repeat;
  height: 20px;
  background-image: url("https://himitsustation.com/wp-content/uploads/2026/03/Down_20px.svg");
}

::-webkit-scrollbar-button:vertical:end:active {
  background-repeat: no-repeat;
  height: 20px;
  background-image: url("https://himitsustation.com/wp-content/uploads/2026/03/Down_20px_active.svg");
}

/*Demo styles BEGIN*/
#window0 { top: 10vh; transform: translateX(10vw); }
/*{	top: 20px;	left: 240px;}*/
#window1 { top: 10vh; transform: translateX(10vw); }
/*{	top: 400px; left: 120px;}*/
#window2 { top: 10vh; transform: translateX(10vw); }
/*{	top: 250px; left: 300px;}*/
#window3 { top: 10vh; transform: translateX(10vw); }
#window4 { top: 10vh; transform: translateX(10vw); }
/*{	top: 10px; left: 25%;}*/

#window0 .wincontent {	width: 1000px; height: 720px;	}
#window1 .wincontent {	width: 1000px; height: 720px;	}
#window2 .wincontent {	width: 1000px; height: 720px; background-color: black}
#window3 .wincontent {	width: 1000px; height: 720px;	}
#window4 .wincontent {	width: 1000px; height: 720px;	}

@media screen and (max-width:1200px){
	/*#window0 {	left: 10px;	}*/
	/*#window3 {	left: 50px;	}	*/

    #window2 { left: 0px; width: 90vw;	transform: translateX(3vw);	}
    #window2 .wincontent { width: 90vw;	}

    #window3 { left: 0px; width: 90vw;	transform: translateX(3vw);	}
    #window3 .wincontent { width: 90vw;	}
    
    #window4 { left: 0px; width: 90vw;	transform: translateX(3vw);	}
    #window4 .wincontent { width: 90vw;	}
    
    .winclose{ right: 3vw; }
    .activeWindow .windowHeader .headerText{
        background: none;
    }
    
    .headerText > strong {
        left: 45%;
        /*margin-left: auto;*/
        /*margin-right: auto;*/
    }

    
    ::-webkit-scrollbar {
        background-color: #fff;
        width: 25px;
        height: 0px;
        border-radius: 15px;
    }
}
/*@media screen and (max-width:770px){*/
/*	#window0 .wincontent {	width: 460px;	}*/
/*	#window2 {	left: 100px;	}*/
/*	#window1 {	top: 190px;}*/
/*}*/
@media screen and (max-width:540px){
    /*#window0 .wincontent {	width: 230px; height: 200px;	}*/
    /*#window1 .wincontent {    width: auto;    height: 300px;	}*/
    /*#window2 {    left: -118px;	}*/
    /*#window3 {    top: 9px;    left: 10px;	}*/
    /*#window3 .wincontent { width: 275px; height: auto; }*/
}/* End custom CSS */