@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Allura&family=Marck+Script&family=Open+Sans&family=Orbitron&family=Roboto&family=Creepster&family=Roboto&family=Pixelify+Sans&display=swap');
@font-face {
  font-family: "keep_on_truckin";
  src: url("fonts/keep_on_truckin.ttf") format('ttf');
}
@font-face {
    font-family: 'final_frontier';
    src: url('https://chicago.us.mensa.org/weem/fonts/finalold-webfont.woff2') format('woff2'),
         url('https://chicago.us.mensa.org/weem/fonts/finalold-webfont.woff') format('woff'),
         url('https://chicago.us.mensa.org/weem/fonts/trek_regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

html {
  box-sizing: border-box;
}

* {
	box-sizing: border-box;
	border: none;
	padding: 0; 
	margin: 0;
	transition: all *;
}
*:before, *:after {
  box-sizing: inherit;
}

body {
	position: relative;
	height: 100%;
	height: 100dvh;
	width: 100%;
	background: WhiteSmoke; 
}

a {
	text-decoration: none;
}

.single_photo { 
	color: black;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 0;	
	width: 100%;
	max-width: 1200px;
	background: lightgrey;
	position: relative;
}

div.thumb {
	display: inline-block;
	margin: 0;
	text-align: center;
	z-index: 99;
	width: 52px;
	position: fixed;
	bottom: 0;
	top: auto;
	right: 2px;
}
div.thumb > a.thumb-button {
  border: none;
  border-radius: 5px;
  box-sizing: border-box;
  width: 52px !important;
  min-width: 52px;
  height: 29px !important;
  color: white;
  padding: 10px 5px 8px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  margin-bottom: 4px;
  transition-duration: 0.4s;
  cursor: pointer;
}
div.thumb a.twoline {
  padding: 4px 5px;
  margin-bottom: 4px;
  line-height: 100%;
}
.thumb-button { 
	display: inline-block;
	margin-bottom: 0.5ex;
	border-top: 1px solid lightsteelblue;
	border-left: 1px solid lightsteelblue;
	background-color: var(--SlateBlue);
	background-image: linear-gradient(to top, #6C91CB, #213657);
	padding: 7.5px 15px;
	border-radius: 21px;			/* W3C */
	box-shadow: rgba(0, 0, 0, 1) 0 0.2em 0.2em	!important;		/* W3C */
	text-shadow: black 0.1em 0.1em 0.2em	!important;
	color: white	!important;
	font-size: 14px;
	font-family: Helvetica, Arial, Sans-Serif;
	text-align: center;
	line-height: 110%;
	text-decoration: none;
	vertical-align: middle;
}
.thumb.w2025 .thumb-button {
	background-color: #450037;
	background-image: linear-gradient(112deg, rgba(17, 144, 152, 1) 5%, rgba(24, 33, 103, 1) 18%, rgba(49, 15, 42, 1) 62%, rgba(117, 31, 99, 1) 78%, rgba(17, 144, 152, 1) 100%);	
} 
.button.w2025:hover, .submit-btn.w2025:hover, .thumb.w2025 .thumb-button:hover {
	background-image: linear-gradient(270deg, #0d959e, #450037, #0d959e);
	text-decoration: none;
}
.thumb.w2022 .thumb-button { 
	border-top: 1px solid #9648c6;
	border-left: 1px solid #9648c6;
	background-color: rgb(65, 49, 60);
	background-image: linear-gradient(to top, #9648c6, rgb(65, 49, 60));
}
.thumb.w2022 .thumb-button:hover {
	border-top-color: #6b8dc2	!important;
	background: #9648c6;
}
div.thumb.w2022 > a.thumb-button:hover {
	background-color: #9648c6;
}
.thumb.w2022 .thumb-button { 
	border-top: 1px solid #9648c6;
	border-left: 1px solid #9648c6;
	background-color: rgb(65, 49, 60);
	background-image: linear-gradient(to top, #9648c6, rgb(65, 49, 60));
}
.thumb.w2022 .thumb-button:hover {
	border-top-color: #6b8dc2	!important;
	background: #9648c6;
}
div.thumb.w2022 > a.thumb-button:hover {
	background-color: #9648c6;
}

.s {
	font-style: inherit;
	font-size: 75%;
}

.mt0 {
	margin-top: 0;
}

.superscript {
	vertical-align: super;
	color: inherit;
}

.ui-icon-loading, .ui-loader {
	display: none
}

.keep-together, h2 em {
	color: inherit;
	font-family: inherit;
	white-space: nowrap; 
}

H1, H2, H3, H4 {
	opacity: 80%;
	background: transparent;
}

H2 {
	font-family: "Impact", Verdana, Arial, "Font Awesome 6 Free", "sans-serif";
    font-size: clamp(2rem, 5vw, 3rem);
	text-align: center;
	margin-top: 2ex;
	margin-bottom: 0;
}
.w2024 h2 {
	font-weight: bold;
	color: #AD0606);
	-webkit-text-stroke: 1px black;
	-webkit-text-fill-color: #AD0606;
}
.w2024 h2 em {
	color: rgba(73,179,156,255);
	-webkit-text-fill-color: #49b39c;
}
.w2022 h2 {
	font-family: "keep_on_truckin", "Impact", Verdana, Arial, "Font Awesome 6 Free", "sans-serif";
 	font-weight: bold;
	color: #AD0606;
	-webkit-text-stroke: 1px black;
	-webkit-text-fill-color: #AD0606;
}
.w2022 h2 em, .w2020 h2 em {
	color: #f9a300;
	-webkit-text-stroke: 1px black;
	-webkit-text-fill-color: #f9a300;
}
.w2021 h2 {
	font-family: "final_frontier", "Impact", Verdana, Arial, "Font Awesome 6 Free", "sans-serif";
}
.w2016 h2 {
	background-image: linear-gradient(to right, #BF953F, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C)
    -webkit-background-clip: text;
    -webkit-text-stroke: 1px black;
    -webkit-text-fill-color: transparent;
}
.w2011 h2 {
	font-family: Creepster, Roboto, Montserrat, Helvetica, Verdana, Arial, "Font Awesome 6 Free", "sans-serif";
	-webkit-text-stroke: 1px black;
	-webkit-text-fill-color: #ecb005;
}
.w2009 h2 {
	-webkit-text-stroke: 1px black;
	-webkit-text-fill-color: orange;
}
.w2007 h2 {
	font-family: "Pixelify Sans", "San Francisco", "Arial Black", Arial, Helvetica, Verdana, sans-serif;
}
.w2007 h2 em {
	font-family: "Impact", Verdana, Arial, "Font Awesome 6 Free", "sans-serif";
    -webkit-text-stroke: 1px black;
	-webkit-text-fill-color: #cb95cb;
}
.w2004 h2 em {
	font-size: clamp(100%, 4vw, 130%);
	-webkit-text-stroke: 1px black;
	-webkit-text-fill-color: #a18cc0;
}
.w2025 h4 {
	opacity: 1;
	font-family: "Impact", Verdana, Arial, "Font Awesome 6 Free", "sans-serif";
	font-size: clamp(2.5rem, 4vw, 3rem);
	-webkit-text-stroke: 1px black;
	-webkit-text-fill-color: #00e0d9;
}
.w2004 h4 em {
	font-family: "Impact", Verdana, Arial, "Font Awesome 6 Free", "sans-serif";
	font-size: clamp(2.5rem, 4vw, 3rem);
	-webkit-text-stroke: 1px black;
	-webkit-text-fill-color: #a18cc0;
}
.w2006 h2 em {
	font-size: clamp(100%, 4vw, 130%);
	-webkit-text-stroke: 1px black;
	-webkit-text-fill-color: #841d8c;
}
.w2006 h4 em {
	font-family: "Impact", Verdana, Arial, "Font Awesome 6 Free", "sans-serif";
	font-size: clamp(2.5rem, 4vw, 3rem);
	-webkit-text-stroke: 1px black;
	-webkit-text-fill-color: #841d8c;
}
.w1999 h2 em {
	background-image: linear-gradient(to right, #BF953F, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-stroke: 1px black;
    -webkit-text-fill-color: transparent;
}
.w1998 h2 em {
	color: #6b9c6b;
	-webkit-text-stroke: 1px black;
	-webkit-text-fill-color: #6b9c6b;
}
.w1997 h2 {
	color: maroon;
	font-family: Creepster, Roboto, Montserrat, Helvetica, Verdana, Arial, "Font Awesome 6 Free", "sans-serif";
}
.mb0 {
	margin-bottom: 0;
}

.b {
	font-weight: bold;
}

/*
	To force footer to the bottom
*/
.grid-container {
	width: 100%;
	min-height: 100vh;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-rows: 1fr auto;
}
.page {  
	background: lightgrey;
	position: relative; 
	max-width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 3px;
	font-family: Roboto, "San Francisco", Arial, Verdana, Trebuchet, sans-serif;
}
	
.page .pgcnt {
	font-size: 70%;
	margin-bottom: 2ex;
}

.page h1 {
	text-align: left;
	font-size: 300%;
	font-weight: lighter;
	margin-left: 1em;
}

.page h1 a {
	color: blue;
}

.page header {
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	min-height: 3.5ex;
	width: 98%;
	padding: 1ex 3%;
}
.page header a.logo, a.logo1997, a.logo1998, a.logo1999, a.logo2000, a.logo2001, a.logo2002, 
					 a.logo2003, a.logo2004, a.logo2005, a.logo2006, a.logo2007, 
					 a.logo2008, a.logo2009, a.logo2010, a.logo2011, a.logo2012, 
					 a.logo2013, a.logo2014, a.logo2015, a.logo2016, a.logo2017,
					 a.logo2018, a.logo2019, a.logo2020, a.logo2021, a.logo2022,
					 a.logo2023, a.logo2024, a.logo2025 {
	position: absolute;
	z-index: 5;
	top: 10px;
	left: 10px;
	display: block;
	background-color: inherit;
}
.page header a.logo1997 {
	width: 230px;
	height: 214px;
	background: url('/weem/1997/spiderweb.230.png') no-repeat 0px 0px;
}
.page header a.logo1998 {
	width: 202px;
	height: 120px;
	background: url('/weem/1998/dance.lrg.gif') no-repeat 0px 0px;
}
.page header a.logo1999 {
	width: 233px;
	height: 85px;
	background: url('/weem/1999/carrots85.gif') no-repeat 0px 0px;
}
.page header a.logo2000 {
	width: 201px;
	height: 131px;
	background: url('/weem/2000/2000pin.jpg') no-repeat 0px 0px;
}
.page header a.logo2001 {
	width: 116px;
	height: 50px;
	background: url('/weem/2001/movie_reel.gif') no-repeat 0px 0px;
}
.page header a.logo2002 {
	width: 123px;
	height: 195px;
	background: url('/weem/2002/2002pin.123x195.jpg') no-repeat 0px 0px;
}
.page header a.logo2003 {
	width: 190px;
	height: 221px;
	background: url('/weem/2003/toycollage.gif') no-repeat 0px 0px;
}
.page header a.logo2004 {
	width: 226px;
	height: 163px;
	background: url('/weem/2004/weem29logo.226x163.gif') no-repeat 0px 0px;
}
.page header a.logo2005 {
	width: 327px;
	height: 137px;
	background: url('/weem/2005/weem30logoL.gif') no-repeat 0px 0px;
}
.page header a.logo2006 {
	width: 244px;
	height: 199px;
	background: url('/weem/2006/weem31logo.244x199.gif') no-repeat 0px 0px;
}
.page header a.logo2007 {
	width: 210px;
	height: 147px;
	background: url('/weem/2007/weem32logoMedium.210x167.png') no-repeat 0px 0px;
}
.page header a.logo2008 {
	width: 200px;
	height: 170px;
	background: url('/weem/2008/weem33logo.200x170.gif') no-repeat 0px 0px;
}
.page header a.logo2009 {
	width: 216px;
	height: 104px;
	background: url('/weem/2009/weem34logo.216x104.png') no-repeat 0px 0px;
}
.page header a.logo2010 {
	width: 216px;
	height: 269px;
	background: url('/weem/2010/weem35logo.216x269.png') no-repeat 0px 0px;
}
.page header a.logo2011 {
	width: 72px;
	height: 85px;
	background: url('/weem/2011/weem36logoMed.png') no-repeat 0px 0px;
}
.page header a.logo2012 {
	width: 150px;
	height: 150px;
	background: url('/weem/2012/weem37logo.150x150.png') no-repeat 0px 0px;
}
.page header a.logo2013 {
	width: 210px;
	height: 77px;
	background: url('/weem/2013/weem38logoMedium.png') no-repeat 0px 0px;
}
.page header a.logo2014 {
	width: 210px;
	height: 77px;
	background: url('https://chicago.us.mensa.org/weem/2014/weem39logoMedium77.png') no-repeat 0px 0px;
}
.page header a.logo2015 {
	width: 152px;
	height: 120px;
	background: url('https://chicago.us.mensa.org/weem/2015/weem40logo.152x120.png') no-repeat 0px 0px;
}
.page header a.logo2016 {
	width: 213px;
	height: 120px;
	background: url('https://chicago.us.mensa.org/weem/2016/weem41logo.213x120.png') no-repeat 0px 0px;
}
.page header a.logo2017 {
	width: 213px;
	height: 120px;
	background: url('/images/weem42logo.101x101.png') no-repeat 0px 0px;
}
.page header a.logo2018 {
	width: 152px;
	height: 209px;
	background: url('https://chicago.us.mensa.org/weem/2018/weem43logo.152x209.png') no-repeat 0px 0px;
}
.page header a.logo2019 {
	width: 312px;
	height: 120px;
	background: url('https://chicago.us.mensa.org/weem/2019/weem44banner.312x120.png') no-repeat 0px 0px;
}
.page header a.logo2020 {
	width: 152px;
	height: 152px;
	background: url('https://chicago.us.mensa.org/weem/2020/weem44.5logo.152x152.png') no-repeat 0px 0px;
}
.page header a.logo2021 {
	width: 300px;
	height: 218px;
	background: url('https://chicago.us.mensa.org/weem/2021/weem45logo.300x218.png') no-repeat 0px 0px;
}
.page header a.logo2022 {
	width: 300px;
	height: 233px;
	background: url('https://chicago.us.mensa.org/weem/2022/weem46logo.300x233.png') no-repeat 0px 0px;
}
.page header a.logo2023 {
	width: 300px;
	height: 217px;
	background: url('https://chicago.us.mensa.org/weem/2023/weem47Logo.300x217.png') no-repeat 0px 0px;
}
.page header a.logo2024 {
	width: 300px;
	height: 120px;
	background-image: url('https://chicago.us.mensa.org/weem/2024/WeeM48Logo.246x79.png'), url('https://chicago.us.mensa.org/weem/2024/WeeM48LogoTheme.152x52.png');
	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom left;
}
.page header a.logo2025 {
	width: 180px;
	height: 180px;
	background-image: url('https://chicago.us.mensa.org/weem/2025/Weem49Logo.180x180.png');
}

.page .page_content { 
	padding: 5ex 5% 1ex 5%; 
	margin: 0 auto;
    position: relative;
}
.page .page_content.event { 
	padding-top: 0;
}
.page .page_content.w1999, .page .page_content.w2004, .page .page_content.w2006, .page .page_content.w2007 { 
	padding-top: 2ex; 
}
.page .page_content.w1997 { 
	padding-top: 4ex; 
}
.page .page_content.event h2 { 
	margin-top: 1ex;
}

/* Put a white frame around the image(s) */
.page_content img {
	padding: 9px;
	border: 1px solid white;
	box-shadow: 5px 5px 5px hsla(0, 0%, 26.6667%, 0.8);	
}
.page_content img#sm-l, .page_content img#sm-r  {
	background: inherit;
	padding:0;
	border: none;
	box-shadow: none;	
}

.photo_caption img {
	padding: 0;
	border: none;
	background: transparent;
	box-shadow: 0 0 0;
}

div.photo {
	position: relative;
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: auto auto auto;
}

/* Next & previous arrows */
.prevArrow, .nextArrow {
  display: inline-block;
  min-width: 3rem;
  padding: 0 0.5em;
  grid-row: 1;
  align-self: center;
  color: white;
  opacity: 0.7;
  font-weight: bold;
  font-size: 160%;
}
a.prevArrow:hover, a.nextArrow:hover {
	opacity: 1;
}

/* Position the "prev arrow" to the left */
.prevArrow {
  grid-column: 1;
  justify-self: end;
}

/* Position the "next arrow" to the right */
.nextArrow {
  grid-column: 3;
  justify-self: start;
}

.img-responsive {
 	grid-column: 2;
	/* Set max size so image never exceeds bounds of screen */
	max-width: calc( 100vw - 6rem );
	max-height: 99vh;
}

#capShow {
	min-width: 8em; 
	min-height: 12ex; 
	margin: 1ex 0;
	opacity: 80%;
}

#guess {
	font-size: 200%; 
	font-weight: bold;
}

#footer {
	box-sizing: border-box;
	font-family: Verdana, Roboto, "San Francisco", "Arial Black", Arial, Helvetica, sans-serif;
	font-weight: lighter;
	background: WhiteSmoke;
	padding: 1ex 1rem;
	margin: 0;
}

#footer #footer-inner {
	margin-right: 40px;
}

#footer .mlogo {
	float: left;
	width: 60px;
	padding-right: 1em;
	background: transparent;
}

#footer p {
	text-align: left;
	font-size: x-small;
	margin-top: 2ex;
}

#footer-social {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	display: flex;
	justify-content: space-evenly;
}

