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

html {background-color: #7A7777;}


body {}




#HeadMenu{width:100%;top:0;position: fixed;z-index:999;height:5vh;background-color: #ffffff;}


#BannerDiv{background-image: url('../../IMAGES/FarmBKG_B.jpg');background-repeat: no-repeat;padding: 15vh}



#MainDiv{width: 100%; max-width:1200px; margin:auto;padding-top: 25px; padding-bottom: 75px; background-color: #ffffff;}


.WelcomeFlag{font-size: 400%;}

.IntroDiv{background-color: #ffffff; border-radius: 15px;margin:5vh 10vw; padding:5vw;opacity: .95;}

.PocketDiv{background-color: #ffffff; border-radius: 15px;margin:5vh 10vw; padding:5vw;}

.PocketTitle{font-size: 400%;}





.JournalDiv{
background-color: rgba(128,151,117,1.00);
border-radius: 15px;
border-color: rgba(46,64,46,1.00);
border-style: solid;
border-width: 2px;
margin:10vh 10vw;
min-height: 15vh;
}


.JournalEntryDetails{width:100%;}

#JornalEntryFormDiv{padding:4vh;}






.JournalEntryDiv{background-color: rgba(192,203,187,1.00); border-radius: 15px;margin:10vh 10vw;
min-height: 15vh; border-color: rgba(70,180,70,1.00); border-style: solid; border-width: 2px;
}

.JournalHeading{font-size: 150%;padding:2vh 5vh 1vh 5vh;}

.JournalBody{padding:2vh 5vh 1vh 5vh;}






.AboutDiv{
  margin-top: 2vh;  padding: 3vw; text-align:center;
  border-radius: 15px;
  border-color: rgba(46,64,46,1.00);
  border-style: solid;
  border-width: 2px;
}




.IconSmall{width:6vh;height:auto;}





#FarmInfoDisplayDiv{text-align:center;display:inline-flex;}

.FarmInfoDisplayTable{width:90%;}

#FarmInfoDisplayIcon{display:inline;}



.ProductListImg{width:fit-content;max-width: 300px;}


#MobileCenterImg{display:inline-flex;}

.ProductTitle{font-size: 150%;padding-top:5vh;}
.ProductTitle span{padding-left: 25px;}

.ProductAvailStat{color:red;}








.JournalViewerDiv{ width: 100%; text-align: center;}



#ProductsDiv{margin-top:-20px!important;}
#JournalDiv{margin-top:0px!important;}






.FarmFrontNav{width:100%;margin-top: 2vh;}

.FarmFrontNavBtn{border: #FFFFFF solid 4px; border-radius: 1vh; color:rgba(15,81,8,1.00); font-family: Poppins;
  background: none;  padding:15px;
  font-size: 150%!important;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: rgba(15,81,8,1.00);
  text-decoration-thickness: 2px;
}
.FarmFrontNavBtn:hover {border-color: rgba(15,81,8,1.00)!important; color:#525252; border-width:4px; text-decoration:none;}