/*
	CSS for the Taskmaster homepage
	Last updated: 01/04/2026
*/

html { background-color: white; }
body { margin-left:15%;margin-right:15%; padding:0px; }
.wp-block-heading {font-size: 230%;text-transform: uppercase;}
.has-large-font-size {font-size: 200%; }
.copywidth {max-width:550px;}
a { font-size: 130%;color:black; font-weight:bold; text-decoration:underline; font-family:'lexend', sans-serif; }
li { font-size: 130%;color: black; font-family:'lexend', sans-serif; }
p, h1, h2, h3, blockquote { font-size: 130%;color: black; font-family:'lexend', sans-serif; clear:both; line-height: 1.8; }
.has-nv-c-2-background-color { background:#BE574B; }
blockquote { border-left: 11px solid #ffa500; padding-left:10px; }
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.1em;
  vertical-align: -0.4em;
}
blockquote:after {
  color: #ccc;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-left: 0.1em;
  vertical-align: -0.4em;
}
.cite { font-size: 0.75em; }
ul.gavin {list-style-image: url('/assets/valknut.png');}
li { margin-bottom:10px; padding: 10px; clear:initial; vertical-align: middle; }
.nolink {padding:0px; }
.menu { list-style-type: none; height:166px; }
.tile
	{
		display: inline-block; float:left;
		padding: 20px;
		text-align: center;
		max-width:150px;
		height:106px;
	}
.tileImg { object-fit: cover; height:106px; max-width:100px; }

.sig { margin-top:300px; }
.bgimage {background-image: url('https://ayling.tech/athling/photos/images/IMG_20190609_045827.jpg');}
.bgnscroll {
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
}
/* Social icons */
.social { font-family: 'icons'; font-size: 1.5em; color: #737373; text-decoration:none;}
.icons {margin-right:10px;}
.goodreads:before { content: "\f3a8"; }
.linkedin:before { content: "\f08c"; }
.twitter:before { content: "\f099"; }
.patreon:before { content: "\f3d9"; }
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #000;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}
.tooltip:hover .tooltiptext { visibility: visible; }

#grad1 {
  background-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,1) ,rgba(0,0,0,0.5), rgba(255,255,255,0));
}

@font-face {
font-family: 'norse';
    src: url('./fonts/norse.woff2') format('woff2'),
         url('./fonts/norse.woff') format('woff');
}
@font-face {
	font-family: 'icons';
	src: 	url('/fonts/fa-brands-400.woff2') format('woff2'),
			url('./fonts/fa-brands-400.woff') format('woff');
}
@font-face {
    font-family: 'lexend';
    src: url('./fonts/LexendDeca-Regular.woff2') format('woff2'),
         url('./fonts/lexenddeca-regular-webfont.woff') format('woff');
}
@font-face {
    font-family: 'remember';
    src: url('./fonts/SansForgetica-Regular.woff2') format('woff2'),
         url('./fonts/SansForgetica-Regular.woff') format('woff');
}

@media (max-width: 1400px) {
    p, h1, h2, h3, blockquote {
        font-size: 300%;
    }
.wp-block-heading {font-size: 430%;text-transform: uppercase;}
.has-large-font-size {font-size: 400%; }
}