#footer-social a {
	outline: none;
}

#footer-social a .fa-facebook-square {
	color: rgb(66, 103, 178);
}

#footer-social a .fa-discord {
	color: #5865f2;
}

#footer-social a .fa-meetup {
	color: crimson;
}

.page nav { 
	position: absolute; 
	top: 15px; 
	right: 20px; 
	text-align: center;
}

.page nav a {
	border: 1px solid #fff;
	color: #fff;
	-ms-border-radius: 20px;
	border-radius: 20px;
	padding: 7px 20px 7px 20px;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	margin: 0px 2px 4px 2px;
	background-color: rgba(0,0,0,.6);	
	font-size: 1.15em;
	line-height: 160%;
	background: rgb(181,189,200); /* Old browsers */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	box-shadow: rgba(0, 0, 0, 1) 0 0.2em 0.2em;		/* W3C */
	text-shadow: black 0.1em 0.1em 0.2em;
}

.page nav a:hover { 
	background-color: rgba(44,80,117,.7); 
	color: #fff; 
}

.page nav a:visited { 
	color: white; 
}
	
.fa-caret-right, .fa-caret-left, .fa-caret-up {
  color: inherit;
  font-size: 1.33em;
  background: transparent;
}
	
.clear_both { 
	clear: both; 
	line-height: 1px; 
}
	
