/* Body Edits */
.homeBody{
    background-image: url(../images/home_images/background-pm1-home-11.png);
}
.aboutBody{
    background-image: url(../images/about_image/background-pm1-about-4.png);
}
.newsBody{
    background-image: url(../images/news_images/background-pm1-news-2.png);
}
.contactBody{
    background-image: url(../images/contact_image/background-pm1-contact-revised.png);
}
.shopBody{
    background-image: url(../images/shop_images/background-pm1-shop-6.png);
}
body{
    background-color: #D9D7B6;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/* Nav Bar */
.navbar{
    background-color: #D9D7B6 !important;
}
#logoNav{
    width: 90%;
    height: auto;
    padding: 10px;
}
.navbar-brand{
    width: 7%;
    height: auto;
    margin: 0;
}
.nav-tabs{
    border-bottom: 2px solid #50342B;
    /* border-color: #50342B; */
}
.nav-item{
    padding: 5%;
    margin: 2%;
}
.nav-link{
    font-family: "brush-up", sans-serif;
    font-style: normal;
    font-size: 2rem;
    font-weight: 500;
    color: #50342B;
}
.nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #586A01;
    background-color: #D9D7B6;
    border-color: #50342B;
    border-bottom: none;
}
.nav-link:hover{
    color: #886458;
    background-color: #bdbba2;
    border-color: #50342B;
}
/* End of Nav CSS */

/* Home CSS */

/* Header  */
.homeimgContainer{
    position: relative;
}
.homeimgContainer .homeheadImg{
    background-image: url(../images/hero/home_hero_img.png), url(../images/logos/home_logo.png);
    width: 90%;
    height: auto;
    aspect-ratio: 2.28/1;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: relative;
}
.homeimgContainer .logoHeader {
  position: absolute;
  top: 5%;
  right: 13%;
  /* Define the logo's size */
  width: 150px;
  height: 150px; 
  background-image: url(../images/logos/home_logo.png);
  background-size: contain; /* ensures the whole logo image is visible */
  background-repeat: no-repeat;
  z-index: 2; 
}
.homeh1 h1{
    position: absolute;
    z-index: 1;
    margin-left: 5%;
    top: 20%;
    font-family: "brush-up", sans-serif;
    font-style: normal;
    font-size: 9rem !important;
    color:#C3D42F;
    line-height: 90%;
}
.homeh1 h1 span{
    color:#586A01;
    font-family: "trade-gothic-next-compressed", sans-serif;
    font-weight: 800;
    font-size: 5rem;
}
.headContent{
    width: 70%;
    font-family: "trade-gothic-next", sans-serif;
    font-style: normal;
    font-size: 1.25rem;
}
/* Articles Grid */
#toph2{
    text-align: center;
    margin-top: 10%;
    margin-bottom: 5%;
    color:#586A01;
    font-family: "trade-gothic-next-compressed", sans-serif;
    font-weight: 800;
    font-size: 4rem;
}

.homeArtimg{
    width: 100%; 
    height: auto;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    aspect-ratio: 5/4;
}

.homeArtimg.art1{
    background-image: url(../images/home_images/news_img1.png);
}

.homeArtimg.art2{
    background-image: url(../images/home_images/news_img2.jpg);
}

