@charset "UTF-8";
/* CSS Document */

/* 

CSS Contents

Winter primary code: #26193d
Winter seconday code: #6cc1b2

1. Header starts
2. Agenda

*/

/* Below code is for when you highlight text */
::selection {
  background: #001432; /* WebKit/Blink Browsers */
  color:#ffffff;
}
::-moz-selection {
  background: #001432; /* Gecko Browsers */
  color:#ffffff;
}


body {
    margin: 0;
	background-color: #2b2b2b;
}

.content-body-margin{
    margin-left:20px;
    margin-right:20px;
}

a:link {
    	text-decoration: none;
}

a:visited {
    	text-decoration: none;
}

a:hover {
    	text-decoration: none;
}

a:active {
    	text-decoration: none;
}

h1  {
    font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
    font-size:10px;
    color:#001432;
	display:inline;
	font-weight: normal;
	padding:0px;
	margin:0px;
	}

img{
max-width:100%;
display: block;
height:auto;
}


.back-to-SFT-grid-wrapper {
    width:100%;
	border-bottom:solid 2px #ffd200;
}

.back-to-SFT-grid {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-column-gap: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
    max-width: 1600px;
}


.back-to-SFT {
    grid-column: 1/3;
display: flex;
flex-direction: column;
justify-content: center;
	font-family: "proxima-nova", sans-serif;
	font-weight: 700;
font-style: normal;
font-size:15px;
color:#ffffff;
text-align:right;
}

.hamburger-close-grid {
    display: grid;
    grid-column: 9/11; /* adjust if needed */
    grid-row:1;
    color:#706f6f;   

}

.hamburger-close-menu {
    display: flex;
    align-items: center;
    gap: 8px; /* space between MENU text and icon */
    cursor: pointer;
  justify-self: end;
}

@media screen and (max-width:1000px){
.back-to-SFT {
    grid-column: 1/13;
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
font-style: normal;
font-size:15px;
color:#ffffff;
text-align:right;
}
}

.navigation {
    grid-column: 3/9;
    display: flex;
    align-items: center;      /* vertical center */
    justify-content: center;  /* horizontal center */
    gap: 32px;
}


.navigation-lniks{
 	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
font-style: normal;
font-size:18px;
color:#706f6f;   
}

.navigation-lniks:hover{
 	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
font-style: normal;
font-size:18px;
color:#ffffff;   
}

.reserve-table-button {
    grid-column: 9/11;
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
font-style: normal;
font-size:18px;
color:#ffffff;
text-align:center;
border: solid 1px #ffffff;
border-radius:10px;
padding:10px;
}


.reserve-table-button:hover {
    grid-column: 9/11;
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
font-style: normal;
font-size:18px;
color:#2b2b2b;
text-align:center;
border: solid 1px #ffffff;
border-radius:10px;
padding:10px;
background-color:#ffffff;
}

.mobile-navigation{
    margin-top:30px;
    text-align:center;
}


/* Hamburger hidden by default (desktop) */
.hamburger-menu {
    display: none;
    font-family: "proxima-nova", sans-serif;
	font-weight: 400;
    font-style: normal;
    font-size:18px;
    color:#706f6f;  
    cursor: pointer;

}

.hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  min-height: 600px;
  overflow: hidden;
  max-width:1600px;
  margin-left:auto;
  margin-right:auto;
}

/* Full image covers all 12 columns */
.hero-image {
  grid-column: 1 / -1;
  grid-row: 1;
   position: relative;
  margin-left:400px;
}

.hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

}

.hero-image::after {
  content: "";
  position: absolute;
  inset: 0;

background:
  linear-gradient(
    to right,
rgba(43,43,43,1) 0%,
  rgba(43,43,43,0.6) 20%,
  rgba(43,43,43,0) 100%
  ),

  linear-gradient(
    to left,
rgba(43,43,43,1) 0%,
  rgba(43,43,43,0.6) 20%,
  rgba(43,43,43,0) 40%
  ),

  linear-gradient(
    to top,
rgba(43,43,43,1) 0%,
  rgba(43,43,43,0.6) 20%,
  rgba(43,43,43,0) 40%
  );

  z-index: 1;
}

