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


/* 
.rokkitt-<uniquifier> {
  font-family: "Rokkitt", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
} */




/* 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.5em;
  gap: 10px 0;
  list-style-type: none;
  flex-wrap: wrap;
  justify-content: center;
}

#sub-nav-cont a {
  color: #3d3d3d;
  font-size: 1.5em;
  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%);
}

/* About Setction */

.cont-info {
  width: 90vw;
  max-width: 950px;
  background-color: #dbc8b8b8;
  border: black;
  border-style: solid;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 5% 0;
}
.cont-info img {
  width: 50vw;
  max-width: 800px;
  padding: 1% 2%;
}
.cont-info p {
  padding: 2% 10% 5% 10%;
}
.about-headers {
  max-width: 500px;
  width: 95%;
}


/* PRESS STYLES */
.news-Cont {
  display: grid;
  /* grid-template-rows: .25fr 1fr 1fr; */
  width: 90vw;
  max-width: 950px;
  border: black;
  border-style: solid;
  margin: 5% 0 5% 0;
  background-color: #f9e7c9ad;
}
.news-Cont h1 {
  padding: 2% 0 2% 2%;
  font-size: 3rem;
  font-family: "Rokkitt", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  background-color: antiquewhite;
}
.news-Cont h2 {
  color: #8d3900;
 
}


.hotVw img {
  max-width: 174px;
  width: 25vw;
  padding: 2% 5% 2% 0;
}
.hotVw {
  display: flex;
  justify-content: center;
  border-bottom: solid;
  border-top: solid;
}


.gilroy-dispatch {
  display: flex;
  justify-content: center;
  border-bottom: solid;
  /* border-top: solid; */
}
.gilroy-dispatch img {
  max-width: 300px;
  width: 45vw;
  padding: 2% 5% 2% 0;
}

.Mission-Village-Voice{
  display: flex;
  justify-content: center;
  /* border-bottom: solid;
  border-top: solid; */

}

.Mission-Village-Voice img{
  max-width: 300px;
  width: 45vw;
  padding: 2% 5% 2% 0;

}

.SJ-Mercury-News{
  display: flex;
  justify-content: center;
  border-bottom: solid;
  border-top: solid;

}

.SJ-Mercury-News img{
  max-width: 300px;
  width: 45vw;
  padding: 2% 5% 2% 0;

}


.press-info {
  display: flex;
  flex-direction: column;
  width: 37%;
  align-items: flex-start;
  justify-content: center;
}
.press-info p {
  padding-bottom: 7%;
}

.read-more{
margin-bottom: 20%;
}


/* GALLERY SECTION */


.The-Girls img {
  max-width: 250px;
  width: 35vw;
  /* height: fit-content; */
  padding: 2% 5% 2% 0;
}
.The-Girls {
  display: flex;
  justify-content: center;
  /* border-bottom: solid; */
  border-top: solid;
}

.vw-NCDA-23 img {
  max-width: 250px;
  width: 35vw;
  /* height: fit-content; */
  padding: 2% 5% 2% 0;
}
.vw-NCDA-23 {
  display: flex;
  justify-content: center;
  /* border-bottom: solid; */
  border-top: solid;
}

.vw-carShow-18 img {
  max-width: 250px;
  width: 35vw;
  /* height: fit-content; */
  padding: 2% 5% 2% 0;
}
.vw-carShow-18 {
  display: flex;
  justify-content: center;
  border-bottom: solid;
  border-top: solid;
}

/* SMALL SCREEN */
@media only screen and (max-width: 700px){
  .news-Cont {
    grid-template-rows: 60px 1fr 1fr;
  }
.news-Cont h1 {
  padding-left: 0%;
  text-align: center;
  font-size: 2.7em;
}
.cont-info img {
  width: 75vw;
  padding: 1% 2%;
}

.hotVw {
  flex-direction: column;
  align-items: center;
}
.hotVw img {
  width: 50vw;
  padding: 8% 0% 8% 0;
}

.gilroy-dispatch {
  flex-direction: column;
  align-items: center;
}
.gilroy-dispatch img {
  width: 73vw;
  padding: 8% 0% 8% 0;
}
.Mission-Village-Voice{
  flex-direction: column;
  align-items: center;
}
.Mission-Village-Voice img{
  width: 73vw;
  padding: 8% 0% 8% 0;
}
.SJ-Mercury-News{
  flex-direction: column;
  align-items: center;
}
.SJ-Mercury-News img{
  width: 73vw;
  padding: 8% 0% 8% 0;
}

.The-Girls{
  flex-direction: column;
  align-items: center;
}
.The-Girls img{
  width: 73vw;
  padding: 8% 0% 8% 0;
}

.vw-NCDA-23{
  flex-direction: column;
  align-items: center;
}
.vw-NCDA-23 img{
  width: 73vw;
  padding: 8% 0% 8% 0;
}

.vw-carShow-18{
  flex-direction: column;
  align-items: center;
}
.vw-carShow-18 img{
  width: 73vw;
  padding: 8% 0% 8% 0;
}



.press-info {
  text-align: center;
  width: 80%;
  align-items: center;
}

#sub-nav-cont a {

  font-size: 1.25em;

}

}