p.photo_caption, p.help {
  display: block;
  text-align: center;
  padding: 1ex 15%;
  margin: 1ex auto;
  opacity: 80%;
}
DIV.breadcrumbs { /* height: 50px; */
	margin: 0;
	padding: 12px 0 6px 0;
	color: rgb(15, 33, 28);
	font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
	text-align: left;
}

DIV.breadcrumbs A:link,DIV.breadcrumbs A:visited {
	text-decoration: none;
}

DIV.breadcrumbs A:hover {
	text-decoration: underline;
}

.center {
	margin: auto;
}

img {
	border: none;
	background-color: white;
	max-width: 100%;
}

TABLE.center {
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
}

TABLE.center TH {
	text-align: center;
	font-weight: bold;
	font-size: x-large;
	margin: 0 0 0 0;
	border: 0 none;
	padding: 0;
}

TABLE.center TD {
	border: 0 none;
	padding: 0;
}

TABLE.center TD.right {
	text-align: right;
	padding: 0;
}

TABLE.center TD.left {
	text-align: left;
	padding: 0;
}

TABLE.center TD.top {
	vertical-align: top;
	padding: 0;
}

TABLE.center TD.middle {
	vertical-align: middle;
	padding: 0;
}

table.center th,td {
	vertical-align: middle;
	text-align: center;
	padding: 0;
	margin: 0;
	border: 0 none;
}