/* MOBILE */
@media (max-width: 1200px) {

    /* hide nav + reserve button */
    .navigation {
        display: none;
    }

    /* show hamburger */
.hamburger-grid {
    display: grid;
    grid-column: 9/11; /* adjust if needed */
    grid-row:1;

}

.hamburger-menu {
    display: flex;
    align-items: center;
    gap: 8px; /* space between MENU text and icon */
    cursor: pointer;
  justify-self: end;
}




.reserve-table-button {
    /*
    grid-column: 8/11;
    */
    display: none;

}

.back-to-SFT{
     grid-column: 1/5; /* adjust if needed */   
}

.hero-image {

   margin-left:0px;
}

}

/* MOBILE */
@media (max-width: 900px) {
.back-to-SFT{
     grid-column: 1/7; /* adjust if needed */   
}  
}

/* MOBILE */
@media (max-width: 500px) {
.back-to-SFT{
     grid-column: 1/9; /* adjust if needed */   
}  
}



.grid12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
     grid-column-gap: 20px;
     max-width:1600px;
     margin-left:auto;
     margin-right:auto;
}

.grid12-bottom-images {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
     grid-column-gap: 20px;
     grid-row-gap: 20px;
     max-width:1600px;
     margin-left:auto;
     margin-right:auto;
     margin-top:30px;
     margin-bottom:30px;
}

.span3 {
  grid-column: span 3;
  border-radius:10px;
}

.span3 img {
  border-radius:10px;
}


.grid12-categories {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
     grid-column-gap: 20px;
     grid-row-gap: 20px;
     max-width:1600px;
     margin-left:auto;
     margin-right:auto;
     margin-top:30px;
     margin-bottom:30px;
}

.span6 {
  grid-column: span 6;
}

.span12 {
  grid-column: span 12;
}

.hero-text {

  grid-column: span 12;
     margin-top:50px;
    margin-bottom:30px;
}

.page-title-text {

  	font-family: "proxima-nova", sans-serif;
	font-weight: 900;
    font-style: normal;
    font-size: 50px;
    color: #ffffff;
}

.hero-logo {
    grid-column: 1/7;
}

@media screen and (max-width:1000px){
.hero-logo {
    grid-column: 3/11;
}
}

.hero-logo2 {
    grid-column: 8/13;
}

@media screen and (max-width:1000px){
.hero-logo2 {
    grid-column: 3/11;
}
}

/* Overlay content spans left 6 columns */
.hero-overlay {
  grid-column: 1 / span 6;
  grid-row: 1;

  z-index: 2;

  display: flex;
  flex-direction: column;
  justify-content: center;

  
  	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #ffffff;
    
      display: flex;
  flex-direction: column;

  /* Push everything to the bottom */
  justify-content: flex-end;
  margin-bottom:20px;
  margin-top:40px;
}

@media screen and (max-width:1000px){
/* Overlay content spans left 6 columns */
.hero-overlay {
  grid-column: 1 / span 12;
  grid-row: 2;

  z-index: 2;

  display: flex;
  flex-direction: column;
  justify-content: center;

  
  	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #ffffff;
    
      display: flex;
  flex-direction: column;

  /* Push everything to the bottom */
  justify-content: flex-end;
  margin-bottom:20px;
}
}


.hero-overlay img{
width:100%;
}

.hero-image,
.hero-overlay {
  position: relative;
}

.contact-button {
    grid-column: 1/7;
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
font-style: normal;
font-size:18px;
color:#ffffff;
text-align:center;
border: solid 2px #ffffff;
border-radius:10px;
padding:15px;
}

