/* CSS Document */
.container {
  position: relative;
}

.error {
  border: 3px solid red !important;
}

.main-home {
  padding: 0px !important;
}

.card {
  margin: 20px;
  height: 100px;
}

#home_hero {
  position: relative;
}

.hero-text {
  display: flex;
  align-items: center;
}

#trivia-content {
  text-align: center;
  padding: 20px;
}

#trivia_hero {
  position: relative;
  max-height: 500px;
  overflow: hidden;
}

#image_extender {
  background-image: linear-gradient(to right, #D98C0C 0%, #E8A12B 37%, #E8A22D 56%, #D28300 100%);
  height: 100px;
}

#image_guide {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

#image_guide img {
  width: 100%;
}

#hero_overlay {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  min-height: 300px;
  padding: 20px 0px;
}

#hero_overlay_text {
  padding: 15px;
}

#hero_overlay_text h2, #hero_overlay_text p {
  color: white;
}

#trivia-content p {
  font-size: 20px;
}

#trivia-content .highlight {
  /*	background-color: #289;*/
  background-color: #0083af;
  color: white;
  font-weight: 500;
}

#trivia-content input[type=radio] {
  opacity: 0;
}

#trivia-question-content {
  padding: 20px;
}

#trivia-question-content[class*=correct] h3, #trivia-question-content[class*=correct] p, #trivia-question-content[class*=correct] label {
  color: white;
}

#trivia-question-content.correct {
  background-color: green;
}

#trivia-question-content.incorrect {
  background-color: red;
}

input[id^=trivia] {
  padding: 10px 15px;
  border-radius: 20px;
  border: 0px;
}

#winner_submit {
  border: 0px;
  padding: 10px 20px;
  border-radius: 5px;
}

#trivia-submit {
  background-color: #fd9c00;
  color: white;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* bubble */
.bubble {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #88CCEE;
  border-radius: 100%;
}

.float {
  opacity: 0 !important;
  bottom: 100% !important;
  transition: 3s ease-in;
}

.bubble-reflection {
  width: 75%;
  height: 75%;
  border-radius: 100%;
  border: 2px solid #88DDFF;
  border-left: transparent;
  border-bottom: transparent;
  border-right: transparent;
}

/* bubble end */
/*#region Members menu*/
.members_menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.members_menu > li > a {
  display: contents;
}

/*#endregion*/
/* Vars
 *	$max-width
 * 		The standard max width
 */
/* Extends
 *	%inlinish-dl
 *		Makes dt/dd's display: contents, and gives them ::after seperators
 *		dd/dt groups must be wrapped in divs
 */
/* Elements
 *  body
 *      Makes the body a column flex with min height of 100vh (so that inner main fills up extra height if its less than screen height)
 *
 *  main
 *      Has a flex grow of 1 (so that it can fill up the height of its parent body flex)
 *
 */
/* Classes
 *	.blinkpact
 *		Makes the text centered, blinking, bold, and big. FANTASTIC
 *
 *	.mock-li
 *		Styles an element like a list item, but without having to be an li or using a ul
 *
 *	.ida-ldc-buttons
 *		The container containing the two children, IDA and LDC links. USED on  template home
 *
 *	.inline-dl
 *		Used on a dl to make the term and entry be on the same line (display: inline)
 *		dts are bold and underlined
 *
 *	.inlinish-dl
 *		Used on a dl to make the term and entry on the same line (display: contents), with extra space in between each div.
 *		dds are bold. dds/dts must be inside divs.
 *		Uses %inlinish-dl
 *
 *	.shortbannerldc
 *		A thin banner on the top of LDC main templates
 *
 *	.shortbannerida
 *		A thin banner on the top of IDA main templates
 *
 *	.standard-main
 *		Styles a container. Used on `<main>` in basic main, templates.
 *		Also styles its h1 children
 *		Uses $max-width
 *
 *	.ul-dl
 *		Styles a dl to appear like ul. dd & dt must be wrapped in divs, and are inline
 *		Uses %inlinish-dl
 *
 */
/* IDs
 *	#basic-main-editable-content
 *		Editable content in basic IDA/LDC templates are placed into a section with this ID. It has basic max-width styles.
 *		Uses $max-width
 */
.ul-dl > div > dt, .inlinish-dl > div > dt, .ul-dl > div > dd, .inlinish-dl > div > dd {
  display: contents;
}
.ul-dl > div > dt::after, .inlinish-dl > div > dt::after, .ul-dl > div > dd::after, .inlinish-dl > div > dd::after {
  content: " , ";
  margin-left: -0.25em;
}
.ul-dl > div > dt:last-of-type::after, .inlinish-dl > div > dt:last-of-type::after {
  content: " : ";
}
.ul-dl > div > dd:last-of-type::after, .inlinish-dl > div > dd:last-of-type::after {
  content: none;
}

body {
  flex-direction: column;
  display: flex;
  min-height: 100vh;
}

main {
  flex: 1;
}

.blinkpact {
  font-weight: bold;
  font-size: 1.3em;
  animation: blinkpact-anim 0.75s ease infinite alternate;
}
.blinkpact:not(p > *) {
  display: block;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
}

