@import url('https://fonts.googleapis.com/css2?family=Rokkitt:ital,wght@0,100..900;1,100..900&family=UnifrakturCook:wght@700&display=swap');






/* SUB-NAV */
.spacer {
  height: 100px;
  margin-top: -100px;
}
#sub-nav-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 75vw;
  max-width: 850px;
  padding: 1em;
  text-align: center;
  background-color: #dbc8b8b8;
  border: black solid;
}

#sub-nav-cont h2{
color: rgb(0, 0, 0);
}

#sub-nav-cont ul {
  display: flex;
  padding: 0.5rem;
  gap: 10px 0;
  list-style-type: none;
  flex-wrap: wrap;
  justify-content: center;
}

#sub-nav-cont a {
  color: #3d3d3d;
  font-size: 1.5rem;
  font-weight: 700;
  padding: 0 7px;
  background-color: #faebd794;
}

#sub-nav-cont a:hover {
  color: #b47042;
}
#topArrow {
  fill: #ffffff9e;
  width: 75%;
  cursor: pointer;
}

#topArrow:hover {
  fill: #ffffff;
  width: 85%;
}


.move-up-cont{
  margin-top: -15px;
  width: 90vw;
  max-width: 950px;
  /* background-color: #b47042; */
  display: flex;
  flex-direction: row-reverse;
}

.move-up-but {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  color: black;
  border: 10px solid;
  border-image-slice: 1;
  border-width: 1px;
  border-image-source: linear-gradient(to left, #ffffff, #ffffff00, #ffffff00, #ffffff00, #ffffff);
  background: rgb(255, 255, 255);
  background: linear-gradient(136deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .75) 100%);
}








/* SPONCORSHIP INFO */

.sponcor-cont {
  width: 90vw;
  max-width: 950px;
  background-color: #dbc8b8b8;
  border: black;
  border-style: solid;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  margin: 5% 0;
  justify-content: space-evenly;
}

.sponcor-info{
  width: 45%;
  min-width: 350px;
  padding: 2% 0 5% 2%;
}

.sponcor-info > h1{
  
  color: #156251;
}
.sponcor-info > h2{
  color: #413c39;
}

.sponcor-info > p{
  padding: 2% 0;
}

.sponcor-info > p:nth-child(3){
  font-size: 1.5rem;
 
}

.sponcor-info > p:nth-child(5){
  font-size: 1.5rem;
}

.sponcor-info > p:nth-child(6){
  font-size: 1.5rem;
  color: #156251;
}

.sponcor-info-img {
  width: 50%;
  display: flex;
  justify-content: center;
}

.sponcor-info-img img{
  width: 100%;
  min-width: 350px;
  padding: 2% 2% 5% 2%;
}





/* contact button */
.icon-wrap {
  width: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 19%, rgba(255, 255, 255, 0) 100%);
    padding: 2% 0 2% 0;
}

.icon-wrap svg{
  width: 10%;
  padding-right: 2%;
  /* fill:rgb(38 60 108); */
  fill:#b47042
}

.icon-wrap a{
    color: #6b3c1d;
    font-size: 1.11em;
}

.icon-wrap a:hover{
  color: #ca300d;
  font-size: 1.11em;
}





/* SPONCORSHIP LEVELS INFO */

.sponcor-cont1 {
  width: 90vw;
  max-width: 950px;
  background-color: #dbc8b8b8;
  border: black;
  border-style: solid;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  margin: 5% 0;
  justify-content: space-evenly;
  padding-bottom: 2rem;
}
.sponcor-cont1 > p {
  padding-top: 2rem;
  font-size: 1.5rem;
  color: #156251;
}

.SL-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.SL-info > h1{
  font-size: 3.5rem;
  color: #156251;
}

.SL-info > h2{
  font-size: 2.75rem;
  color: #413c39;
}

.SL-info > p {
  font-size: 2.25rem;
  padding: 2%;
}

.sponcor-levels {
  width: 90%;
  /* display: flex; */
  /* flex-direction: column; */
}
.sponcor-levels > ul {
  padding-left: 4rem;
  font-size: 1.5rem;
}

.sponcor-levels li {
  padding: 1rem 0;
  font-size: 2rem;
}
 .gold{
  background-color: #ffa200;
 }
 .light-gold{
  background-color: #ffa2007e;
  margin-top: 8%;
 }

 .silver{
  background-color: #7b7b7b;
 }
 .light-silver{
  background-color: #7b7b7b6e;
  margin-top: 8%;
 }

 .bronze{
  background-color: #8b6541;
 }
 .light-bronze{
  background-color: #8b654173;
  margin-top: 8%;
 }

.SL-Sub-Headers {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 1% 2%;
}




/* 2023 SPONCORS */

.sponcor-2023-cont {
  width: 90vw;
  max-width: 950px;
  background-color: #dbc8b8b8;
  border: black;
  border-style: solid;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  margin: 5% 0;
  justify-content: space-evenly;
  padding-bottom: 2rem;
  text-align: center;
}

.logos-container {
  /* width: 44%; */
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  flex-direction: row;
  justify-content: center;
}
.logo-frame {
  width: 25%;
  min-width: 200px;
  padding: .5rem;
  background-color: #0c1421;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo-frame img{
  width: 100%;
}


/* 2018 SPONCORS */

.sponcor-2018-cont {
  width: 90vw;
  max-width: 950px;
  background-color: #dbc8b8b8;
  border: black;
  border-style: solid;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  margin: 5% 0;
  justify-content: space-evenly;
  padding-bottom: 2rem;
  text-align: center;
}





/* SMALL SCREEN */
@media only screen and (max-width: 700px){


#sub-nav-cont a {
  font-size: 1.25em;
}

.sponcor-levels li {
  padding: 0 1rem 1rem 0;
  font-size: 1.75rem;
}
.SL-info > h1 {
  font-size: 2.5rem;
} 
.SL-info > h2{
  font-size: 2.5rem;

}
h1 {
  font-size: 3rem;
}
h2 {
  font-size: 2rem;
}
}