table.center th {
	font-family: Arial;
}

/*
.button {
	height: 28px;
	background:
		url(https://chicago.us.mensa.org/images/pics/button_gradient.png);
} */

.help {
	cursor: help;
}

img.center {
	margin-left: auto;
	margin-right: auto;
}

img.caption {
	background-color: inherit;
	border: none;
	box-shadow: none;
}

table.center img {
	border: 0 none;
	margin: 0 0 -3px 0;
	background-color: white;
}

table.center table {
	margin: auto;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0 none;
}

td.gray {
	font-family: Arial;
	font-size: x-small;
	font-weight: normal;
	color: gray;
}

.xlarge {
	font-size: x-large;
	font-weight: normal;
	font-family: Verdana, Arial;
}

p {
	line-height: 130%;
}

/* Rules Sensitive to Screen Size */

/* Small Screen Rules */
@media screen and (min-width: 730px) 
{	
	.page .page_content.w1997 {
		padding-top: 0;
	}
}
/* Small Screen Rules */
@media screen and (max-width: 554px) 
{	
	.page { 
		padding: 0; 
	}
	.page h1 {
		text-align: center;
		font-size: 200%;
	}

	H2 {
		margin-top: 0;
	}
	
	.page header h1 {
		margin: 0;
		width: 100%;
		text-align: center;
		font-size: 200%;
	}
	.page header a {
		display: block;
		margin: 0;
		padding: 0;
		margin-bottom: 1ex;
		width: 100%;
		float: none;
		position: relative;
	}
	
	.page header a.logo, a.logo1997, a.logo1998, a.logo1999, a.logo2000, a.logo2001, a.logo2002, 
						 a.logo2003, a.logo2004, a.logo2005, a.logo2006, a.logo2007, 
						 a.logo2008, a.logo2009, a.logo2010, a.logo2011, a.logo2012, 
						 a.logo2013, a.logo2014, a.logo2015, a.logo2016, a.logo2017,
						 a.logo2018, a.logo2019, a.logo2020, a.logo2021, a.logo2022,
						 a.logo2023, a.logo2024, a.logo2025 {
		margin-bottom: 1ex;
		width: 100%;
		float: none;
		top: 0;
		left: 0;
	}
	.page header a.logo1997 {
		width: 100%;
		height: 35px;
		background: url('/weem/1997/spiderweb.38.png') space;
	}
	.page header a.logo1998 {
		width: 100%;
		height: 35px;
		background: url('/weem/1998/danceSmall.gif') space;
	}
	.page header a.logo1999 {
		width: 100%;
		height: 35px;
		background: url('/weem/1999/carrotsSmall.gif') space;
	}
	.page header a.logo2000 {
		width: 100%;
		height: 50px;
		background: url('/weem/2000/2000pin.small.jpg') space;
	}
	.page header a.logo2001 {
		width: 100%;
		height: 50px;
		background: url('/weem/2001/movie_reel.gif') space;
	}
	.page header a.logo2002 {
		width: 100%;
		height: 45px;
		background: url('/weem/2002/2002pin.71x45.jpg') space;
	}
	.page header a.logo2003 {
		width: 100%;
		height: 40px;
		background: url('/weem/2003/toytrainSmall.gif') space;
	}
	.page header a.logo2004 {
		width: 100%;
		height: 50px;
		background: url('/weem/2004/weem29logo.69x50.gif') space;
	}
	.page header a.logo2005 {
		width: 100%;
		height: 45px;
		background: url('/weem/2005/weem30logo.50x119.gif') space;
	}
	.page header a.logo2006 {
		width: 100%;
		height: 50px;
		background: url('/weem/2006/weem31logo.61x50.gif') space;
	}
	.page header a.logo2007 {
		width: 100%;
		height: 40px;
		background: url('/weem/2007/weem32logoSmall.44x35.gif') space;
	}
	.page header a.logo2008 {
		width: 100%;
		height: 50px;
		background: url('/weem/2008/weem33logo.59x50.gif') space;
	}
	.page header a.logo2009 {
		width: 100%;
		height: 47px;
		background: url('/weem/2009/weem34logo.98x47.png') space;
	}
	.page header a.logo2010 {
		width: 100%;
		height: 50px;
		background: url('/weem/2010/weem35logo.40x50.png') space;
	}
	.page header a.logo2011 {
		width: 100%;
		height: 50px;
		background: url('/weem/2011/weem36logo.42x50.png') space;
	}
	.page header a.logo2012 {
		width: 100%;
		height: 50px;
		background: url('/weem/2012/weem37logo.50x50.png') space;
	}
	.page header a.logo2013 {
		width: 100%;
		height: 30px;
		background: url('/weem/2013/weem38logoXSmall.png') space;
	}
	.page header a.logo2014 {
		width: 100%;
		height: 50px;
		background: url('https://chicago.us.mensa.org/weem/2014/weem39logo.81x50.png') space;
	}
	.page header a.logo2015 {
		width: 100%;
		height: 50px;
		background: url('https://chicago.us.mensa.org/weem/2015/weem40logo.63x50.png') space;
	}
	.page header a.logo2016 {
		width: 100%;
		height: 50px;
		background: url('/weem/2016/weemLogo41.noWords.89x50.png') space;
	}
	.page header a.logo2017 {
		width: 100%;
		height: 57px;
		background: url('/images/weem42logo.107x48.png') space;
	}
	.page header a.logo2018 {
		width: 100%;
		height: 56px;
		background: url('https://chicago.us.mensa.org/weem/2018/weem43logo.55x50.png') space;
	}
	.page header a.logo2019 {
		width: 100%;
		height: 56px;
		background: url('https://chicago.us.mensa.org/weem/2019/weem44logo.56x56.png') space;
	}
	.page header a.logo2020 {
		width: 100%;
		height: 56px;
		background: url('https://chicago.us.mensa.org/weem/2020/weem44.5logo.56x56.png') space;
	}
	.page header a.logo2021 {
		width: 100%;
		height: 77px;
		background: url('https://chicago.us.mensa.org/weem/2021/weem45logo.77x56.png') space;
	}
	.page header a.logo2022 {
		width: 100%;
		height: 56px;
		background: url('https://chicago.us.mensa.org/weem/2022/weem46logo.72x56.png') space;
	}
	.page header a.logo2023 {
		width: 100%;
		height: 56px;
		background: url('https://chicago.us.mensa.org/weem/2023/weem47Logo.77x56.png') space;
	}
	.page header a.logo2024 {
		width: 100%;
		height: 52px;
		background: url('https://chicago.us.mensa.org/weem/2024/WeeM48LogoTheme.152x52.png') space;
		background-position: center;
	}
	.page header a.logo2025 {
		width: 100%;
		height: 52px;
		background: url('https://chicago.us.mensa.org/weem/2025/Weem49Logo.124x56.png') space;
		background-position: center;
	}
	
	.page .page_content { 
		width: 100%; 
		margin: 0;
		padding: 1px 18px;  
		box-sizing: border-box; 
	}
	.page .page_content.w1997
	{
		padding-top: 0;
	}
	
	.page photo {
		position: relative;
		margin: auto;
		width: 98%;
	}
	
	table.photo {
		width: 99%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#f1_container {
		min-height: 250px;
	}

	.page nav {
		position: relative;
		top: unset; 
		right: unset;
		width: 100%;
		text-align: center;
		border-top: 1px solid #ddd;
		margin-bottom: 1ex; 
	}
	
	.page nav a {
		padding: 7px 1em 7px 1em;
		font-size: 1em;
		margin: 1ex calc(43% - 2.75em);
		width: 7.5em;
	}
	
	.page nav a.alpha {
		margin-top: 0;		
	}

	#footer p {
		margin-top: 0;
	}
	
	#footer-social .flex-container > div {
	  width: 100%;
	  padding: 0 5px 1ex 7px;
	}
	
	/* Next & previous arrows */
	.prevArrow, .nextArrow {
	  min-width: 1.0rem;
	  padding: 0;
	}
	
	/* Set max size so image never exceeds bounds of screen */
	.img-responsive {
		max-width: calc( 100vw - 2rem );
	}

	#footer {
		font-weight: normal;
	}
}


