html,body {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    font-family: 'Poppins';
    background-color: rgb(249,249,249);
}
h1,h2,h3,h4,h5,h6,li,span,button { font-family: 'Poppins'; }

h1 {
    font-size: 4.065vh;
    line-height: 110%;
    color: white;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

h1.backlite { background-color: #404; }

h2 {
    margin: 0;
    font-size: 1.4125vw;
	letter-spacing: -1.85px;
}

h3 {
    font-size: 2.65vh;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.25vw;
    margin-bottom: 0.5vw;
}

h4 {
    font-size: 2.5vh;
    margin: 1.5vw 0 0 0;
    width: 100%;
    position: relative;
    display: inline-block;
}

h5 { }
h6 { margin: 0 0 0.875vw 0; /* font-size: 0.875vw; */ font-size: 1.25vw; }

button { font-family: 'Poppins'; /* font-size: 1.325vh; */ font-size: 14px; height: 3.0333vw; border-color: transparent; text-transform: uppercase; font-weight: bold; color: white; background-color: #777; }

.glasspane {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#505050+0,500050+28,ffffff+33,09c5f4+38,09c5f4+100&0.1+0,0.5+28,0.5+37,0.1+100 */
background: linear-gradient(135deg,  rgba(80,80,80,0.1) 0%,rgba(80,0,80,0.5) 28%,rgba(255,255,255,0.5) 33%,rgba(58,209,246,0.5) 37%,rgba(9,197,244,0.49) 38%,rgba(9,197,244,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.jesusSaid { color: red; background-color: white; background-color: rgba(255, 255, 255, 0.7); }

button.gold { background-color: #d4b030; }
button.orange { background-color: #f48460; }
button.lightblue { background-color: #3498DB; }
button.lightgreen { background-color: #34DB9B; }
button.link { float: right; margin-right: 0.5vw; height: 1.5vw; background-color: #34DB9B; border: 1px outset #68ffff; } 

button.toTop {
    position: absolute;
    position: fixed!important;
    right: 0.5vw;
    top: 90vh;
    margin: 0.25vw;
    padding: 0;
    width: 2.5vw;
    height: 2.55vw;
    background-color: #d4b030;
    z-index: 99;
    opacity: 1;
    border: none;
    box-shadow: -3px 3px 6px rgba(160,40,30,0.5);
    color: white;
    font-size: 2vw;
    line-height: 3vw;
    font-weight: bold;
}

button.info {
    background-color: #34DB9B;
    padding: 0 0.55vw 0 1.333vw;
    margin: 0 0.55vw 0 0;
    box-shadow: 3px 3px 3px rgb(30 90 180 / 50%);
}

button.idea {
    background-color: #d4b030;
    padding: 0 0.55vw 0 1.333vw;
    box-shadow: 3px 3px 3px rgba(160,80,0,0.5);
}

button.goback {
    background-color: #34DB9B;
    margin: 0 0 5vw calc(50% - 5vw);
    width: 10vw;
}

div {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

header { position: relative; display: block; margin: 0; padding: 0; width: 100%; height: 850px; height: 46vw;  background-color: #404; }
header.holdUp { min-height: 800px; }
header div {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

span.bgNote {
    position: absolute;
    display: block;
    margin: 0.5vw 1vw;
    bottom: 0;
    right: 0;
    color: white;
    text-shadow: 0 0 2px #333;
}

span.bgNote a {
    text-decoration: none;
    color: #f8f;
    text-shadow: 0 0 2px #505;
}

header.default { height: 310px; }

header div.heading {
    position: absolute;
    display: block;
    margin: 0 0 0 calc(50% - 570px);
    padding: 0;
    width: 1140px;
    height: auto;
    transform: translateY(-50%);
    top: calc(50% + 25px);
}

div.heading h1 { text-transform: uppercase; }
div.heading ul { padding: 0; color: white; }
div.heading ul a {
    color: yellow;
    font-size: 1.333vw;
    text-decoration: none;
    margin-left: 0.75vw;
}

div.heading ul a:first-of-type {
    margin-left: 0;
}

div.heading ul a:hover {
    text-decoration: underline;
    color: lightgoldenrodyellow;
}

div.heading span {
    margin: 0 0 0 0.75vw;
    font-size: 1.333vw;
	text-shadow: 0 0 1px #000,0 0 2px #000,0 0 3px #000,0 3px 3px #000;
}

div.heading img {
    height: 1.333vw;
}

header div div.topBar {
    position: absolute;
    position: fixed!important;
    display: block;
    z-index: 99;
/*	margin: 0 calc(50% - 30.8445vw);	*/
	margin: 0 calc(50% - 570px);
    padding: 0;
    top: 0;
	width: 1140px;
/*	width: 61.689vw;					*/
    height: 99.3px;
/*	height: 5.375vw;					*/
/*	background-color: white;			*/
    background-color: #7a288a;
    color: white;
    box-shadow: 0 1.5vw 1vw -1vw rgba(0,0,0,0.333);
	-o-transition: height 750ms;
	-ms-transition: height 750ms;
	-moz-transition: height 750ms;
	-webkit-transition: height 750ms;
	transition: height 750ms;
}

div.topBar figure {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 99.3px;
    height: 99.3px;
/*	background-color: #707;		*/
	-o-transition: height 750ms ease-in-out, background-size 750ms ease-in-out;
	-ms-transition: height 750ms ease-in-out, background-size 750ms ease-in-out;
	-moz-transition: height 750ms ease-in-out, background-size 750ms ease-in-out;
	-webkit-transition: height 750ms ease-in-out, background-size 750ms ease-in-out;
	transition: height 750ms ease-in-out, background-size 750ms ease-in-out;
}

header div div.topBar div {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    top: 0;
    left: 100px;
    right: 0;
    bottom: auto;
    width: auto;
    height: 1.667vw;
    max-height: 1.667vw;
    overflow: hidden;
    -o-transition: height 750ms;
    -moz-transition: height 750ms;
    -ms-transition: height 750ms;
    -webkit-transition: height 750ms;
    transition: height 750ms;
}

header div div.topBar div marquee {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    width: 65%;
    background-color: rgba(0,0,0,0.025);
    height: 1.5vw;
    opacity: 1;
    line-height: 1vw;
    font-size: 1.325vh;
}

header div div.topBar div span {
    position: relative;
    display: inline-block;
    margin: 0;
/*	padding: 0 1.355vw;		*/
	padding: 0 1vw;
/*	width: 70%;				*/
/*	width: 62.5%;			*/
	width: 50%;
    height: 1.5vw;
/*	font-size: 1.325vh;		*/
	font-size: 1.75vh;
    line-height: 1.5vw;
	color: white;
}

header div div.topBar div marquee span {
    margin: 0;
    padding: 0;
    width: auto;
}

header div div.topBar div a {
    position: relative;
    display: inline-block;
	vertical-align: top;
/*	font-size: 1.325vh;		*/
	font-size: 1.85vh;
    line-height: 1.5vw;
    color: white;
    text-decoration: none;
}

header div div.topBar div a:hover {
    color: #d4b030;
}

header div div.topBar div span.userID {
    position: absolute;
    display: block;
	z-index: 10;
    top: 0;
    left: 50%;
    width: 27.5%;
    font-size: 1vw;
}

header div div.topBar div a.angelAdmin {
    vertical-align: top;
    width: 1.25vw;
    height: 1.333vw;
    margin: 0 0.25vw;
    border: none;
	background: url(../images/angel-admin.png) transparent top center no-repeat;
    background-size: contain;
}


header div div.topBar div a.signOut {
    margin: 0;
    width: 1.5vw;
    height: 1.5vw;
    vertical-align: top;
    border: none;
	background: url(../images/sign-out-icon.png) transparent center center no-repeat;
    background-size: contain;
}

header div div.topBar div ul {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    top: 0;
    right: 0.5vw;
/*	width: 12.5vw;		*/
	width: 14.5vw;
	height: 1.5vw;
/*	max-width: 18%;		*/
    max-height: 1.5vw;
    overflow: hidden;
    text-align: right;
}

/*	- - - Search Bar - - - */

label.search { overflow: hidden; width: 1.5vw; 
	-o-transition: width 1200ms ease-in-out;
	-ms-transition: width 1200ms ease-in-out;
	-moz-transition: width 1200ms ease-in-out;
	-webkit-transition: width 1200ms ease-in-out;
	transition: width 1200ms ease-in-out;
}
label.search input[type="TEXT"] { position: absolute; display: none; opacity: 0; z-index: 1; top: 0.0625vw; left: 1.75vw; right: 4vw; bottom: 0.0625vw; width: auto; height: auto; 
	-o-transition: opacity 1200ms ease-in-out;
	-ms-transition: opacity 1200ms ease-in-out;
	-moz-transition: opacity 1200ms ease-in-out;
	-webkit-transition: opacity 1200ms ease-in-out;
	transition: opacity 1200ms ease-in-out;
}
label.search img { position: absolute; top: 0; left: 0; }
label.search button { position: absolute; display: none; vertical-align: top; margin: 0; padding: 0.275vw 0; top: 0; right: 0; width: 3.667vw; height: 0.25vw; line-height: 7.5%; }

label.search.openSearch { width: 14.5vw; 
	-o-transition: width 1200ms ease-in-out;
	-ms-transition: width 1200ms ease-in-out;
	-moz-transition: width 1200ms ease-in-out;
	-webkit-transition: width 1200ms ease-in-out;
	transition: width 1200ms ease-in-out;
}

label.search.openSearch input[type="TEXT"] { display: block; opacity: 1;
	-o-transition: opacity 1200ms ease-in-out;
	-ms-transition: opacity 1200ms ease-in-out;
	-moz-transition: opacity 1200ms ease-in-out;
	-webkit-transition: opacity 1200ms ease-in-out;
	transition: opacity 1200ms ease-in-out;
}
label.search.openSearch button { display: block; }
label.search.openSearch button:last-of-type { top: auto; bottom: 0; }

article.partners {
    position: relative;
    display: block;
/*    background-color: #ccc;   */
    text-align: center;
}

article.partners aside {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 1vw;
    width: 100vw;
    max-width: 38%;
    text-align: center;
    border: 1px solid transparent;
}

article.partners aside:first-of-type {
/*    padding: 1vw 5vw; */
    max-width: 85%;
}

article.partners aside:first-of-type li {
    width: 25%;
}

article.partners h1 {
    margin: 0;
    font-size: 4.333vh;
    background-color: #7a288a;
    padding: 0.5vw 0;
}

div.rightColumn ul {
    list-style-type: none;
    padding: 0;
}

article.partners li {
    font-size: 2vh;
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

/*	- - - - - - - - - - - - */

header div div.topBar div ul a {
    position: relative;
    display: inline-block;
    margin: 0 0.25vw 0 0;
    padding: 0;
    width: 1.5vw;
    height: 1.5vw;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

a.facebook,div.mobileBar button.facebook { background-image: url(../images/social-media/smis-facebook.webp); }
a.twitter,div.mobileBar button.twitter { background-image: url(../images/social-media/smis-twitter.webp); }
a.instagram,div.mobileBar button.instagram { background-image: url(../images/social-media/smis-instagram.webp); }
a.linkedin,div.mobileBar button.linkedin { background-image: url(../images/social-media/smis-linkedin.webp); }

div.mobileBar button.login { background-image: url(../images/user-icon.webp); }
div.mobileBar button.search { background-image: url(../images/mobile-search-icon.webp); }

img.homeIcon { height: 2vh; }

header div div.topBar div ul a:last-of-type {
    margin-right: 2vw;
}

header div div.topBar div ul label {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    top: 0;
    right: 0;
    width: 1.5vw;
    height: 1.5vw;
/*	background-color: transparent;
    background-image: url(../images/search-icon.webp);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 5; */
}

.search img {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 1.5vw;
    height: 1.5vw;
}

header div div.mobileBar {
	display: none;
}

header div div.topBar nav {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    top: calc(1.5vw + 2px);
    left: 100px;
    right: 0;
    bottom: 0;
    width: auto;
    height: calc(100% - 1.5vw - 2px);
    border-top: 1px solid #ccc;
	-o-transition: top 750ms;
	-ms-transition: top 750ms;
	-moz-transition: top 750ms;
	-webkit-transition: top 750ms;
	transition: top 750ms;
}

header div div.topBar nav figure {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0.25vw;
    width: calc((99.3px - 2vw - 2px) * 3);
    height: calc(99.3px - 2vw - 2px);
    border-right: 1px solid #ccc;
    vertical-align: top;
}

figure.wideLogo {
    background-image: url(../images/fms2-wide-logo-2-bw.webp);
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center center;
	background-color: transparent;
}

figure.clientLogo {
    background-image: url(../images/clientLogo.webp);
    background-size: 90%;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
}

header div div.topBar nav ul {
    position: relative;
    display: inline-block;
    margin: auto;
    padding: 0 1vw 0 0.25vw;
/*  width: calc((100% * (2/3)) + 1vw); */
    width: 98%;
    list-style-type: none;
}

header div div.topBar nav ul li {
    position: relative;
    display: inline-block;
/*	margin: 1.333vw 0.75vw;		*/
	margin: 8px 0.5vw 10px 0.5vw;
    font-size: 1.45vh;
    font-weight: bold;
    text-transform: uppercase;
}

header div div.topBar nav ul li a {
    position: relative;
    display: inline-block;
    padding: 0 1px;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    text-decoration: none;
/*	color: #444;			*/
	color: #ddd;
    font-size: 1.85vh;
    -o-transition: background-color 750ms ease-in-out,color 500ms linear;
    -ms-transition: background-color 750ms ease-in-out,color 500ms linear;
    -moz-transition: background-color 750ms ease-in-out,color 500ms linear;
    -webkit-transition: background-color 750ms ease-in-out,color 500ms linear;
    transition: background-color 750ms ease-in-out,color 500ms linear;
}

header div div.topBar nav ul li a:hover { background-color: #444; color: white; }

header div div.topBar nav ul li a.active { color: #ff0; }

header div div.topBar nav ul li a.active:hover { background-color: transparent; color: #ff0; }

header div div.topBar nav button {
    position: absolute;
    display: block;
/*	margin: 0.75vw 0.5vw 0.75vw 1vw;	*/
/*  margin: 11px 18px; */
    margin: 7.5vh;
    padding: 8px 0;
    top: 0;
    right: 0;
/*	width: 6.495vw;		*/
    width: 150px;
/*	height: 2.275vw;	*/
    height: 46px;
	font-size: 16px;
/*	font-size: 0.75vw;	*/
    line-height: 1.25vw;
    white-space: nowrap;
    background-color: #d4b030;
/*    border-color: transparent; */
    border-color: #333;
/*	border-radius: 0.2vw;	*/
    border-radius: 0.333vw;
}

header div div.topBar nav button:nth-child(2n + 1) {
    background-color: #34DB9B;
//	right: 8.75vw;
	right: 166px;
}

header div div.topBar.squish { height: calc(99.3px - 1.5vw); }
header div div.topBar.squish div { height: 0; }
header div div.topBar.squish nav { top: 0; }
header div div.topBar.squish figure { height: 72px; background-size: auto 100%; 
	-o-transition: height 750ms ease-in-out, background-size 750ms ease-in-out;
	-ms-transition: height 750ms ease-in-out, background-size 750ms ease-in-out;
	-moz-transition: height 750ms ease-in-out, background-size 750ms ease-in-out;
	-webkit-transition: height 750ms ease-in-out, background-size 750ms ease-in-out;
	transition: height 750ms ease-in-out, background-size 750ms ease-in-out;
}

/* Mid Header Content */

header div div.midHeaderContent {
    position: absolute;
    display: block;
//	margin: 22.5% 0 0 calc(50% - 30.8445vw + 0.125vw);
//	margin: 25% 0 0 calc(50% - 592px + 5vw);
	margin: calc(192px + 16.5vw) 0 0 calc(50% - 592px + 5vw);
	width: 30.8455vw;
    padding: 0 2vw 0.5vw 2vw;
//	height: calc(20vw + 3vw);
	height: calc(55% + 3vw);
    transform: translateY(-50%);
    background-color: rgba(64,0,64,0.25);
    border: 0.25vw outset rgba(80,0,80,0.25);
}

header div div.midHeaderContent ul {
    position: relative;
    display: inline-block;
    margin: 0 0 4vw 0;
    width: 100%;
//	height: 20vw;
	height: calc(100% - 4vw);
    padding: 0;
}

header div div.midHeaderContent ul button { position: relative; z-index: -1; }

header div div.midHeaderContent p { font-size: 2.1333vh; color: white; text-shadow: 1px 1px 1px #333; }
header div div.midHeaderContent p:first-of-type { min-height: 40px; }
header div div.midHeaderContent ul ul { position: absolute; display: block; margin: 0; padding: 0; bottom: 0; height: 3.75vw; }
header div div.midHeaderContent ul li { position: absolute; display: block; opacity: 0; height: 100%;
	-o-transition: opacity 1800ms ease-in-out;
	-ms-transition: opacity 1800ms ease-in-out;
	-moz-transition: opacity 1800ms ease-in-out;
	-webkit-transition: opacity 1800ms ease-in-out;
	transition: opacity 1800ms ease-in-out;
}

header div div.midHeaderContent ol {
    position: absolute;
    display: block;
    padding: 0 2vw;
    text-align: center;
	width: calc(100% - 8vw);
	bottom: 0;
}

header div div.midHeaderContent ol button {
    position: relative;
    display: inline-block;
    margin: 0.125vw;
    padding: 0;
    width: 0.75vw;
    height: 0.75vw;
    border: none;
    background-color: #ccc;
    border-radius: 0.5vw;
    box-shadow: 0 0.25vw 0.125vw -0.0625vw rgba(0,0,0,0.25);
}

header div div.midHeaderContent ol button.active {
    background-color: white;
}

header div div.midHeaderContent ul li.active {
    opacity: 1;
}

header div div.midHeaderContent ul li.active button { z-index: 5; }

header div div.midHeaderContent figure {
    position: relative;
    display: block;
    margin: 0 1.5vw 3vw 0;
    width: 16vw;
    height: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #333;
}

header div div.midHeaderContent figcaption {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
    top: 0;
    left: 17.5vw;
    width: calc(100% - 2.5vw);
    height: 100%;
}

/* */

main {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}

main div { }


/* - - - */


main div.newsletter {
    position: relative;
    display: block;
    margin: 0;
/*	padding: 1.0875vw 0;						*/
    width: 100%;
/*	height: 6.2675vw;							*/
	height: auto;
/*	background-color: rgb(255,239,255);			*/
/*	background-color: rgba(80, 0, 160, 0.333);	*/
/*	padding: 0 calc(50% - 30.8445vw);			*/
	padding: 2.55vw 19.25vw;
/*	width: 61.689vw;							*/
    width: calc(100% - 38.5vw);
    overflow: hidden;
/*	max-height: 1.25vw;							*/
	border-top: 0.25vw solid #505;
	background: linear-gradient(0deg, white,#7a288a);
}

main div.newsletter div {
    width: 22.5vw;
	display: inline-block;	
/*	display: none;								*/
    margin: 1.55vw auto;
    vertical-align: top;
    margin-left: 1.25vw;
}

div.newsletter h2 {
    margin: 0 auto;
    position: relative;
    display: block;
    width: auto;
    color: white;
    max-width: none;
}

div.newsletter input {
    vertical-align: top;
    margin: 0 0 1.5vw 0;
    padding: 0.755vw 1vw;
    width: calc(100% - 2vw);
/*	border-width: 0.0975vw;					*/
/*	border-top-left-radius: 0.25vw;			*/
/*	border-bottom-left-radius: 0.25vw;		*/
/*	border-color: #ddd;						*/
    border: 1.5px outset #707;
    border-radius: 0.75vw;
    font-size: 1.125vw;
}

div.newsletter button {
    padding: 0 2.333vw 0 2.333vw;
    margin: 0 0 0 1.5vw;
    background-color: #d4b030;
    height: 2.667vw;
    font-size: 0.825vw;
    font-weight: 700;
    text-transform: uppercase;
	box-shadow: -0.0625vw 0.0625vw 0.125vw rgba(40,40,40,0.85);
	-o-box-shadow: -0.0625vw 0.0625vw 0.125vw rgba(40,40,40,0.85);
	-ms-box-shadow: -0.0625vw 0.0625vw 0.125vw rgba(40,40,40,0.85);
	-moz-box-shadow: -0.0625vw 0.0625vw 0.125vw rgba(40,40,40,0.85);
	-webkit-box-shadow: -0.0625vw 0.0625vw 0.125vw rgba(40,40,40,0.85);
}

.newsletter button:first-of-type {
    background-color: #34DB9B;
}

div.newsletter span {
    position: relative;
    display: block;
    font-size: 1.333vw;
    color: white;
}

div.newsletter form {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 1.5vw 1vw;
    max-width: calc(100% - 30vw);
    background-color: rgba(255,255,255,0.5);
	box-shadow: -0.333vw 0.333vw 1vw rgba(70,0,70,0.667);
	-o-box-shadow: -0.333vw 0.333vw 1vw rgba(70,0,70,0.667);
	-ms-box-shadow: -0.333vw 0.333vw 1vw rgba(70,0,70,0.667);
	-moz-box-shadow: -0.333vw 0.333vw 1vw rgba(70,0,70,0.667);
	-webkit-box-shadow: -0.333vw 0.333vw 1vw rgba(70,0,70,0.667);
}

ul.newsletters li {
    position: relative;
    display: block;
    margin: 1.5vw 0;
    padding: 0 0 0 4vw;
    background: url(../images/newsletter.webp) transparent left center no-repeat;
    background-size: auto 100%;
}

ul.newsletters li a {
    font-size: 1.5vw;
    line-height: 2.75vw;
    text-decoration: none;
    color: #505;
    font-weight: 700;
}

/* - - - */

div.triplePicHeading {
    position: relative;
    display: block;
//	margin: 0 calc(50% - 30.8445vw);
//	width: 61.689vw;
//	height: 35.75vw;
	width: 1184px;
    height: 686px;
    margin: 0 calc(50% - 592px);
	margin-top: -7.5vh;
}

div.triplePicHeading figure.bgAbstract1 { top: 10vh; left: 10vh; width: 20vw; background-color: transparent; background-image: url(../images/abstract-grad-dots-2.webp); background-size: 100% auto; }
div.triplePicHeading figure.bgAbstract2 { bottom: 13.5vh; right: 0; width: 17.5vw; height: 18vh; background-color: transparent; background-image: url(../images/abstract-grad-dots-2.webp); background-size: 100% auto; }

div.triplePicHeading figure {
    width: 24.351vw;
    height: 16.234vw;
    margin: 0;
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

div.triplePicHeading figure.rightBack {
    top: 13.5vh;
    right: 2.5vh;
//	width: 22vw;
//	height: 19vw;
	width: 425px;
    height: 365px;
    background-color: #05f;
    box-shadow: -0.5vw 0.5vw 0.5vw rgb(0 0 0 / 45%);
}

div.triplePicHeading figure.leftMid {
    top: 15.5vh;
    left: 0;
//	width: 23.5vw;
//	height: 20vw;
	width: 450px;
    height: 385px;
    background-color: #000;
    box-shadow: 0.5vw 0.5vw 0.5vw rgba(0,0,0,0.45);
}

div.triplePicHeading figure.midFront {
    top: 19.5vh;
    left: calc(50% - 9.75vw);
//	width: 19.5vw;
//	height: 21.5vw;
	width: 375px;
	height: 415px;
    background-color: #f00;
    box-shadow: 0 1vw 1vw -0.5vw rgb(0 0 0 / 45%);
}

div.twoColumn {
    position: relative;
    display: inline-block;
//	margin: 0 calc(50% - 30.8445vw);
//	width: 61.689vw;
	width: 1184px;
    margin: 0 calc(50% - 592px);
}

div.leftNarrowColumn {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 20px;
    width: 16.475vw;
}

div.leftNarrowColumn nav {
    position: relative;
    display: block;
    margin: 0 0 1.5vw 0;
    padding: 0;
    width: 100%;
}

div.leftNarrowColumn nav a {
    position: relative;
    display: block;
    margin: 0;
    padding: 16px 18px;
    background-color: white;
    font-size: 0.75vw;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #777;
    border: 1px solid #eee;
}

div.leftNarrowColumn nav a:hover { background-color: #d4b030; color: white; }

div.leftNarrowColumn nav a.active {
    background-color: #d4b030;
    color: white;
    text-shadow: 0 0 1px white,0 0 2px rgba(255,255,255,0.5);
    border-color: #6a5818;
}

div.fullPicColumn nav a:hover {
    color: white;
    background-color: #d4b030;
}

button.squareButton {
    position: relative;
    display: block;
    margin: 0 0 1.5vw 0;
    width: 100%;
    height: 278px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 105%;
}

button.squareButton span {
    font-size: 2.65vh;
    margin: auto 10%;
    text-align: center;
    width: 80%;
    position: relative;
    display: block;
    text-transform: none;
    text-shadow: 0 0 1px #000,0 0 1px #000,0 0 2px #000,0 0 3px #000, 0 3px 3px #000;
}

div.rightColumn {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: calc(100% - 304px - 3vw);
}

div.rightColumn span {font-size: 0.775vw;}

div.rightColumn ul {
    list-style-type: none;
    padding: 0;
}

div.rightColumn ul.passage {
    font-size: 1.5vw;
    padding: 0 3.667vw;
}

div.rightColumn ul.dotlist {
    list-style-type: unset;
    font-size: 1.5vw;
    padding-left: 3.667vw;
}

div.rightColumn ul.liveEvents { display: inline-block; }

div.rightColumn ul.liveEvents li {
    border: 1px solid #333;
    max-width: 100%;
    padding: 1vw;
    margin: 0 0 0.5vw 0;
}

div.rightColumn ul.liveEvents li strong {
    display: block;
}

div.rightColumn figure {
    position: relative;
    display: inline-block;
    margin: 1vw 1vw 1vw 0.75vw;
    padding: 0;
    width: 16.225vw;
    height: 12.175vw;
    background-color: rgba(0,0,0,0.125);
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -o-box-shadow: 0.25vw 0.25vw 0.667vw rgba(0, 0, 0, 0.85);
    -ms-box-shadow: 0.25vw 0.25vw 0.667vw rgba(0, 0, 0, 0.85);
    -moz-box-shadow: 0.25vw 0.25vw 0.667vw rgba(0, 0, 0, 0.85);
    -webkit-box-shadow: 0.25vw 0.25vw 0.667vw rgba(0, 0, 0, 0.85);
    box-shadow: 0.25vw 0.25vw 0.667vw rgba(0, 0, 0, 0.85);
}

div.rightColumn ul ul {
    position: relative;
    display: inline-block;
    margin: 0;
	padding: 0 0 0 1.5vw;
    width: calc(100% - 300px - 5vw);
    vertical-align: top;
    font-size: 1.25vw;
}

div.rightColumn ul ul.headline {
	padding: 0 0 0 2.5vw;
	width: calc(100% - 5vw);
}

div.rightColumn p {
    font-size: 1.25vw;
}

div.rightColumn p span {
    font-size: 1.333vw;
}

button.accordian {
    background: url(../images/accordian-arrow.webp) transparent center center no-repeat;
    background-size: contain;
    position: relative;
    display: inline-block;
    margin: 0.5vw;
    padding: 0;
    width: 1.5vw;
    height: 1.25vw;
	-o-transition: transform 1500ms;
	-ms-transition: transform 1500ms;
	-moz-transition: transform 1500ms;
	-webkit-transition: transform 1500ms;
	transition: transform 1500ms;
}

button.accordian.expanded {
    transform: rotate(90deg);
}

button.gallery {
    position: absolute;
    display: block;
    margin: 0.75vw;
    padding: 0;
    top: 0;
    right: 0;
    width: 2vw;
    height: 2vw;
    border: none;
    background: url(../images/gallery.webp) transparent center center no-repeat;
    background-size: contain;
}

button.gallery:hover { background-color: gold; }

div.rightColumn ul.mainEventPanels {
    max-height: 0;
    overflow: hidden;
    margin: 0;
}

div.rightColumn ul.mainEventPanels p {
//	width: 292px;
	width: calc(315px - 1vw);
    position: relative;
    display: block;
    padding: 1vw 0 1vw 1vw;
    margin: 0;
    background-color: #d4b030;
    color: white;
    font-weight: bold;
}

div.rightColumn ul.mainEventPanels li {
    border: 1px solid #333;
    margin: 0 0 1.5vw 0;
    box-shadow: 0.75vw 0.75vw 0.75vw rgba(0,0,0,0.333);
}

div.rightColumn ul.mainEventPanels ul {
    width: calc(50% + 2vw);
    position: absolute;
    padding: 0 1.5vw 1.5vw 1.5vw;
    right: 0;
    top: unset;
    vertical-align: unset;
    display: none;
    margin: 0;
    transform: translateY(-100%);
    height: 12.625vw;
}

ul.mainEventPanels figure {
    margin: 0;
	width: 315px;
	height: 235px;
    box-shadow: none;
}

ul.mainEventPanels span.title {
    display: block;
    padding: 0 0 0 1.125vw;
//	font-size: 1.5vw;
	font-size: 3.125vh;
    font-weight: bold;
	white-space: nowrap;
    overflow: hidden;
}

div.rightColumn ul.mainEventPanels.previous span:nth-child(2) {
//	max-height: 11vw;
	max-height: calc(375px - 9vw);
    overflow-y: auto;
    padding: 0 1vw;
    margin: 1vw 0;
    background-color: transparent;
}

div.rightColumn ul.mainEventPanels span:last-of-type {
    position: absolute;
    display: block;
    padding: 1vw;
    margin: 0;
    font-size: 1.1333vw;
    width: auto;
    left: auto;
    right: calc(1vw + 1px);
    width: calc(50% + 8.75vw);
    background-color: white;
    bottom: 1px;
    font-weight: bold;
}

div.rightColumn ul.mainEventPanels span p {
    width: 93%;
    background-color: transparent;
    color: #333;
    font-weight: normal;
}

div.rightColumn ul.mainEventPanels {
    max-height: none;
    padding: 1vw;
}

/* div.rightColumn ul.mainEventPanels.expand {
    max-height: none;
    padding: 1vw;
} */

div.rightColumn ul.mainEventPanels.expand ul {
    display: block;
	height: calc(235px + 2vw - 1.5vw);
	overflow: hidden;
}

/* Altered Main Event Panels 2026-06-17 */

div.eventStyle h3 {
    font-size: 1.5vw;
    margin: 1vw 0;
    padding: 0;
    background-color: gold;
}

div.eventStyle ul.mainEventPanels {
    max-height: unset;
    height: 30.667vh;
}

div.eventStyle ul.mainEventPanels.expand {
    height: auto;
}

div.rightColumn.horzNav ul.mainEventPanels span.eventTimeSet:last-of-type {
    top: unset;
    bottom: unset;
    left: unset;
    display: inline;
    position: relative;
    margin: auto auto auto 2.5vw;
    color: white;
}

div.rightColumn.horzNav p.timeBanner span.eventDaySet {
    display: inline;
}

div.rightColumn.horzNav p.timeBanner a.getInvolvedNow { margin-left: 2.5vw; color: white; text-decoration: none; }

div.rightColumn.horzNav p.timeBanner a:hover { background-color: purple; color: white; }

div.invite {
    position: relative;
    display: block;
    margin: 2.5vw 0 5vw 0;
    padding: 1.5vw 0 4.75vw 0;
    text-align: center;
    border: 0.125vw outset #505;
}

div.invite p {
    padding: 0 15%;
    font-size: 1.85vw;
}

div.invite span {
    position: relative;
    display: block;
    font-size: 1.25vw;
}

div.invite strong {
    font-size: 2vw;
}

div.invite button {
    font-size: 1.5vw;
}

div.slideshow {
    position: relative;
    display: block;
    margin: 1vw 1vw 5vw 1vw;
    padding: 0;
    width: calc(100% - 2vw);
    height: calc(33vw - 2vw);
    border: 2px solid #333;
	background-color: #505;
}

div.slideshow div {
    position: absolute;
    display: block;
	z-index: -1;
	opacity: 0;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: none;
    background-color: #505;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
	-o-transition: opacity 1250ms;
	-ms-transition: opacity 1250ms;
	-moz-transition: opacity 1250ms;
	-webkit-transition: opacity 1250ms;
	transition: opacity 1250ms;
}

div.slideshow ol {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0.333vw;
    left: 0;
    right: 0;
    bottom: -2.5vw;
    width: auto;
    border: 1px solid #333;
    height: auto;
    text-align: center;
	background-color: #505;
}

div.slideshow ol button {
    position: relative;
    display: inline-block;
    margin: 0.125vw;
    padding: 0;
    width: 0.75vw;
    height: 0.75vw;
    border: none;
    background-color: #ccc;
    border-radius: 0.5vw;
    box-shadow: 0 0.25vw 0.125vw -0.0625vw rgba(0,0,0,0.25);
}

div.slideshow div.active { opacity: 1; z-index: 1;
	-o-transition: opacity 1250ms;
	-ms-transition: opacity 1250ms;
	-moz-transition: opacity 1250ms;
	-webkit-transition: opacity 1250ms;
	transition: opacity 1250ms;
}

div.slideshow ol button.active { background-color: white; }

div.fullColumn { position: relative; display: inline-block; margin: 0 calc(50% - 30.8445vw); width: 61.689vw; }

ul.tripleColumn {
    position: relative;
    display: block;
    text-align: left;
    padding: 0;
    list-style-type: none;
}

ul.tripleColumn li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 0.25vw 0 0;
    width: calc(33% - 0.5vw);
}

ul.tripleColumn img {
    position: relative;
    display: block;
    text-align: right;
    margin: 1.667vw 0.5vw 0 0;
    padding: 0;
    width: calc(55.5vw / 3);
    height: calc((55.5vw * 0.75) / 5);
    background-color: #777;
    background-color: rgba(0,0,0,0.45);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 1.333vw;
    color: white;
}

ul.tripleColumn img {
    -o-box-shadow: 0 0.5vw 1vw -0.5vw rgba(0,0,0,0.85);
    -ms-box-shadow: 0 0.5vw 1vw -0.5vw rgba(0,0,0,0.85);
    -moz-box-shadow: 0 0.5vw 1vw -0.5vw rgba(0,0,0,0.85);
    -webkit-box-shadow: 0 0.5vw 1vw -0.5vw rgba(0,0,0,0.85);
    box-shadow: 0 0.5vw 1vw -0.5vw rgba(0,0,0,0.85);
}

ul.tripleColumn li:first-of-type img {
    -o-box-shadow: 0.333vw 0.333vw 0.75vw rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0.333vw 0.333vw 0.75vw rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0.333vw 0.333vw 0.75vw rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0.333vw 0.333vw 0.75vw rgba(0, 0, 0, 0.25);
    box-shadow: 0.333vw 0.333vw 0.75vw rgba(0, 0, 0, 0.25);
}

ul.tripleColumn li:last-of-type img {
    -o-box-shadow: -0.333vw 0.333vw 0.75vw rgba(0, 0, 0, 0.25);
    -ms-box-shadow: -0.333vw 0.333vw 0.75vw rgba(0, 0, 0, 0.25);
    -moz-box-shadow: -0.333vw 0.333vw 0.75vw rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: -0.333vw 0.333vw 0.75vw rgba(0, 0, 0, 0.25);
    box-shadow: -0.333vw 0.333vw 0.75vw rgba(0, 0, 0, 0.25);
}

ul.tripleColumn p {
    position: relative;
    display: inline-block;
    margin: 1.333vw 0;
    font-size: 2vh;
    font-weight: 700;
    text-transform: uppercase;
    color: #444;
}

ul.tripleColumn li ol {
    position: relative;
    display: block;
    padding: 0 0 0 1.5vw;
    list-style-type: circle;
    list-style-position: outside;
    margin-block: unset;
    margin-inline: unset;
}

div.fullColumn span {
    font-size: 2.2vh;
}

ul.tripleColumn li ol li {
    display: list-item;
    margin: 0.5vw 0;
    width: 100%;
    font-size: 2.2vh;
    color: #555;
}

div.fullPicColumn {
    position: relative;
    display: block;
    margin: 5vw calc(50% - 37.38vw) 0 calc(50% - 37.38vw);
    width: 75.76vw;
    height: 503px;
    background-color: rgba(0,0,0,0.75);
	background-size: 112.5%;
}

div.fullPicColumn div {
    position: absolute;
    display: block;
/*	margin: 6.5vw 13.53vw;	*/
	margin: 3.5vw 13.53vw;
/*	width: 43.7vw;			*/
	width: 48.7vw;
/*	height: 14.25vw;		*/
    height: 19.25vw;
}

div.fullPicColumn p {
    position: absolute;
    display: block;
    margin: 15% 0 0 0.5vw;
    padding: 0;
//	width: 22.5vw;
	width: calc(25% + 10vw);
    height: auto;
    font-family: 'Poppins';
    font-size: 1.54vw;
    font-weight: 600;
    color: white;
    line-height: 130%;
    text-shadow: 0 0 1px #000,0 0 2px #000,0 0 3px #000,0 3px 3px #000;
    transform: translateY(-50%);
}

div.fullPicColumn nav {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0;
/*	top: 1.5vw;					*/
    top: 50%;
    right: 1.5vw;
    width: 347.97px;
/*	bottom: 0.5vw;				*/
    bottom: auto;
    background-color: white;
    border-radius: 0.2vw;
	transform: translateY(-50%);
}

div.fullPicColumn nav a {
    position: relative;
    display: block;
    margin: 0;
    padding: 16px 18px;
    background-color: white;
    font-size: 0.75vw;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #777;
    border: 1px solid #eee;
}

ul.eventPanels figure {
//	width: 40.477vw;
//	height: 13.0415vw;
	width: 790px;
	height: 250px;
    background-color: rgba(0,0,0,0.25);
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 105%;
    background-color: #000;
}

ul.eventPanels {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}

ul.eventPanels li {
    position: relative;
    display: block;
    margin: 0 0 2vw 0;
    padding: 0;
//	width: 100%;
    width: calc(100% - 3vw);
    overflow: hidden;
	max-width: calc(100% - 1.7333vw);
    -o-box-shadow: 0.25vw 0.25vw 0.5vw rgb(0 0 0 / 67%);
    -ms-box-shadow: 0.25vw 0.25vw 0.5vw rgb(0 0 0 / 67%);
    -moz-box-shadow: 0.25vw 0.25vw 0.5vw rgb(0 0 0 / 67%);
    -webkit-box-shadow: 0.25vw 0.25vw 0.5vw rgb(0 0 0 / 67%);
    box-shadow: 0.25vw 0.25vw 0.5vw rgb(0 0 0 / 67%);
}

div.leftWideColumn {position: relative;display: inline-block;vertical-align: top;margin: 0;padding: 0;width: calc(100% - 304px - 3vw);}

div.fullPicColumn {
    margin-bottom: 3.5vw;
    box-shadow: 0 1.5vw 1vw -1vw rgb(0 0 0 / 33%);
}

ul.eventPanels p {
    width: 11vw;
    height: 7.45vw;
    background-color: #d4b030;
    position: relative;
    display: inline-block;
    margin: 0;
    color: white;
    font-weight: normal;
    line-height: 7.45vw;
    text-align: center;
    white-space: nowrap;
}

ul.eventPanels ul {
    position: relative;
    display: inline-block;
	width: 25.85vw;
    height: 5.95vw;
    margin: 0;
    padding: 0.75vw;
	vertical-align: top;
    background-color: white;
}

ul.eventPanels ul span.title {
    font-weight: 550;
    position: relative;
    display: block;
    font-size: 1vw;
    color: #555;
    margin: 0.5vw 0;
}

ul.eventPanels ul span {
    position: relative;
    display: block;
    font-size: 0.85vw;
    line-height: 130%;
}

ul.eventPanels ul span:last-of-type {
    position: relative;
    display: block;
	margin-top: 0.75vw;
    font-size: 0.85vw;
    line-height: 130%;
}

/* --- Inserted 03/11/2025 - Upgraded Event Panels --- */

ul.eventPanels2 { position: relative; display: block; margin: 0; padding: 0; }
ul.eventPanels2 figure { position: relative; display: block; margin: 0; padding: 0; width: 50%; height: 100%; background-repeat: no-repeat; background-position: top center; background-size: 105%; background-color: #000; background-color: rgba(0,0,0,0.25); }
ul.eventPanels2 li { position: relative; display: block; margin: 0 0 2vw 0; padding: 0; width: 66.67vw; height: 25vw; overflow: hidden;
    -o-box-shadow: 0.25vw 0.25vw 0.5vw rgb(0 0 0 / 67%);
    -ms-box-shadow: 0.25vw 0.25vw 0.5vw rgb(0 0 0 / 67%);
    -moz-box-shadow: 0.25vw 0.25vw 0.5vw rgb(0 0 0 / 67%);
    -webkit-box-shadow: 0.25vw 0.25vw 0.5vw rgb(0 0 0 / 67%);
    box-shadow: 0.25vw 0.25vw 0.5vw rgb(0 0 0 / 67%);
}
ul.eventPanels2 p { position: absolute; display: block; margin: 0; right: 0; bottom: 0; width: 50%; height: 7.45vw; font-size: 2.25vw; color: white; font-weight: normal; line-height: 7.45vw; text-align: center; white-space: nowrap; background-color: #d4b030; }
ul.eventPanels2 ul { position: absolute; display: block; margin: 0; padding: 0.75vw; vertical-align: top; top: 0; right: 0; width: calc(50% - 1.5vw); height: calc(100% - 9vw); background-color: white; }
ul.eventPanels2 ul span.title { position: relative; display: block; margin: 0.5vw 0; font-size: 2.25vw; font-weight: bold; color: #555; }
ul.eventPanels2 ul span { position: relative; display: block; font-size: 1.5vw; line-height: 130%; }
ul.eventPanels2 ul span:last-of-type { position: relative; display: block; opacity: 0; margin-top: 0.75vw; font-size: 0.85vw; line-height: 130%; }

/* --- Inserted 06/15/2025 - Upgraded Event Panels --- */

ul.eventPanels3 { position: relative; display: block; margin: 0; padding: 0; }
ul.eventPanels3 figure { position: relative; display: block; margin: 0; padding: 0; width: 50%; height: 100%; background-repeat: no-repeat; background-position: top center; background-size: 105%; background-color: #000; background-color: rgba(0,0,0,0.25); }
ul.eventPanels3 li { position: relative; display: block; margin: 0 0 2vw 0; padding: 0; width: 66.67vw; height: 25vw; overflow: hidden;
    -o-box-shadow: 0.25vw 0.25vw 0.5vw rgb(0 0 0 / 67%);
    -ms-box-shadow: 0.25vw 0.25vw 0.5vw rgb(0 0 0 / 67%);
    -moz-box-shadow: 0.25vw 0.25vw 0.5vw rgb(0 0 0 / 67%);
    -webkit-box-shadow: 0.25vw 0.25vw 0.5vw rgb(0 0 0 / 67%);
    box-shadow: 0.25vw 0.25vw 0.5vw rgb(0 0 0 / 67%);
}
/* ul.eventPanels3 p { position: absolute; display: block; margin: 0; right: 0; bottom: 0; width: 50%; height: 7.45vw; font-size: 2.25vw; color: white; font-weight: normal; line-height: 7.45vw; text-align: center; white-space: nowrap; background-color: #d4b030; } */
ul.eventPanels3 p {
    position: relative;
    display: inline-block;
    margin: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    font-size: 1.667vw;
    color: #333;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    white-space: normal;
    background-color: transparent;
    text-align: left;
}
ul.eventPanels3 ul { position: absolute; display: block; margin: 0; padding: 0.75vw; vertical-align: top; top: 0; right: 0; width: calc(50% - 1.5vw); height: calc(100% - 9vw); background-color: white; }
ul.eventPanels3 ul span.title { position: relative; display: block; margin: 0.5vw 0; font-size: 2.25vw; font-weight: bold; color: white; background-color: #d4b030; }
ul.eventPanels3 ul span { position: relative; display: block; font-size: 1.5vw; line-height: 130%; }
ul.eventPanels3 ul span:last-of-type { position: relative; display: block; opacity: 0; margin-top: 0.75vw; font-size: 0.85vw; line-height: 130%; }

div.rightColumn.update2503 figure { display: block; width: 40vw; height: 30vw; }
div.rightColumn.update2503 ul ul { padding: 0 0 3.333vw 1.5vw; width: calc(100% - 3.5vw); }

.horzNav h3 { font-size: 2.5vw; }
.horzNav ul.mainEventPanels figure {width: 25vw;height: 18.75vw;}
.horzNav ul.mainEventPanels.previous span:nth-child(2) { overflow-x: hidden; }

div.leftNarrowColumn.horzNav { width: calc(100% - 40px); }
div.leftNarrowColumn.horzNav nav a { display: inline-block; padding: 16px 8px; min-width: calc(100% / 13);text-align: center; font-size: 0.85vw; color: white; background-color: transparent; border-color: transparent; }
div.leftNarrowColumn.horzNav nav a:hover { background-color: white; color: #505; }
div.leftNarrowColumn.horzNav nav { text-align: center; padding: 2px 8px; background-color: #7a288a; border-radius: 8px; }

div.rightColumn.horzNav { display: block; width: 100%; }
div.rightColumn.horzNav ul.mainEventPanels span:last-of-type { top: auto; bottom: -3.333vw; left: auto; right: 0; width: calc(100% - 2vw); background-color: transparent; color: #333; width: 33%; overflow: visible; }
div.rightColumn.horzNav ul.mainEventPanels span.artBody:last-of-type { top: auto; width: 100%; height: auto; }
div.rightColumn.horzNav ul.mainEventPanels p { position: absolute; top: auto; bottom: 0 ;right: 0; width: calc(100% - 26vw); height: 1.5vw; }
div.rightColumn.horzNav ul.mainEventPanels li { position: relative; display: block; height: 18.75vw; }
/* div.rightColumn.horzNav ul.mainEventPanels.expand ul { position: relative; display: block; margin: -3.5vw 0 0 25vw; padding: 1.5vw; width: calc(100% - 28vw); height: calc(100% - 6.5vw); } */
div.rightColumn.horzNav ul.mainEventPanels ul { position: relative; display: block; margin: -3.5vw 0 0 25vw; padding: 1.5vw; width: calc(100% - 28vw); height: calc(100% - 6.5vw); }
div.rightColumn.horzNav span { position: relative; display: block; }
div.rightColumn.horzNav ul.mainEventPanels span p { position: relative; top: auto; width: 100%; height: auto; }


/* --- Added EventStyle Functionality 2026-06-17 --- */

 {
    display: none;
}

div.rightColumn.horzNav ul.mainEventPanels li {
    display: none;
}

div.rightColumn.horzNav ul.mainEventPanels li:first-of-type {
    display: block;
}

div.rightColumn.horzNav ul.mainEventPanels.expand li:first-of-type {
    display: block;
}

div.rightColumn.horzNav ul.mainEventPanels.expand li {
    div.rightColumn.horzNav ul.mainEventPanels.expand li: first-of-type;
    div.rightColumn.horzNav ul.mainEventPanels.expand li: first-of-type;
    display: block;
}

div.eventStyle ul.mainEventPanels {
    height: auto;
}

/* --- === --- */

div.rightNarrowColumn {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 20px;
    width: 304px;
    vertical-align: top;
}

/* - - - Block Quote - - - */

div.bqColumn {
    position: relative;
    display: block;
    z-index: 2;
//	margin: 0 calc(50% - 30.8445vw) -7.5vw calc(50% - 30.8445vw);
	margin: 0 calc(50% - 592px);
    padding: 0;
//	width: 61.689vw;
    width: 1184px;
    

}

div.bqColumn div {
    position: relative;
    display: inline-block;
    margin: 4.5vw 0;
    padding: 0;
    width: 764.19px;
    height: 559px;
    background-color: white;
}

div.bqColumn > div {
	width: calc(100% * (2 / 3));
    box-shadow: 0 1.5vw 1vw -1vw rgb(0 0 0 / 33%);
}

div.bqColumn div div {
    position: absolute;
    display: block;
/*	margin: 40% 0 0 0;				*/
	margin: 0;
    padding: 0 4.333vw;
/*	width: 32.7vw;					*/
	width: calc(100% - 5vw);
/*	height: auto;					*/
	height: 100%;
/*	transform: translateY(-50%);	*/
	background-color: #7a288a;
}

div.bqColumn p {
    position: relative;
    display: block;
    margin: 0.25vw 0;
    padding: 0 0.5vw 0 0;
    font-size: 1.2vw;
    line-height: 150%;
    font-weight: bold;
    color: #444;
}

div.bqColumn span { display: inline; }
div.bqColumn.rightColumn.horzNav span { display: inline; }
div.bqColumn p.bibleverse { font-size: 2.1vw; }
div.bqColumn.rightColumn.horzNav p.bibleverse { font-size: 2.1vw; }
div.bqColumn.rightColumn.horzNav p span { font-size: 2.1vw; }
div.bqColumn p.bibleverse span.JesusSaid { display: inline; background-color: transparent; font-size: 2.1vw; }
div.bqColumn.rightColumn.horzNav p.bibleverse span.JesusSaid { display: inline; background-color: transparent; font-size: 2.1vw; }

div.bqColumn > div > p {
    position: absolute;
    display: block;
    margin: -3vw 0 0 0;
    padding: 0;
    font-size: 300px;
    z-index: 2;
    line-height: 75%;
    font-family: auto;
/*	opacity: 0.12;		*/
/*	color: #333;		*/
    color: white;
    text-shadow: 0 0 1px #000,0 0 2px #000,0 0 3px #000,3px 3px 3px #000;
}

div.bqColumn figcaption span {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    line-heighT: 125%;
    font-size: 0.75vw;
}

div.bqColumn div.horzStats {
/*	background-color: rgb(122,122,122);	*/
	background-color: rgb(60,0,60); 
    position: relative;
    display: inline-block;
    width: calc(375px - 3vw);
    vertical-align: top;
}

div.horzStats ul {
    position: relative;
    display: block;
    margin: 4.15vw 3.75vw;
    padding: 0;
    list-style-type: none;
}

div.horzStats li big {
    position: relative;
    display: block;
    text-align: center;
    font-size: 4vw;
    margin: 0;
    line-height: 100%;
    font-weight: bold;
    color: white;
}

div.horzStats li span {
    position: relative;
    display: inline-block;
    text-align: left;
    font-size: 0.875vw;
    margin: 0 0 1vw 0;
    color: white;
    font-weight: bold;
    line-height: 100%;
}

div.bqColumn figure {
    position: relative;
    display: inline-block;
    margin: 2vw 0;
    padding: 0;
    width: 10%;
}

div.bqColumn figure img {
    position: relative;
    display: inline-block;
    margin: 0 1vw 0 0;
    padding: 0;
    width: 3.14vw;
    height: 3.14vw;
    border: 2px outset #ccc;
    background-color: #777;
    border-radius: 2.5vw;
    box-shadow: 0.125vw 0.125vw 0.25vw rgba(0,0,0,0.25);
}

div.bqColumn figcaption {
    position: absolute;
    display: inline-block;
    margin: 0;
    padding: 0;
    transform: translateY(-50%);
    top: 50%;
    left: 5vw;
    width: 10vw;
}

div.bqColumn div div ul {
    position: absolute;
    margin: 3.333vw 1.5vw 3.333vw 0;
    padding: 0;
    list-style-type: none;
	width: 80%;
    height: auto;
    overflow: hidden;
    max-height: 44vh;
}

div.bqColumn div div ul li {
    position: relative;
    display: none;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 2.2vh;
}

div.bqColumn div div ul li.active {
    display: block;
}

div.bqColumn div div ul li p {
    position: relative;
    display: inline-block;
    margin: 33% 0 0 0;
    font-size: 2.75vw;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    line-height: 115%;
    color: white;
}


/*	- - - - - - - - - - - */

div.fullWidePicColumn {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 488px;
    background-color: rgba(0,0,0,0.25);
    border-bottom: 2px solid #ccc;
    border-bottom-color: rgba(255,255,255,0.5);
    border-top: 2px solid #555;
    border-top-color: rgba(0,0,0,0.5);
}

div.fullWidePicColumn p {
    position: absolute;
    display: inline-block;
    margin: 0;
    padding: 1vw;
    top: 60%;
    left: calc(50% - 30.8445vw);
    transform: translateY(-50%);
    width: 33%;
    height: auto;
    color: white;
    text-shadow: 0 0 1px #000,0 0 2px #000,0 0 3px #000,0 3px 3px #000;
    background: linear-gradient(90deg,rgba(80,0,80,1),rgba(80,0,80,0));
    min-width: 25vw;
}

div.fullWidePicColumn p span {
    position: relative;
    display: block;
    color: white;
}

div.fullWidePicColumn p span:first-of-type {
    font-size: 1.65vw;
    font-weight: bold;
    margin-bottom: 0.333vw;
}

div.fullWidePicColumn button {
    position: absolute;
    display: block;
    margin: 0;
    padding: 0 2vw;
    top: 60%;
    right: calc(50% - 30.8445vw);
    transform: translateY(-50%);
    font-size: 0.85vw;
    white-space: nowrap;
    background-color: #d4b030;
    border-color: transparent;
}

footer {
    background-color: #2b2c33;
    color: white;
    position: relative;
    display: inline-block;
/*	padding: 0 calc(50% - 30.8445vw);		*/
/*	padding: 3.5vw calc(50% - 30.8445vw);	*/
    padding: 3.5vw calc(50% - 592px);
    width: 1184px;
/*	width: 61.689vw;						*/
/*	height: 38.333vw;						*/
    height: auto;
    margin: 0;
}

footer figure {
    position: relative;
    display: block;
    margin: 0;
    padding: 0.25vw;
    width: calc((99.3px - 2vw - 2px) * 3);
    height: calc(99.3px - 2vw - 2px);
    vertical-align: top;
}

footer figure.squareLogo {
    width: calc((99.3px - 2vw - 2px) * 3);
    height: calc((99.3px - 2vw - 2px) * 3);
    background: url(../images/clientLogo.webp) transparent center center no-repeat;
    background-size: contain;
/*	float: right;		*/
    margin-right: 6vw;
}

footer div {
    position: relative;
    display: inline-block;
    vertical-align: top;
/*	margin: 2vw 0 0.5vw 0.333vw;	*/
/*	margin: 2.5vw 0.5vw 0 0.5vw;	*/
	margin: 2.5vw calc(50% - 592px) 0 calc(50% - 592px);
    padding: 0 0 0 2vw;
/*	width: 15vw;					*/
	width: calc((100% / 3) - 3.5vw);
}

/*

footer div:first-of-type {
	margin: 2vw 0 0 0;
    padding: 0;
    width: 100%;
}

footer div:first-of-type span {
    font-size: 0.65vw;
}

footer div:nth-child(2) {
    width: 24.68vw;
    margin: 0;
    padding: 0;
}

*/

footer div:first-of-type {
    margin-top: 0;
}

footer div:first-of-type div {
    width: 100%;
	padding: 0;
}

footer div.miniNewsletter {
	display: none;
	margin: 1.5vw 0.333vw 2vw 0.333vw;
}

div.miniNewsletter p {
    font-weight: bold;
    font-size: 0.85vw;
    margin-bottom: 0.5vw;
}

footer div.miniNewsletter span {
    position: relative;
    display: block;
    margin-bottom: 1.5vw;
    font-size: 0.6vw;
    color: #ccc;
}

footer div.miniNewsletter input {
    position: relative;
    display: inline-block;
    width: 12.933vw;
    height: 1.3vw;
    padding: 0.6vw 1.3vw;
    outline: none;
    font-size: 0.84vw;
}

footer div.miniNewsletter button {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 6.775vw;
    height: 2.75vw;
    background-color: #d4b030;
}

footer div ul {
    padding: 0;
    margin: 0;
}

footer div ul span {
    color: #ccc;
/*	font-size: 0.8vw;	*/
	font-size: 1.05vw;
/*	display: list-item;	*/
	display: block;
	list-style-type: none;
    padding-left: 0;
}

footer ol {
    padding: 0 0 0 0.5vw;
    list-style-type: disc;
}

footer ol a {
    position: relative;
    display: block;
    font-size: 0.7vw;
    color: #ccc;
    text-decoration: none;
    line-height: 175%;
    margin-bottom: 0.75vw;
}

footer div:last-of-type span {
    font-size: 0.8vw;
}

footer div.miniSearch {
    margin: 0.5vw 0;
}

div.miniSearch button {
    position: relative;
	display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 1.3vw;
    height: 1.3vw;
	background: url(../images/search-icon.webp) #d4b030 center center no-repeat;
	background-size: contain;
}

div.miniSearch input {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0.14vw 1vw;
/*	width: 10.5vw;				*/
    width: calc(100% - 4vw);
    border-color: #ccc;
    background-color: transparent;
    color: white;
}

blockquote {
    position: absolute;
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    bottom: 1.5vw;
    left: 0;
    width: 100%;
    font-size: 0.6vw;
    color: #ccc;
}

/* - - - List Combo - - - */

li.listCombo {
    position: relative;
    display: inline-block;
    margin: 0 0 1.5vw 0;
    padding: 0;
    width: 100%;
}

li.listCombo figure {
    position: relative;
    display: inline-block;
//	margin: 0;
    margin: 0 0 1.5vw 0;
    padding: 0;
//	width: 12vw;
//	height: 9vw;
	width: 235px;
    height: 175px;
    box-shadow: none;
    vertical-align: top;
    background-color: #505;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

li.listCombo ul {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0.5vw;
    width: calc(100% - 14.25vw);
}

li.listCombo h3 {
    margin: 0 0 0.75vw 0;
    vertical-align: top;
}

/* - - - Bio Combo (Portrait Images) - - - */

li.bioCombo {
    position: relative;
    display: inline-block;
    margin: 0 0 1.5vw 0;
    padding: 0;
    width: 100%;
}

li.bioCombo figure {
    position: relative;
    display: inline-block;
//	margin: 0;
	margin: 0 0 1.5vw 0;
    padding: 0;
//	width: 9vw;
//	height: 12vw;
    width: 175px;
    height: 235px;
    box-shadow: none;
    vertical-align: top;
    background-color: #505;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

li.bioCombo figure.volunteer { background-size: cover; }

/* - - - Volunteer List - - - */

ul.mySignups li a {
    display: inline-block;
    position: relative;
    min-width: 7vw;
}

ul.mySignups li span {
    display: inline-block;
    position: relative;
    min-width: 13vw;
}

ul.mySignups li a,ul.mySignups li span {
    font-size: 1.333vw;
    margin-bottom: 0.333vw;
}


li.bioCombo ul {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0.5vw;
    width: calc(100% - 14.25vw);
}

li.bioCombo h3 {
    margin: 0 0 0.75vw 0;
    vertical-align: top;
}

/* - - - News Combo - - - */

li.newsCombo {
    position: relative;
    display: inline-block;
    margin: 0 0 1.5vw 0;
    padding: 0;
    width: 100%;
}

li.newsCombo figure {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 12vw;
    height: 9vw;
    box-shadow: none;
    vertical-align: top;
    background-color: #505;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

li.newsCombo ul {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0.5vw;
    width: calc(100% - 14.25vw);
}

li.newsCombo h3 {
    margin: 0 0 0.75vw 0;
    vertical-align: top;
}

/* - - - Forms - - - */

form {
    position: relative;
    display: inline-block;
    margin: 2.5vw 1vw;
    padding: 1.5vw;
    max-width: calc(100% - 5vw);
    border: 0.125vw inset #ccc;
    border-radius: 1.5vw;
    font-size: 1.333vw;
}

form label {
    position: relative;
    display: block;
    margin: 0.75vw 1.5vw;
}

form label span {
    position: relative;
    display: block;
    margin: 0.125vw 0;
}

form label input {
    padding: 0.25vw 1vw;
    min-width: 50%;
    font-size: 1.25vw;
    color: #333;
    border: 0.125vw solid #ccc;
    border-radius: 0.75vw;
    box-shadow: 0.125vw 0.125vw 0.125vw rgba(0,0,0,0.4);
}

form label select {
    margin: 0.75vw 0;
    font-size: 1vw;
    padding: 0.25vw;
    border-radius: 0.5vw;
    background-color: transparent;
    box-shadow: 0.25vw 0.25vw 0.125vw rgba(0,0,0,0.25);
}

form label textarea {
    font-size: 1vw;
    border-radius: 0.75vw;
    padding: 0.5vw;
    width: 93.5%;
    height: 4vw;
    border: 0.125vw solid #ccc;
    box-shadow: 0.125vw 0.125vw 0.125vw rgba(0,0,0,0.4);
    color: #333;
}

form button {
    float: right;
    border-radius: 0.75vw;
    margin: 0.75vw;
    background-color: #d4b030;
}

form button:disabled {
    background-color: #745830;
}

div.rightColumn figure.captcha {
    position: relative;
    display: block;
    margin: 1.5vw 2vw;
    box-shadow: none;
    background-image: url(../images/captcha.webp);
    background-size: 100%;
    width: calc(100% - 4vw);
	max-width: 383px;
    height: 4vw;
    background-repeat: no-repeat;
    background-position: center center;
	background-color: white;
}

input#eventName { width: 90%; }

div.rightColumn figure.captcha.active { background-image: url(../images/captcha-ok.webp); }

html.large-physical body main .horzNav ul.mainEventPanels figure { width: 12.5vw; height: 9.375vw; }
html.large-physical body main div.leftNarrowColumn { width: 8.2375vw; }
html.large-physical body main div.leftNarrowColumn.horzNav { width: calc(100% - 40px); }
html.large-physical body main div.leftNarrowColumn.horzNav nav a { font-size: 0.4575vw; }
html.large-physical body main div.rightColumn.horzNav ul.mainEventPanels li { height: 9.375vw; }
html.large-physical body main div.rightColumn.horzNav ul.mainEventPanels p { width: calc(100% - 13.5vw); height: 0.5vh; }
html.large-physical body main div.rightColumn p span { font-size: 3vh; }
html.large-physical body main div.rightColumn.horzNav ul.mainEventPanels ul { width: calc(100% - 14vw); height: calc(100% - 3.25vw); margin: -1.75vw 0 0 10.5vw; }
html.large-physical body main div.rightColumn ul ul { width: calc(100% - 8vw); }
html.large-physical body main div.rightColumn p { font-size: 2.5vh; }
html.large-physical body main div.rightColumn.horzNav p.timeBanner a.getInvolvedNow { margin-left: 1.25vh; font-size: 2vh; }
html.large-physical body main div.rightColumn.horzNav ul.mainEventPanels span.eventTimeSet:last-of-type { font-size: 2.125vh; margin-left: 1.25vh; }
html.large-physical body main div.rightColumn.horzNav p.timeBanner span.eventDaySet { font-size: 2vh; }
html.large-physical body main div.rightColumn.horzNav ul.mainEventPanels p.timeBanner { padding: 0.667vw 0 0.667vw 01vw; }
html.large-physical body main div.rightColumn.horzNav ul.mainEventPanels span p { top: unset; margin-left: 1.5vw; padding: 0; height: 4.5vw; width: 18.25vw; overflow-x: unset; }

@media only screen and (orientation: portrait) and (max-width: 640px) {
	div.notMobile { display: none; }
	button.toTop { width: 5vh; height: 5vh; font-size: 5vh; line-height: 6vh; }
	button.accordian { margin: 2.5vw; width: 5.25vw; height: 5.25vw; }
	button.gallery { margin: 1.5vw; width: 10vw; height: 7vw; }
	strong { font-size: 3.333vw; }

	header { height: 100vh; }

	header div.heading { margin: 8vw 5vw; width: calc(100% - 10vw); }

	div.heading span { font-size: 4vw; }
	div.heading ul a { display: inline-block; width: auto; height: auto; font-size: 4vw; color: #eee; }
	div.heading ul a:first-of-type { display: inline-block; width: 4vw; height: 4vw; }
	div.heading img { height: 100%; }

	header div div.mobileBar {
/*		position: relative;				*/
		position: fixed;
		display: block; 
		z-index: 99;
	    width: 100%;
    	height: calc(136px - 2.5vw);
    	background-color: #505;
		-o-transition: height 750ms;
		-ms-transition: height 750ms;
		-moz-transition: height 750ms;
		-webkit-transition: height 750ms;
		transition: height 750ms;
	}

	header div div.mobileBar.squishr { height: 96px; 
		-o-transition: height 750ms;
		-ms-transition: height 750ms;
		-moz-transition: height 750ms;
		-webkit-transition: height 750ms;
		transition: height 750ms;
	}

	div.mobileBar figure {
    	position: relative;
	    display: inline-block;
    	margin: 1.5vw;
	    padding: 0;
    	width: 13vw;
	    height: 13vw;
	}

	header marquee span {
	    font-size: 1.7vh;
    	line-height: 3vh;
	}

	div.mobileBar div {
    	position: absolute;
	    display: block;
    	margin: 0;
	    padding: 0;
    	top: 0;
	    left: 16vw;
    	color: white;
	    height: 3.5vw;
	}

	div.mobileBar select {
    	position: absolute;
	    display: block;
    	margin: 0;
	    padding: 0;
/*    	top: 4vw;				*/
		top: 26px;
	    left: 16vw;
    	padding-left: 6vw;
    	width: calc(85% - 15vw);
	    font-size: 4.5vw;
    	color: white;
	    background: url(../images/menu.webp) transparent left center no-repeat;
		background-size: contain;
    	border-color: white;
	}

	div.mobileBar select option { color: #333; }

	div.mobileBar ul {
    	position: absolute;
	    display: block;
		text-align: center;
    	margin: 0;
	    padding: 0;
    	bottom: 1vw;
	    left: 16vw;
		right: 16vw;
    	height: 13.5vw;
		-o-transition: height 750ms;
		-ms-transition: height 750ms;
		-moz-transition: height 750ms;
		-webkit-transition: height 750ms;
		transition: height 750ms;
	}

	div.mobileBar.squishr ul { height: 7vw; overflow: hidden; 
		-o-transition: height 750ms;
		-ms-transition: height 750ms;
		-moz-transition: height 750ms;
		-webkit-transition: height 750ms;
		transition: height 750ms;
	}

	div.mobileBar button {
    	position: relative;
	    display: inline-block;
	    margin: 0.5vw 1vw;
	    padding: 0 1.25vw;
	    min-width: 6vw;
		height: 6vw;
    	min-height: 6vw;
	    font-size: 4.75vw;
    	line-height: normal;
    	border-radius: 0.5vw;
		background-image: none;
	    background-color: #34DB9B;
	    background-size: contain;
    	background-repeat: no-repeat;
	    color: #333;
	}

	div.mobileBar button:nth-child(2n) { background-color: #d4b030; }

	header div div.topBar { display: none; }
  
	header div div.midHeaderContent {
    	margin: 20vh 5vw 5vh 5vw;
	    width: calc(100% - 30vw);
    	padding: 5vw 10vw;
    	height: calc(80vh - 100px);
	    transform: unset;
	}

	button { font-size: 2.333vh; }

	button.info { padding: 0 2.25vh 5vh 2.25vh; margin: 0 1.5vh 0 0; font-size: 2.25vw; line-height: 5vh; }
	button.info.square { margin: 5vw; font-size: 5vw; }
	button.idea { padding: 0 2.25vh 5vh 2.25vh; margin: 0 1.5vh 0 0; font-size: 2.25vw; line-height: 5vh; }
	header div div.midHeaderContent ul ul { 
    	display: inline-block;
	    width: 70vw;
    	height: 10vw;
	    bottom: 0;
	}
	header div div.midHeaderContent ol { width: calc(100% - 30vw); }
	header div div.midHeaderContent ol button { width: 0.75vh; height: 0.75vh; }


main div.newsletter {
    padding: 5vh 0;
    width: 100%;
}

main div.newsletter div {
    width: 100%;
    text-align: center;
}

div.newsletter h2 {
    font-size: 3vh;
}

div.newsletter span {
    font-size: 2.667vh;
    margin-bottom: 1.5vh;
}

div.newsletter form {
    margin: 0 5vh 5vh 5vh;
    width: calc(100% - 10vh);
    max-width: none;
    text-align: center;
}

div.newsletter input {
    font-size: 3vh;
    margin: 1.5vh;
    width: calc(100% - 3vh - 4vw);
}

div.newsletter button {
    font-size: 2vh;
    height: auto;
    margin: 1.5vh;
    padding: 1.15vh 2.333vh;
    border-radius: 1vh;
}
  
ul.newsletters li {
    margin: 1.5vh 0;
    padding: 0 0 0 4vh;
}

ul.newsletters li a {
    font-size: 1.5vh;
    line-height: 2.75vh;
}  
  
div.triplePicHeading {
    width: 100%;
    margin: 0;
    height: 100vw;
}

div.triplePicHeading figure.bgAbstract1 {
    top: 5vw;
    left: 5vw;
    width: 20vh;
}

div.triplePicHeading figure.bgAbstract2 {
    height: 22vw;
    width: 17.5vh;
    bottom: 0;
    right: 0;
    left: 10vw;
}

div.triplePicHeading figure.rightBack {
    top: 4vw;
    right: 4vw;
    width: 50vw;
    height: 43vw;
}

div.triplePicHeading figure.leftMid {
    top: 30vw;
    left: 4vw;
    width: 50vw;
    height: 43vw;
}

div.triplePicHeading figure.midFront {
    bottom: 0;
    right: 2.5vw;
    left: auto;
    width: 49vw;
    height: 54vw;
    top: auto;
}

div.twoColumn {
    width: 100vw;
    margin: 0;
}

h3 {
    font-size: 5.25vw;
}

div.rightColumn {
    width: calc(100% - 10vw);
    margin: 1.5vw 5vw;
}

div.rightColumn span {font-size: 2.25vh;}

div.rightColumn figure {
    width: 80vw;
    height: 60vw;
    box-shadow: none;
    border: 2px solid #333;
}

div.rightColumn ul ul {
    width: calc(100% - 10vw);
}

div.rightColumn ul.mainEventPanels li {
    box-shadow: none;
    border: 2px solid #333;
    margin: 0 0 10vw 0;
}

div.rightColumn ul.mainEventPanels figure {
    width: calc(100% - 4px);
    height: 60vw;
    box-shadow: none;
    border: 2px solid #333;
}

div.rightColumn ul.mainEventPanels p {
    width: 100%;
    text-align: center;
    padding: 2.5vw 0;
}

div.rightColumn ul.mainEventPanels.expand ul {
    position: relative;
    display: list-item;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    text-align: unset;
    transform: unset;
    right: unset;
}

div.rightColumn ul.mainEventPanels.expand ul span.title {
    text-align: center;
    margin: 2.5vw 0;
    font-size: x-large;
    white-space: normal;
}

div.rightColumn ul.mainEventPanels span:last-of-type {
    position: relative;
    margin: 2.5vw 0;
    padding: 0;
    font-size: 4vw;
    width: 100%;
    text-align: center;
    right: auto;
}

div.rightColumn ul.mainEventPanels span p {
    width: calc(100% - 10vw);
    margin: 0 5vw;
}

div.rightColumn li.bioCombo figure {
    margin: calc(10vw - 2px);
    width: 60vw;
    height: 80vw;
    box-shadow: 0 5vw 5vw -1.5vw rgba(0,0,0,0.65);
}

div.rightColumn p span {
    position: relative;
    display: block;
    margin: 5vw 0 0 5vw;
    font-size: 5vw;
}

li.listCombo figure {
    margin: 5vw 0 10vw 0;
}

div.invite button {
    font-size: 6vw;
    padding: 0 5vw;
    height: auto;
    line-height: 16vw;
    box-shadow: none;
    border: 2px solid #747;
}

h4 {
    font-size: 4.85vw;
}

form {
    width: 100%;
    font-size: 4vh;
}

div.rightColumn form label span {
    font-size: 5vw;
}

form label input {
    font-size: 5vw;
    width: calc(100% - 7.5vw);
}

div.rightColumn figure.captcha {
    margin: 5vw 5vw 0 2.5vw;
    width: calc(100% - 10vw);
    height: 20vw;
}

form label textarea {
    font-size: 5vw;
    padding: 5vw;
    width: calc(100% - 15vw);
    height: 25vw;
}

form button {
    margin: 5vw 5vw 0 0;
    padding: 5vw;
    line-height: normal;
    height: auto;
}

div.rightColumn p {
    font-size: 4vw;
}

  div.rightColumn button {
    margin: 5vw;
    height: auto;
    padding: 5vw;
    font-size: 5vw;
    background-color: orange;
    border-color: #333;
}

div.fullColumn {
    margin: 0 5vw;
    width: calc(100% - 10vw);
}

ul.tripleColumn li {
    margin: 5vw;
    width: calc(100% - 10vw);
    text-align: center;
}

ul.tripleColumn li ol {
    list-style-type: none;
}

ul.tripleColumn img {
    width: 55.5vw;
    height: calc(55.5vw * 0.75);
    margin: auto;
}

ul.tripleColumn p {
    font-size: 5vw;
    margin: 5vw 0;
}

div.fullPicColumn {
    margin: 5vw calc(5vw - 2px) 10vw calc(5vw - 2px);
    width: calc(100% - 10vw);
    background-size: contain;
    background-position: top center;
    background-color: #505;
    border: 2px solid #333;
}

div.fullPicColumn div {
    width: calc(100% - 10vw);
    margin: 33.333vw 5vw 5vw 5vw;
    height: calc(100% - 33.333vw - 5vw);
}

div.fullPicColumn p {
    position: absolute;
    display: block;
    margin: 10vw 6vw 0 6vw;
    padding: 0;
    top: -26.5vw;
    height: 10vw;
    font-size: 3.75vw;
    width: calc(100% - 15vw);
}

div.fullPicColumn nav {
    width: calc(100% - 3vw);
}

div.fullPicColumn nav a {
    font-size: 3.25vw;
    padding: 3.5vw;
}

div.bqColumn {
    margin: 5vw calc(5vw - 2px) 10vw calc(5vw - 2px);
    width: calc(100% - 10vw);
    height: 100vw;
    border: 2px solid #333;
}

div.bqColumn > div > p {
    margin: -10vw 0 0 0;
}

div.bqColumn div div {
    width: 100%;
    position: relative;
    padding: 0;
}

div.bqColumn > div {
    width: 100%;
    height: 75vw;
}

div.bqColumn div div ul {
    margin: 12.5vw 10vw 0 10vw;
    width: calc(100% - 20vw);
}

div.bqColumn div div ul li p {
    font-size: 6vw;
}

div.bqColumn div.horzStats {
    position: absolute;
    display: block;
    margin: 0;
    padding: 5vw 0;
    width: 100%;
    height: 20vw;
    left: 0;
    right: 0;
    bottom: 0;
}

div.horzStats ul {
    margin: 0;
    text-align: center;
}

div.horzStats li {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 2.5vw;
    width: calc((100% / 3) - 5.75vw);
    vertical-align: top;
}

div.horzStats li big {
    font-size: 10vw;
}

div.horzStats li span {
    font-size: 2.5vw;
}

div.fullWidePicColumn {
    width: 100vw;
    height: 55vw;
}

div.fullWidePicColumn p {
    top: 20%;
    left: 40%;
    width: 50%;
}

div.fullWidePicColumn button {
    top: 40%;
    right: 10%;
    font-size: 2vw;
    padding: 2.5vw 2.5vw 2.5vw 2.5vw;
    line-height: 0.5vw;
    border-color: darkgoldenrod;
    border-radius: 1.5vw;
}

footer {
    padding: 5vw;
    width: calc(100% - 10vw);
}

footer div {
    width: 100%;
    margin: 0 0 5vw 0;
    padding: 0;
    text-align: center;
}

footer figure.squareLogo {
    margin: auto;
    width: 50vw;
    height: 50vw;
}

h6 {
    margin: 2.5vw 0;
    font-size: 5vw;
}

footer div.miniSearch {
    margin: 2.5vw 0;
    width: calc(100% - 10vw);
}

div.miniSearch input {
    width: calc(80% - 12.5vw);
    padding: 2.5vw;
}

div.miniSearch button {
    width: 9vw;
    height: 9vw;
    margin: 0 0 0 2.5vw;
    padding: 0;
}

footer div ul span {
    font-size: 4vw;
}

footer ol {
    list-style-type: none;
    padding: 0;
}

footer ol a {
    font-size: 3.5vw;
    margin: 2.5vw 10vw;
}

footer ol li {
    border: 1px solid #eee;
    margin: 0 0 7.5vw 0;
}

blockquote {
    bottom: 0;
    padding: 2.5vw;
    font-size: 3vw;
    width: calc(100% - 5vw - 4px);
    border: 2px solid #505;
    background-color: #202;
}

header div div.midHeaderContent figure {
    width: 76vw;
    height: 50vw;
}

header div div.midHeaderContent figcaption {
    top: 50vw;
    left: 0;
    right: 0;
    height: auto;
}

header div div.midHeaderContent {
    padding: 5vw;
    width: calc(100% - 20vw);
    height: 73vh;
    margin: 17.5vh 5vw 5vh 5vw;
}

}

@media only screen and (orientation: portrait) {
    .rightColumn.horzNav {
        margin: 0;
    }
    article.partners aside {
       max-width: none;
        width: 95vw;
    }
    article.partners aside:first-of-type {
       max-width: none;
        width: 95vw;
    }
    article.partners aside li {
        width: 100%;
        font-size: 3vh;
    }
    article.partners aside:first-of-type li {
        width: 100%;
        font-size: 3vh;
    }
    div.rightColumn ul.liveEvents { display: block; }
}

@media only screen and (max-width: 1400px) and (orientation: landscape) {

    h1 { font-size: 2.5vw; }
    div.fullPicColumn p { width: 33%; }
    header div div.midHeaderContent { margin-top: calc(192px + 16.5vw); }

}

@media only screen and (max-width: 1200px) and (orientation: landscape) {

    div.triplePicHeading figure.leftMid { left: 2.5vw; }
    header div div.midHeaderContent p { font-size: 1.333vw; }

}

@media only screen and (max-width: 1160px) and (orientation: landscape) {

    header div div.topBar { margin: 0; width: 100vw; } /* Collapse Top Bar */

}

@media only screen and (max-width: 1160px) and (max-height: 1200px) and (orientation: landscape) {



}