.homeArtimg.art3{
    background-image: url(../images/home_images/news_img3.png);
}
.homeArtimg.art4{
    background-image: url(../images/home_images/news_img4.jpg);
}
.homeArttxt{
    text-align: center;
}
.homeArttxt h3{
    color:#50342B;
    font-family: "trade-gothic-next-compressed", sans-serif;
    font-weight: 800;
    font-size: 2.5rem;
}
.homeArttxt p{
    font-family: "trade-gothic-next", sans-serif;
    font-weight: 500;
    font-size: 1rem;
}
.homeCTAbtn{
    border-radius: 15px;
    background-color: #E59219;
    border: 3px solid #C3D42F;
    /* padding: 10px; */
    width: 300px;
    font-family: "trade-gothic-next-compressed", sans-serif;
    font-size: 3rem;
    /* Centers the button in html */
    display: block;
    margin: 0 auto;
}
.homeCTAbtn:hover{
    background-color: #b37315;
}
.homeCTAbtn a{
    text-decoration: none;
    color: black;
}
/* Contact CSS */
.hr1{
    margin-top: 15%;
}
.hr2{
    margin-bottom: 15%;
}
.container.contactCTA{
    margin-top: 7%;
    margin-bottom: 7%;
}
.contatCTAgrid{
    margin-top: 5%;
}
.contactCTAimg{
    background-image: url(../images/home_images/home_contactcta.png);
    width: 100%; 
    height: auto;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    aspect-ratio: 5/4;
}
.cta-green-c.home{
    width: 250px;
    height: auto;
    font-size: 4rem;
    margin: 0;
}
.cta-green-c:hover{
   background-color: #96a12b;
}
.boxCTA h2{
    color:#586A01;
    font-family: "trade-gothic-next-compressed", sans-serif;
    font-weight: 800;
    font-size: 4.5rem;
}
.boxCTA p{
    font-family: "trade-gothic-next", sans-serif;
    font-size: 1.5rem;
}
/* Best-Selling Books Grid */
.bookImg{
    width: 80%; 
    height: auto;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    aspect-ratio: 3/4;
}
.bookImg.image1{
    background-image: url(../images/shop_images/bigfoot\ book\ 4.jpg);
}
.bookImg.image2{
    background-image: url(../images/shop_images/bigfoot\ book\ 5.jpg);
}
.bookImg.image3{
    background-image: url(../images/shop_images/bigfoot\ book\ 1.jpg);
}
.bookdisc h2{
    width: 60%;
    color:#586A01;
    font-family: "trade-gothic-next-compressed", sans-serif;
    font-weight: 800;
    font-size: 3rem;
    text-decoration: none;
}
.bookdisc a{
    text-decoration: none;
}
.bookdisc h2:hover{
    color:#3d4903;
}
.bookdisc p{
    width: 80%;
    font-family: "trade-gothic-next", sans-serif;
}
/* End of Home CSS */

/* About Me CSS */

/* Header */
.himg{
    background-image: url(../images/hero/about_hero.png);
    height: auto;
    width: 75%;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: relative;
}
.aboutheader{
    font-family: "brush-up", sans-serif;
    font-style: normal;
    font-size: 8rem !important;
    color: #50342B;
    margin-bottom: 1%;
}
.htxt{
    width: 75%;
    margin-top: 2%;
    font-family: "trade-gothic-next", sans-serif;
    font-style: normal;
    font-size: 14pt;
}
.header img{
    width: 65%;
    height: 45%;
    margin-left: 5%;
}
.logos{
    flex-direction: column;
}

/* Kid Section */
.childContainer{
    margin-top: 10%;
}
.childContainer img{
    width: 95%;
    height: auto;
}
.childContainer p{
    text-align: center;
    align-items: center;
    font-family: "trade-gothic-next", sans-serif;
    font-style: normal;
    font-size: 14pt;
}
/* Call to Action button */
.abCTA{
    flex-wrap: wrap;
}
.abCTA h1{
    display: block;
    font-family: "brush-up", sans-serif;
    font-style: normal;
    color: #50342B;
    font-size: 6rem !important;
    text-align: center;
    margin-top: 3%;
}