.contact-button:hover {
    grid-column: 1/7;
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
font-style: normal;
font-size:18px;
color:#2b2b2b;
text-align:center;
border: solid 2px #ffffff;
border-radius:10px;
padding:15px;
background-color:#ffffff;
}

@media screen and (max-width:1000px){
.contact-button {
        grid-column: span 12;
        margin-bottom:10px;
}

.contact-button:hover {
        grid-column: span 12;
        margin-bottom:10px;
}
}

.entry-form-button {
    grid-column: 7/13;
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
font-style: normal;
font-size:18px;
color:#ffffff; 
text-align:center;
border-radius:10px;
background-color:#706f6f;
padding:15px;
border: 2px solid #706f6f;
}

.entry-form-button:hover {
    grid-column: 7/13;
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
font-style: normal;
font-size:18px;
color:#ffffff; 
text-align:center;
border: solid 1px #ffffff;
border-radius:10px;
padding:15px;
background-color:#706f6f;
border: 2px solid #fff;
}

@media screen and (max-width:1000px){
.entry-form-button {
        grid-column: span 12;
}
}

.yellow-text {
  	font-family: "proxima-nova", sans-serif;
	font-weight: 900;
    font-style: normal;
    font-size: 16px;
    color: #ffd200;
}

.yellow-text-right-aligned {
  	font-family: "proxima-nova", sans-serif;
	font-weight: 900;
    font-style: normal;
    font-size: 16px;
    color: #ffd200;
    text-align:right;
}

.category-yellow-text {
  	font-family: "proxima-nova", sans-serif;
	font-weight: 900;
    font-style: normal;
    font-size: 20px;
    color: #ffd200;
}

.category-text {
  	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #ffffff;
}

.category-text-bold {
  	font-family: "proxima-nova", sans-serif;
	font-weight: 900;
    font-style: normal;
    font-size: 20px;
    color: #ffffff;
}

.white-text{
      	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #ffffff;
}


/* =========================
  HOLDING PAGE FOR BOTH EVENTS
========================= */

/* Full image covers all 12 columns */
.hero-image-holding-page {
  grid-column: 1 / -1;
  grid-row: 1;
   position: relative;
margin-left: 200px;
  margin-right: 200px;
}

.hero-image-holding-page  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

}

.hero-image-holding-page::after {
  content: "";
  position: absolute;
  inset: 0;

background:
  linear-gradient(
    to right,
rgba(43,43,43,1) 0%,
  rgba(43,43,43,0.6) 20%,
  rgba(43,43,43,0) 40%
  ),

  linear-gradient(
    to left,
rgba(43,43,43,1) 0%,
  rgba(43,43,43,0.6) 20%,
  rgba(43,43,43,0) 40%
  ),

  linear-gradient(
    to top,
rgba(43,43,43,1) 10%,
  rgba(43,43,43,0.6) 40%,
  rgba(43,43,43,0) 50%
  );

  z-index: 1;
}

/* Overlay content spans left 6 columns */
.hero-overlay-holding-page {
  grid-column: 1 / span 6;
  grid-row: 1;

  z-index: 2;

  display: flex;
  flex-direction: column;
  justify-content: center;

  
  	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #ffffff;
    
      display: flex;
  flex-direction: column;

  /* Push everything to the bottom */
  justify-content: flex-end;
  margin-bottom:20px;
  margin-top:40px;
}

@media screen and (max-width:1000px){
/* Overlay content spans left 6 columns */
.hero-overlay-holding-page {
  grid-column: 1 / span 12;
  grid-row: 2;

  z-index: 2;

  display: flex;
  flex-direction: column;
  justify-content: center;

  
  	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #ffffff;
    
      display: flex;
  flex-direction: column;

  /* Push everything to the bottom */
  justify-content: flex-end;
  margin-bottom:20px;
}
}

/*
.hero-overlay-holding-page img{
width:100%;
}

.hero-image-holding-page,
.hero-overlay {
  position: relative;
}
*/