/* Medium Screen Rules */
@media screen and (min-width: 556px) and (max-width: 800px) {
	
	.page { 
		margin: 0px; 
		padding: 0px; 
		font-size: 1.15em 
	}
	
	.page h1 {
		text-align: left;
		font-size: 200%;
		margin-left: 1em;
	}
	

	H2 {
		margin-top: 0;
	}
	
	.page header { 
		height: 75px; 
		padding: 5px 50px 0px 1em; 
	}
	.page header a.logo, a.logo1998, a.logo1999, a.logo2000, a.logo2001, a.logo2002, 
						 a.logo2003, a.logo2004, a.logo2005, a.logo2006, a.logo2007, 
						 a.logo2008, a.logo2009, a.logo2010, a.logo2011, a.logo2012, 
						 a.logo2013, a.logo2014, a.logo2015, a.logo2016, a.logo2017,
						 a.logo2018, a.logo2019, a.logo2020, a.logo2021, a.logo2022,
						 a.logo2023, a.logo2024, a.logo2025 {
		top: 5px;
		left: 15px;
	}
	.page header a.logo1998 {
		width: 344px;
		height: 205px;
		background: url('/weem/1998/danceMed.gif') no-repeat 0px 0px;
	}
	.page header a.logo1999 {
		width: 197px;
		height: 72px;
		background: url('/weem/1999/carrotsMed.gif') no-repeat 0px 0px;
	}
	.page header a.logo2000 {
		width: 130px;
		height: 85px;
		background: url('/weem/2000/2000pin.medium.jpg') no-repeat 0px 0px;
	}
	.page header a.logo2001 {
		width: 116px;
		height: 50px;
		background: url('/weem/2001/movie_reel.gif') no-repeat 0px 0px;
	}
	.page header a.logo2002 {
		width: 135px;
		height: 85px;
		background: url('/weem/2002/2002pin.135x85.jpg') no-repeat 0px 0px;
	}
	.page header a.logo2003 {
		width: 218px;
		height: 85px;
		background: url('/weem/2003/toytrain.gif') no-repeat 0px 0px;
	}
	.page header a.logo2004 {
		width: 173px;
		height: 125px;
		background: url('/weem/2004/weem29logo.173x125.gif') no-repeat 0px 0px;
	}
	.page header a.logo2005 {
		width: 327px;
		height: 137px;
		background: url('/weem/2005/weem30logo.85x203.gif') no-repeat 0px 0px;
	}
	.page header a.logo2006 {
		width: 153px;
		height: 125px;
		background: url('/weem/2006/weem31logo.153x125.gif') no-repeat 0px 0px;
	}
	.page header a.logo2007 {
		width: 126px;
		height: 100px;
		background: url('/weem/2007/weem32logoMedium.126x100.png') no-repeat 0px 0px;
	}
	.page header a.logo2008 {
		width: 147px;
		height: 125px;
		background: url('/weem/2008/weem33logo.147x125.gif') no-repeat 0px 0px;
	}
	.page header a.logo2009 {
		width: 216px;
		height: 104px;
		background: url('/weem/2009/weem34logo.216x104.png') no-repeat 0px 0px;
	}
	.page header a.logo2010 {
		width: 161px;
		height: 200px;
		background: url('/weem/2010/weem35logo.161x200.png') no-repeat 0px 0px;
	}
	.page header a.logo2011 {
		width: 72px;
		height: 85px;
		background: url('/weem/2011/weem36logoMed.png') no-repeat 0px 0px;
	}
	.page header a.logo2012 {
		width: 120px;
		height: 120px;
		background: url('/weem/2012/weem37logo.120x120.png') no-repeat 0px 0px;
	}
	.page header a.logo2013 {
		width: 156px;
		height: 57px;
		background: url('/weem/2013/weem38logoSmall.png') no-repeat 0px 0px;
	}
	.page header a.logo2014 {
		width: 93px;
		height: 57px;
		background: url('https://chicago.us.mensa.org/weem/2014/weem39logoSmall.png') no-repeat 0px 0px;
	}
	.page header a.logo2015 {
		width: 101px;
		height: 80px;
		background: url('https://chicago.us.mensa.org/weem/2015/weem40logo.101x80.png') no-repeat 0px 0px;
	}
	.page header a.logo2016 {
		width: 152px;
		height: 86px;
		background: url('https://chicago.us.mensa.org/weem/2016/weem41logo.152x86.png') no-repeat 0px 0px;
	}
	.page header a.logo2017 {
		width: 152px;
		height: 86px;
		background: url('/images/weem42logo.101x101.png') no-repeat 0px 0px;
	}
	.page header a.logo2018 {
		width: 246px;
		height: 86px;
		background: url('https://chicago.us.mensa.org/weem/2018/weem43logo.246x86.jpg') no-repeat 0px 0px;
	}
	.page header a.logo2019 {
		width: 246px;
		height: 86px;
		background: url('https://chicago.us.mensa.org/weem/2019/weem44banner.223x86.png') no-repeat 0px 0px;
	}
	.page header a.logo2020 {
		width: 152px;
		height: 152px;
		background: url('https://chicago.us.mensa.org/weem/2020/weem44.5logo.152x152.png') no-repeat 0px 0px;
	}
	.page header a.logo2021 {
		width: 200px;
		height: 145px;
		background: url('https://chicago.us.mensa.org/weem/2021/weem45logo.200x145.png') no-repeat 0px 0px;
	}
	.page header a.logo2022 {
		width: 225px;
		height: 175px;
		background: url('https://chicago.us.mensa.org/weem/2022/weem46logo.225x175.png') no-repeat 0px 0px;
	}
	.page header a.logo2023 {
		width: 225px;
		height: 163px;
		background: url('https://chicago.us.mensa.org/weem/2023/weem47Logo.225x163.png') no-repeat 0px 0px;
	}
	.page header a.logo2024 {
		width: 246px;
		height: 123px;
		background-image: url('https://chicago.us.mensa.org/weem/2024/WeeM48Logo.246x79.png'), url('https://chicago.us.mensa.org/weem/2024/WeeM48LogoTheme.152x52.png');
		background-repeat: no-repeat, no-repeat;
		background-position: bottom left, top left;
	}
	.page header a.logo2025 {
		width: 225px;
		height: 163px;
		background: url('https://chicago.us.mensa.org/weem/2025/Weem49Logo.225x101.png') no-repeat 0px 0px;
	}
	.page nav { 
		top: 30px; 
	}
	.page nav a {
		border-color: #fff;
		margin-left: 10px;
		padding: 5px 10px 5px 10px;
		font-size: .9em;
	}
	
	table.photo {
		width: 99%;
		margin-left: auto;
		margin-right: auto;
	}	
	
	#footer p {
		margin-top: 0;
	}
}


@media screen and (min-width: 1260px) 
{
	#footer #footer-inner {
		margin-right: 0;
	}
}

/* Landscape Screen Rules */
@media screen and (orientation: landscape) and (min-height: 150px) and (max-height: 650px) {
	.page_content {
		width: 80%;
	}
	.img-responsive img {
		max-height: 98vh;
	}
}

/* not a touch screen device */
@media (pointer: fine) 
{
	#footer-social a .fa-facebook-square, #footer-social a:visited .fa-facebook-square,
	#footer-social a .fa-discord, #footer-social a:visited .fa-discord,
	#footer-social a .fa-meetup, #footer-social a:visited .fa-meetup {
		filter: grayscale(100%);
	}
	#footer-social a:hover .fa-facebook-square:hover,
	#footer-social a:hover .fa-discord,
	#footer-social a:hover .fa-meetup {
		filter: grayscale(0);
	}
}