/* .float{
    float: right;  Positions the button to the right, allowing text to wrap around it  
} */
.cta-green-c.about{
    width: 400px;
    font-size: 5rem !important;
    padding: 0;
    
}
/* Personal Evidence Grid */
.gridH1{
    margin-top: 10%;
    text-align: center;
    font-family: "trade-gothic-next-compressed", sans-serif;
    font-weight: 800;
    font-size: 4rem;
    font-style: normal;
    color: #586A01;
}
.newsImg1{
    background-image: url(../images/about_image/bigfoot_ev_1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 35vh;
}
.newsImg2{
    background-image: url(../images/about_image/bigfoot_ev_2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 35vh;
}
.newsImg3{
    background-image: url(../images/about_image/bigfoot_ev_3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 35vh;
}
.newsContainer p{
    font-family: "trade-gothic-next", sans-serif;
    font-style: normal;
    font-size: 14pt;
}
/* End of About Me CSS */

/* News CSS */
/* Header */
.banner-section{
    height: 500px;
    width: 100%;
    background-image: url(../images/hero/news_hero.png);
    background-size: cover;
    background-position: center;
    position: relative;
}
.overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(231, 236, 225, 0.5);
    z-index: 1; /* Place above bg image */
}
.banner-content{
    position: relative;
    z-index: 2; /* Higher index than overlay */
    color: #50342B;
    text-align: center;
    height: 100%;
}
.banner-content h1{
    font-family: "brush-up", sans-serif;
    font-style: normal;
    font-size: 8rem !important;
}
/* News Images */
.box{
    width: 70%;
}
.newsArt1.side1{
    background-image: url(../images/news_images/news_img1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 250px;
}
.newsArt2.side1{
    background-image: url(../images/news_images/news_img2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 250px;
}
.newsArt3.side1{
    background-image: url(../images/news_images/news_img3.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 250px;
}
.newsArt4.side1{
    background-image: url(../images/news_images/news_img4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 250px;
}
.brn_icon{
    height: 15%;
    width: 15%;
}
/* Font Edits */
.img-and-h4 h4{
    font-family: "trade-gothic-next-compressed", sans-serif;
    font-weight: 800;
    font-size: 24pt;
    font-style: normal;
    color: #586A01;
    flex-direction: column;
}
.side2 h3{
    font-family: "brush-up", sans-serif;
    font-style: normal;
    font-size: 36pt;
    font-weight: 500;
    color: #50342B;
}
.side2 p{
    font-family: "trade-gothic-next", sans-serif;
    font-style: normal;
    font-size: 14pt;
    font-weight: 500;
    color: black;
}
/* Buttons edit-see shop page for CTA btn edits */

.roundbuttons{
    border-radius: 50%;  
    padding: 2px;
    background-color: #E59219;
    border: 3px solid #C3D42F;
    margin-top: 45px;
    margin: 100px 30px 20px 30px;
    width: 75px;
    height: 75px;
    font-family: "brush-up", sans-serif;
    font-size: 3rem;
    font-weight: 800;
    text-align: center;
}
.cta-green-b{
    margin: 100px 0px 20px;
    padding: 2px;
    border-radius: 8px;
    background-color: #C3D42F;
    border: 3px solid #E59219;
    width: 250px;
    font-family: "trade-gothic-next-compressed", sans-serif;
    font-size: 4rem;
    font-weight: 800;
}
.cta-green-b:hover{
    background-color: #96a12b;
}
.cta-green-b a{
    text-decoration: none;
    color: black;
}
.cta-green-c.news{
    width: 300px;
    margin-top: 100px;
    font-size: 4rem;
}
/* Contact Page */

.contactHeaders{
    margin-top: 5%;
    margin-left: 25%;
}

/* Top headers */
.contheader1{
    font-family: "brush-up", sans-serif;
    font-style: normal;
    font-size: 8rem;
    font-weight: 500;
    color: #50342B;
}
.contheader2{
    font-family: "trade-gothic-next-compressed", sans-serif;
    font-weight: 800;
    font-size: 4rem;
    font-style: normal;
    color: #586A01;
}
.contheader3{
 font-family: "trade-gothic-next-compressed", sans-serif;
    font-weight: 800;
    font-size: 4rem;
    font-style: normal;
    color: #586A01;   
}
/* Form editor */
.form-control{
    border: 1px solid #886458;
    background-color: #FBF9DA;
    padding: 15px;
    border-radius: 10px;
    font-family: "trade-gothic-next", sans-serif;
}
/* Labels for form */
.form-label{
    font-family: "trade-gothic-next-compressed", sans-serif;
    font-weight: 800;
    font-size: 2.25rem;
    font-style: normal;
}
/* container for additional text */
.addInfo{
    margin-top: 100px;
}
.ORtxt{
    font-family: "brush-up", sans-serif;
    font-style: normal;
    font-size: 3.25rem;
    font-weight: 500;
    color: #50342B;
}
.disctxt{
    font-family: "trade-gothic-next-compressed", sans-serif;
    font-weight: 800;
    font-size: 2rem;
}
.emailtxt{
    font-family: "brush-up", sans-serif;
    font-style: normal;
    font-size: 3.5rem;
    font-weight: 500;
    color: #50342B;
}
/* Send button */
.contactSend{
    margin-top: 35px;
    margin-bottom: 20px;
    padding: 2px;
    border-radius: 8px;
    background-color: #E59219;
    border: 3px solid #C3D42F;
    width: 150px;
    font-family: "trade-gothic-next-compressed", sans-serif;
    font-size: 3.5rem;
    font-weight: 800;
}
.emailform2{
    margin-top: 50px;
    margin-bottom: 50px;
}
/* End of Contact Page CSS */

/* Books/Shop Page */

.shopHeader{
    margin-top: 5%;
    margin-left: 13%;
    margin-bottom: 5%;
}
.shopHeader1{
    font-family: "brush-up", sans-serif;
    font-style: normal;
    font-size: 8rem;
    font-weight: 500;
    color: #50342B;
    margin-left: 15%;
}
/* Containers for each listing */
.row{
    padding: 0%;
}
.item{
    border: 1px solid black;
    height: 600px;
    width: 50%;
    padding: 0%;
}
/* .item2{
    border: 1px solid black;
    height: 600px;
    width: 50%;
}
.item3{
    border: 1px solid black;
    height: 600px;
    width: 50%; 
} */

/* Images */
.image{
    width: 400px;
    height: 500px;
    background-size: cover;
    margin-top: 50px;
    margin-left: 25px;
}
.imgSide1{
    background-image: url(../images/shop_images/bigfoot\ book\ 1.jpg);
    
}
.imgSide2{
    background-image: url(../images/shop_images/bigfoot\ book\ 2.jpg);
}
.imgSide3{
    background-image: url(../images/shop_images/bigfoot\ book\ 3.jpg);
}
.imgSide4{
    background-image: url(../images/shop_images/bigfoot\ book\ 4.jpg);
}
.imgSide5{
    background-image: url(../images/shop_images/bigfoot\ book\ 5.jpg);
}
/* Container edit for all description text */
discSide2{
    margin-left: 20px;
    text-align: right;
}
/* Disc text font and size edit */
.booktitle{
    font-family: "brush-up", sans-serif;
    font-style: normal;
    font-size: 52pt;
    font-weight: 500;
    color: #586A01;
}
.author{
    font-size: 25pt;
    font-family: "trade-gothic-next-compressed", sans-serif;
    font-weight: 800;  
}
.booktxt{
    font-family: "trade-gothic-next", sans-serif;
}
.booksubtxt{
    font-family: "trade-gothic-next", sans-serif;
    font-weight: 600;
    color: #50342B;
}
.paper{
    font-family: "trade-gothic-next", sans-serif;
    font-size: 18pt; 
}
.price{
    font-family: "brush-up", sans-serif;
    font-style: normal;
    font-size: 40pt;
    font-weight: 500;
    color: #50342B;
    margin-bottom: 15px;
    margin-top: 15px;
}
/* Call-to-action text */
.shopCTAtxt{
    margin: 25px 0 35px 0;
    font-family: "trade-gothic-next-compressed", sans-serif;
    font-size: 4rem;
    color: #50342B;
}
/* Button edit */
.addCart{
    border-radius: 30px;
    background-color: #E59219;
    border: 1px solid #50342B;
    /* padding: 10px; */
    width: 150px;
    height: 50px;
    font-family: "trade-gothic-next-compressed", sans-serif;
    font-size: 24pt;
}
.cta-green-c{
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 2px;
    border-radius: 8px;
    background-color: #C3D42F;
    border: 3px solid #E59219;
    width: 250px;
    font-family: "trade-gothic-next-compressed", sans-serif;
    font-size: 3rem;
    font-weight: 800;
}
.cta-green-c a{
    text-decoration: none;
    color: black;
}

/* End of Shop CSS */

/* Footer */
footer{
    margin-top: 5%;
    flex-direction: row;
    color: #50342B;
}
footer ul{
    gap: 30px;
}
.bottomfooter{
    margin-left: 4%;
}
.logoRSC{
    width: 25%;
}
.otherLogoct{
    margin-left: 4%;
}
.otherLogoct img{
    width: 10%;
    margin: 0 30px 15px 0;
}
.pageslink{
    font-family: "trade-gothic-next", sans-serif;
    font-weight: 400;
    font-size: 14pt;
    color: #586A01;
}