/* Overlay content spans right 6 columns */
.hero-overlay-holding-page-2 {
  grid-column: 7 / span 13;
  grid-row: 1;

  z-index: 2;

  display: flex;
  flex-direction: column;
  justify-content: center;

  
  	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #ffffff;
    
      display: flex;
  flex-direction: column;

  /* Push everything to the bottom */
  justify-content: flex-end;
  margin-bottom:20px;
  margin-top:40px;
}

@media screen and (max-width:1000px){
/* Overlay content spans left 6 columns */
.hero-overlay-holding-page-2 {
  grid-column: 1 / span 12;
  grid-row: 2;

  z-index: 2;

  display: flex;
  flex-direction: column;
  justify-content: center;

  
  	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #ffffff;
    
      display: flex;
  flex-direction: column;

  /* Push everything to the bottom */
  justify-content: flex-end;
  margin-bottom:20px;
}
}

.enter-awards-button {
    grid-column: 1/11;
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
font-style: normal;
font-size:18px;
color:#ffffff;
text-align:center;
border: solid 2px #ffffff;
border-radius:10px;
padding:15px;
}

.enter-awards-button:hover {
    grid-column: 1/11;
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
font-style: normal;
font-size:18px;
color:#2b2b2b;
text-align:center;
border: solid 2px #ffffff;
border-radius:10px;
padding:15px;
background-color:#ffffff;
}

@media screen and (max-width:1000px){
.enter-awards-button {
        grid-column: span 12;
        margin-bottom:10px;
}

.enter-awards-button:hover {
        grid-column: span 12;
        margin-bottom:10px;
}
}

.enter-awards-button-2 {
    grid-column: 3/13;
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
font-style: normal;
font-size:18px;
color:#ffffff; 
text-align:center;
border-radius:10px;
background-color:#706f6f;
padding:15px;
border: 2px solid #706f6f;
}

.enter-awards-button-2:hover {
    grid-column: 3/13;
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
font-style: normal;
font-size:18px;
color:#ffffff; 
text-align:center;
border: solid 1px #ffffff;
border-radius:10px;
padding:15px;
background-color:#706f6f;
border: 2px solid #fff;
}

@media screen and (max-width:1000px){
.enter-awards-button-2 {
        grid-column: span 12;
}
}

.return-to-SFT-button {
    grid-column: 8/11;
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
font-style: normal;
font-size:18px;
color:#ffffff;
text-align:center;
border: solid 1px #ffffff;
border-radius:10px;
padding:10px;
}


.return-to-SFT-button:hover {
    grid-column: 8/11;
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
font-style: normal;
font-size:18px;
color:#2b2b2b;
text-align:center;
border: solid 1px #ffffff;
border-radius:10px;
padding:10px;
background-color:#ffffff;
}
/*
.hero-overlay-holding-page img{
width:100%;
}

.hero-image-holding-page,
.hero-overlay {
  position: relative;
}
*/

.hero-text-left-align {

  grid-column: 1/11;
     margin-top:50px;
    margin-bottom:30px;
}

.hero-text-right-align {

  grid-column: 3/13;
     margin-top:50px;
    margin-bottom:30px;
}


/* =========================
   FOOTER
========================= */
.footer-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 1.6%;
    margin: 10px;
}

.footer {
    grid-column: span 12;
    text-align: center;
    padding: 15px;
    font-size: 12px;
    font-family: Helvetica, sans-serif;
    color: #ffffff;
    font-style: oblique;
    line-height: 200%;
}

.RepoNavigationOverlay {
  	height: auto;
  	width: 100%;
  	height: 100%;

  	display: none;

  	position: fixed;
  	z-index: 99;
  	top: 0;
  	left: 0;

  	background-color: #2b2b2b;

 	overflow-x: hidden; overflow-y: auto;  /* Enable scroll if needed */
}