/* factgraphs */

.neatly { width:220px }
.conjure { opacity:1 }
.iconmega { opacity:0.7; color:#ccc }
.leftcorner { position:fixed; top:15px; left:15px }
.ghostly { position:fixed; top:-20px; left:7px; font-family:'Capriola', 'Open Sans', sans-serif; font-size:96px; font-weight:300 }
.ghostly a, .ghostly a:visited { color:#eee; opacity:0.5 }
.ghostly a:hover { color:#ff6b59; opacity:0.2; cursor:crosshair; text-decoration:none }
.ghostly a:active { color:#6c0; cursor:pointer; text-decoration:none }
.minimalism { background-color: transparent }
.whitewash { background-color:rgba(255,255,255,0.80) }
.darkly { background-color:rgba(0,0,0,0.80) }
.blueblush { background-color:rgba(43,72,90,0.85) }
.greenlike { background-color:rgba(0,60,30,0.85) }
.deepness { background-color:rgba(38,67,86,0.85) }
a.nada { color:#e8e8e8; font-size:48px; padding-top:0; margin-top:0; padding-right:5px }
a.nada:visited { color:#e8e8e8 }    
a.nada:hover { color:#ff6b59 }

/* added 03.23.2017 */

#iconography { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(100,0,0,0.85) }

	.menulist { padding:40px 40px 40px 40px }
	.menulist h2 { font-family:'Source Sans Pro', sans-serif; color:#fff; font-size:80px }
	.menulist h3 { font-size:32px; color:#fff; font-family: 'Nixie One', sans-serif; font-weight:300; letter-spacing:1px; padding-bottom:5px; margin-bottom:0 }
	.menulist h4 { font-family:'Source Sans Pro', sans-serif; color:#fff; font-size:30px; margin-top:40px }
	.menulist h5 { font-family:'Source Sans Pro', sans-serif; color:#fff; font-size:30px; padding-top:0px; margin:5px 0 60px 0 }
	.menulist h6 { font-family:'Source Sans Pro', sans-serif; color:#ccc; letter-spacing:1px; margin-top:50px }
	
#overview { position:absolute; top:0; left:0; width:100% }

	.topmost { padding:40px }
	.topmost h2 { font-family:'Source Sans Pro', sans-serif; color:#fff; font-size:80px }
	.topmost h4 { font-family:'Source Sans Pro', sans-serif; color:#fff8a9; font-size:30px; margin-top:40px }
	.topmost h5 { font-family:'Source Sans Pro', sans-serif; color:#fff; font-size:30px; padding-top:0px; margin:5px 0 60px 0 }
	.topmost h6 { font-family:'Source Sans Pro', sans-serif; color:#ccc; letter-spacing:1px; margin-top:50px }
	.topmost p { font-family:'Source Sans Pro', sans-serif; color:#fff; font-size:25px; line-height:30px; margin-bottom:0; padding-bottom:0 }

	#bigtag { font-size:72px; letter-spacing:5px; color:#ccc; opacity:0.7 }
	#bigtag a { color:#ccc }
	#bigtag a:visited { color:#ccc }
	#bigtag a:hover { color:#ff6b59 }

	.limited a { color:#eee }
	.limited a:visited { color:#eee }
	.limited a:hover { color:#ff6b59 }
	.limited h4 { letter-spacing:1px }

	.altlink { font-weight:500 }
	.altlink a { color:yellow }
	.altlink a:visited { color:yellow }
	.altlink a:hover { color:#6c0 }

.showmask { display:block }
.hidemask { display: none }
.showintro { display:block }
.hideintro { display: none }
.showsearch { display:block }
.hidesearch { display: none }
.showicons { display:block }
.hideicons { display: none }

input { -webkit-appearance:none }

#bigicons { position:absolute; top:0; left:0; height:100%; width:100%; background-color:#ff7969; z-index:60 }

#bigicons-blurbs { position:fixed; top:0; left:0; height:100%; width:100%; background-color:rgba(0,0,0,0.90); z-index:100000 }

#searchables { position:fixed; top:0; left:0; height:100%; width:100%; text-align:center; background-color: rgba(0,0,0,0.75) }

#mobileicon3 a, a:visited { color:#ddd }
#mobileicon3 a:hover { color:#ff6b59 }
#mobileicon4 a, a:visited { color:#ddd }
#mobileicon4 a:hover { color:#ff6b59 }

#logcabin { position:fixed; top:0px; right:20px }
#logcabin a, a:visited { color:#ddd; font-size:72px }
#logcabin a:hover { color:yellow; font-size:72px }
           
.linkertext { border:none; background:transparent; width:100%; font-family:monospace; color:#ffe700 }

#linklist h4 { color:yellow }
#iconcrowd { padding-top:200px }

/* ORIGINAL */
.wordnav { padding:40px 0 30px 0 }
.wordnav h2 { color:#ffe700; font-family: 'Source Sans Pro', sans-serif; font-size:60px; font-weight:400; margin-bottom:20px }
.wordnav h4 { font-size:24px; letter-spacing:2px; font-weight:400px }
.wordnav h6 { font-family: 'Open Sans', 'Source Sans Pro', sans-serif; font-weight:300; color:#ddd; margin: 0 0 3px 0; padding:0; letter-spacing:2px }
.wordnav a { color:#ddd }
.wordnav a:visited { color:#ddd }    
.wordnav a:hover { color:#ffe700 }
.wordnavspec a { color:yellow; font-weight:700 }
.wordnavspec a:visited { color:yellow }    
.wordnavspec a:hover { color:#31dfac }     
/* END ORIGINAL */

/* NEW 08.07.2019 */

.wordnav { padding:0px 0 30px 0 }
.wordnav h6 { font-family: 'Open Sans', 'Source Sans Pro', sans-serif; font-weight:700; color:#fff; margin: 0 0 4px 0; padding:0; letter-spacing:2px }
.wordnav a { color:#ddd }
.wordnav a:visited { color:#ddd }    
.wordnav a:hover { color:#ffe700 }
.wordnavspec a { color:#ffe700; font-weight:700 }
.wordnavspec a:visited { color:#ffe700 }    
.wordnavspec a:hover { color:#ff6b59 }

/* END NEW */


a.greygreen, a.greygreen:visited { opacity: 1; color:#eee }
a.greygreen:hover { opacity: 1; color:#31dfac }
a.vivid, a.vivid:visited { opacity:1; color:#fff }
a.vivid:hover { opacity:1; color:#ffe700; font-weight:700; text-decoration:none }
a.vividflip, a.vividflip:visited { opacity:1; color:#ff6b59 }
a.vividflip:hover { opacity:1; color:#ffe700; font-weight:700; text-decoration:none }
a.vividsunny, a.vividsunny:visited { opacity:1; color:#ffe700 }
a.vividsunny:hover { opacity:1; color:#31dfac; font-weight:700; text-decoration:none }
a.vividrosy, a.vividrosy:visited { opacity:1; color:#ff6b59; text-decoration:none }
a.vividrosy:hover { opacity:1; color:#31dfac; font-weight:700; text-decoration:none }

::-webkit-input-placeholder {
    font-weight: 200;
    color: #ADD8E6
}

:-moz-placeholder {
    font-weight: 300;
    color: #ADD8E6
}

::-moz-placeholder {
    font-weight: 300;
    color: #ADD8E6
}

:-ms-input-placeholder {
    font-weight: 300;
    color: #ADD8E6
}

input:focus::-webkit-input-placeholder {
    opacity: 0.3
}

input:focus:-moz-placeholder {
    opacity: 0.3
}

input:focus::-moz-placeholder {
    opacity: 0.3
}

input:focus:-ms-input-placeholder {
    opacity: 0.5
}

#navbox { padding-top:0px; margin:80px 120px 40px 120px }
#navtitle { padding-top:0; margin-top:0 }
#navpix { font-size:175px }
        
@media screen and (max-width:5000px) { #mobileicon1 { display:block; position:fixed; top:10px; right:20px; font-size:72px } #mobileicon2 { position:absolute; top:15px; right:20px; font-size:60px } #mobileicon3 { display:block; position:fixed; top:10px; right:20px; font-size:48px } #mobileicon4 { display:block; position:fixed; top:0px; right:35px; font-size:84px } .minortd { padding: 20px 60px 0 60px; font-size:192px } .minortext { padding: 10px 60px 5px 60px; font-size:28px; color:#eee } .mobilenav { font-size:212px; text-align:left; padding:0 12% 12% 12%; letter-spacing:14px; margin-top:-160px } .linkertext { font-size:84px; letter-spacing:2px; opacity:1 } .iconset { margin-top:-50px } .bottomcornered { position:fixed; bottom:5px; left:10px; color:#ddd; font-size:60px } .iconmega { font-size:420px; padding:0 0 0 25% }.limited { width:70% }  #navpix { display:inline-block } #linklist { display:none } }

@media only screen and (min-width:1401px) and (max-height:900px) { .mobilenav { padding-top:2% } #navpix { display:inline-block } }

@media screen and (max-width:1400px) { #mobileicon1 { font-size:48px; right:20px } #mobileicon2 { font-size:48px } #mobileicon3 { display:block; position:fixed; top:5px; right:15px; font-size:48px } #mobileicon4 { display:block; position:fixed; top:0px; right:30px; font-size:84px } .mobilenav { font-size:156px; text-align:left; padding:0% 12% 12% 12%; margin-top:-50px; letter-spacing:16px } .linkertext { font-size:72px; letter-spacing:2px; opacity:1 } #navbox { padding-top:0; margin:60px 80px 30px 80px } #navpix { display:inline-block; font-size:175px } #linklist { display:none } .iconmega { font-size:360px; padding:5% 10% 0 10% } #iconcrowd { padding-top:160px } }

@media only screen @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .wordnav { display:none } }

/* landscape ipad */

@media screen and (max-height:980px) and (max-width:1180px) { #navpix { display:inline-block; font-size:156px } }
        
@media screen and (max-width:980px) { #mobileicon1 { display:block; position:fixed; top:10px; right:15px; font-size:48px } #mobileicon2 { position:absolute; top:12px; right:18px } #mobileicon3 { display:block; position:fixed; top:5px; right:15px; font-size:48px } #mobileicon4 { display:block; position:fixed; top:0px; right:25px; font-size:84px } ::-webkit-input-placeholder { padding-top:10px } .greygreen { display:inline-block } .minor { margin-top:15% } .minortd { padding: 20px 50px 0 50px; font-size:156px } .minortext { padding: 10px 50px 5px 50px; font-size:26px; color:#eee } .mobilenav { font-size:128px; text-align:left; letter-spacing:18px; padding:12% 7% 5% 7% } #iconcrowd { padding:60px 15px 30px 15px } .wordnav h4 { color:#ff6b59; opacity:1; font-family:monospace; font-size:36px; font-weight:600; margin-bottom:4px } .wordnav h6 { font-size:28px; line-height: 36px } #navbox { padding-top:0; margin:60px 50px 30px 30px } #navtitle { display:none } #navpix { display:none } #linklist { display:inline-block } .linkertext { font-size:52px; margin-left:0; padding-left:10px; padding-bottom:0; margin-bottom:0; opacity:1 } .iconmega { font-size:256px; padding:0 5% 20px 0 } .limited { width:75% } .topmost { line-height: 26px } }
        
 @media screen and (max-width:680px) { .linkertext { font-size:60px; letter-spacing:1px; opacity:1 } .iconmega { font-size:128px; padding:0 0 20px 0 } .ghostly { display:none } .topmost { padding:20px 20px 20px 15px } .topmost h2 { font-size:42px } .topmost h4 { font-size:23px } .topmost h5 { font-size:24px } .topmost h6 { 18px } .topmost p { font-size:19px; line-height: 24px } .menulist { padding:20px 20px 20px 15px } .menulist h2 { font-size:42px } .menulist h3 { font-size:26px } .menulist h4 { font-size:21px } .menulist h5 { font-size:24px } .menulist h6 { 18px } .menulist p { font-size:22px } #mobileicon4 { font-size:64px } .footholdfixed { display:block } #bigtag { font-size:42px; letter-spacing:3px } .limited { width:95% } }

@media screen and (max-width:480px) { #mobileicon1 { display:block; position:fixed; top:5px; right:10px; font-size:36px } #mobileicon2 { position:absolute; top:10px; right:16px; font-size:36px } #mobileicon3 { display:block; position:fixed; top:5px; right:15px; font-size:36px } #mobileicon4 { display:block; position:fixed; top:0px; right:20px; font-size:64px } #query { border-top: 1px dotted #fff; height:90px; padding-top:10px } ::-webkit-input-placeholder { padding:5px 0 0 0 } .greygreen { display:inline-block } .minortd { padding: 20px 10px 0 10px; font-size:90px } .minortext { padding: 0px 10px 3px 10px; font-size:24px; color:#eee } .mobilenav { font-size:92px; text-align:left; padding:5% 2% 5% 2%; letter-spacing:2px } #iconcrowd { padding-top:80px  } .wordnav h2 { font-size:48px } .wordnav h4 { color:#ff6b59; opacity:1; font-family:monospace; font-size:30px; font-weight:700; margin-bottom:4px } .wordnav h6 { font-size:24px; line-height:32px } .padlist { padding:10px 10px 10px 20px } #navbox { padding-top:0px; margin:50px 30px 30px 30px } #navpix { display:none } #linklist { display:inline-block } #iconcrowd { padding:100px 10px 30px 10px } .bottomcornered { display:none } #logcabin a { font-size:48px } .topmost h2 { font-size:36px } #searchables { padding-top:15%; padding-right:4% } #searchables-blurbs { padding-top:15%; padding-right:4% } }