/* -----------------------------------------
Stylesheet for yankalytics.com // Yankalytics
Author: (c)2024 Bronwen Hodgkinson 
Created: June 2024
-------------------------------------------- */


/* CS colors & fonts:

text: #000
blue: #192D98
link hover: #666

Fonts: 
- logo: kingsmen
- body: Open Sans // Google font similar to Helvetica

font-family: 'Open Sans', sans-serif; 
Extra Light 300
Regular 400
Medium 500
SemiBold 600
Bold 700
ExtraBold 800
- - - - - - */



/* == Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset
-------------------------------------------------------------- */
*, *::before, *::after {box-sizing: border-box;}
* {margin: 0;}
body {line-height: 1.5; -webkit-font-smoothing: antialiased;}
img, picture, video, canvas, svg {display: block; max-width: 100%;}
input, button, textarea, select {font: inherit;}
p, h1, h2, h3, h4, h5, h6 {overflow-wrap: break-word;}
#root, #__next {isolation: isolate;}



/* ---- Global ----------------------------------------- */
body {background:#fff url(images/bg-top.png) top repeat-x; margin:0 15px 0; font-family:'Open Sans', sans-serif;  color:#000;}

h2 {font-size:24px; font-weight:400; line-height:34px; margin:0 0 15px 0; padding:0; }	
p {font-size:14px; font-weight:400; line-height:22px; margin:0 0 15px 0; padding:0; }
p.opening {font-size:16px; line-height:24px; }
em {font-style:italic;}
strong {font-weight:700;}

img {border:0;}
.clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;}

/* back to top link */
#back-top {font-size:11px; line-height:14px; margin:0 0 20px 0; padding:5px 0 0 0; text-align:center;}
#back-top a {text-align:center; text-decoration:none; text-transform:lowercase;}
#back-top a:hover {}	


/* ---- links ----------------------------------------- */
a {color:#00468C; text-decoration:none;}  
a:visited {color:#00468C;}
a:hover {color:#666; text-decoration:underline;}
a:active {color:#00468C;}
a:active, a:focus {outline:none;}

a.pdf {background:url(images/icon-pdf.png) 0 2px no-repeat; padding-left:22px;}


/* ---- ids & classes ----------------------------------------- */
#main {max-width:900px; margin:10px auto 20px; padding:15px 10px 10px;}

	#logo {max-width:430px; height:auto; margin:0 auto 10px;}
		#logo img {width:100%}
		
	#intro {margin:0 auto 30px;}
		#intro h2 {text-align: center;}
		
	#flipbook {margin:0 auto 10px;}
		
	#info {padding:10px 20px;}
	
	#comment-section {background:#efefef; padding:10px 20px; margin:0 16px;}
	
#footer {margin:1em auto 1.5em;}
	#footer p {color:#666; font-size:12px; line-height:16px; margin:0 0 0.9em 0; padding:0; text-align:center;}
	#footer a {color:#666; text-decoration:underline;}
	#footer a:hover {text-decoration:none;}
	#footer span {padding:0 7px;}
	#footer p#props {color:#ccc; text-transform:lowercase;}
		#footer p#props a {color:#ccc;}


@media only screen and (max-width:768px) {
body {}
}

@media only screen and (max-width:480px) {
h2 {font-size:20px; font-weight:400; line-height:30px; margin:0 0 15px 0; padding:0; }	
#info {padding:10px 0px;}
}