@keyframes blinkpact-anim {
  100% {
    color: red;
  }
}
.mock-li {
  display: list-item;
  margin-left: 2em;
}
.mock-li:not(:has(+ .mock-li)) {
  margin-bottom: 1em;
}

.ida-ldc-buttons > :first-child {
  display: flex;
  font-size: 1.7em;
  line-height: 1.1lh;
  font-weight: bold;
  text-shadow: 10px 15px 10px rgba(0, 0, 0, 0.5333333333);
  text-align: center;
  height: 100vh;
}
.ida-ldc-buttons > :first-child > * {
  flex: 1;
  background-size: cover;
  align-content: center;
  transition: flex 1s;
  padding-bottom: calc(55px + 10vh);
}
.ida-ldc-buttons > :first-child > *:focus-visible > * {
  outline: auto;
}
.ida-ldc-buttons > :first-child > *:not(a:hover) {
  color: white;
}
.ida-ldc-buttons > :first-child > *:hover {
  flex: 1.1;
}
.ida-ldc-buttons > :first-child > * * {
  color: inherit;
}
.ida-ldc-buttons > :first-child > *:first-child {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3333333333), rgba(0, 0, 0, 0.3333333333)), url("/sitehold/images/fileman/Page Images/downtown.jpg peconic crossing.jpg");
}
.ida-ldc-buttons > :first-child > *:last-child {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3333333333), rgba(0, 0, 0, 0.3333333333)), url("/sitehold/images/fileman/Page Images/Picture1.jpg Aerial downtown.jpg");
}
.ida-ldc-buttons > :first-child > *:not(:first-child) {
  clip-path: polygon(15vh 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -7.5vh;
  padding-left: 15vh;
}
.ida-ldc-buttons > :first-child > *:not(:last-child) {
  clip-path: polygon(0 0, 100% 0, calc(100% - 15vh) 100%, 0 100%);
  margin-right: -7.5vh;
  padding-right: 15vh;
}
.ida-ldc-buttons > img {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: calc(55px + 10vh);
  -o-object-fit: contain;
     object-fit: contain;
  padding: 9px;
  background-color: rgba(255, 255, 255, 0.6666666667);
}

.inline-dl > dd, .inline-dl > div > dd, .inline-dl > dt, .inline-dl > div > dt {
  display: inline;
}
.inline-dl > dt, .inline-dl > div > dt {
  font-weight: bold;
  text-decoration: underline;
}
.inline-dl > dt::after, .inline-dl > div > dt::after {
  content: ":";
}
.inline-dl > dd::before, .inline-dl > div > dd::before {
  content: " ";
}
.inline-dl > dd::after, .inline-dl > div > dd::after {
  content: "\a";
  white-space: pre;
}

.inlinish-dl > div {
  margin: 1em 0;
}
.inlinish-dl > dt {
  font-weight: bold;
}

.shortbannerida, .shortbannerldc {
  min-height: calc(6rem + 10vh);
  color: white;
  background-size: cover;
}

.shortbannerida {
  background-image: url("/sitehold/images/fileman/Page Images/peconic-ida-banner.jpg");
}

.shortbannerldc {
  background-image: url("/sitehold/images/fileman/Page Images/riverpointe-ldc-banner.jpg");
}

.standard-main > h1 {
  max-width: 1234px;
  margin-left: auto;
  margin-right: auto;
}

.ul-dl {
  padding-left: 2rem;
}
.ul-dl > div {
  display: list-item;
}

#basic-main-editable-content {
  margin: 1rem auto;
  padding: 0 1rem;
  max-width: 1234px;
}
#basic-main-editable-content > h2 {
  border-top: 1px solid currentColor;
}

#topheader {
  color: white;
  background-color: black;
  display: flex;
  justify-content: space-between;
}
#topheader > * {
  align-content: center;
  margin: 0;
}
#topheader button[aria-controls=headernavcontent] {
  display: block;
  margin: 0.5rem 0.25rem;
  padding: 0.5rem;
  font-size: 1.75em;
  color: inherit;
  background: none;
  border: none;
}
#topheader > nav {
  display: contents;
}
#topheader > nav button[aria-controls=headernavcontent][aria-expanded=true] + #headernavcontent {
  grid-template-rows: 1fr;
  visibility: visible;
}
#topheader > nav > #headernavcontent {
  float: unset;
  position: fixed;
  display: grid;
  grid-template-rows: 0fr;
  transition: 1s;
  visibility: hidden;
  transition-property: grid-template-rows, visibility;
  background-color: black;
  text-align: center;
  text-transform: uppercase;
}
#topheader > nav > #headernavcontent > div {
  min-height: 0;
  grid-row: 1/span 2;
  overflow: clip;
}
#topheader > nav > #headernavcontent > div > ul {
  padding: 0.5rem;
  align-items: stretch;
}
#topheader > nav > #headernavcontent > div > ul > li > * {
  color: white;
  display: block;
  padding: 0.5rem 1rem;
  transition: none;
}
#topheader > nav > #headernavcontent > div > ul > li > *:is(a):hover {
  color: black;
  background-color: white;
}
#topheader > :last-child {
  padding: 1rem;
  color: inherit;
  font-size: 1.5em;
}/*# sourceMappingURL=theme_over.css.map */