body {
     font-family: "Open Sans", sans-serif;
     margin: 0;
     display: grid;
     grid-template-rows: auto 1fr auto;

}

.paleBG {
    background-color: #B2B8BD;
}

.orangeText {
    color: #f58933ff;
}

/* NAVIGATION */

.navbar-brand {
    max-width: 100%;
    height: auto;
}


.navbar {
    background-color: #97A264;
    font-size: 1.5rem;
    border-bottom: 2px solid #f58933ff;
}

.carousel-item {
    height: 100vh;
}

/* Control fade type and timeing of carousel */
.carousel-fade .carousel-item {
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
}

.carousel-fade .carousel-item.active {
  opacity: 1;
}


.carousel-caption {
    top: 25%;
    transform: translateY(-50%);
    bottom: initial;
    background-color: rgba(222, 224, 227, 0.60);
    border-radius: 10px;
    color: #4D3B54 ;
    padding: 2%;
}


/* ABOUT US */
/* Sandra's image */

.darkGreenBG {
  background-color: #2E4D3E;
}

.darkGreenBG h1 {
  color: #f58933ff;
}

.darkGreenBG h2 {
  color: #f58933ff;
} 

.darkGreenBG p {
  color: #DEE0E3;
}

.darkGreenBG blockquote {
  background-color: #566978;
  color: #f58933ff;
  border-left: 8px solid #f58933ff;
  text-align: justify;
  padding: 4%;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.quoteEnd {
  transform: rotate(180deg);
}

#sandraImg {
      border-radius: 50%;
      width: 100% ;
  }

.partnerSection {
margin-bottom: 5%;
}

.highlight {
  border: 2px solid #f58933ff ;
  padding: 1%;
  margin: 2% 4%;
  border-radius: 15px;
  font-size: larger;
}


.partnerCard {
  border: 2px solid #f58933ff;
  border-radius: 10px;
}

.partnerTop {
  background-color: #97A264;
  border-bottom: 2px solid #f58933ff ;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.partnerBody {
  margin-top: 1%;
  padding: 3%;
  text-align: justify;
}

.partnerLink {
  text-align: center;
  padding: 2%;
} 

.orangeIconBtn {
  border: 4px solid #f58933ff;
}

.orangeIconBtn:hover {
  border: 4px solid #5B7A42;
  background-color: #f58933ff;

}

.orangeIconBtn svg:hover {
    fill: #2E4D3E;
  }


/* BLOG PAGE */

#blogJumbo {
  height: 30vh;
  background-color: #DEE0E3;
  padding: 2%;
  margin-bottom: 2%;
  border-radius: 15px;
}

.card {
  padding: 0;
}

.card img {
  height: 200px;
  width: auto;
  object-fit: contain;
}

article {
  padding: 5%;
  margin-bottom: 4%;
}

article p {
  border-left: 8px solid #f58933ff;
  padding-left: 2%;
  text-align: justify;
}



/* CONTACT US*/

.formContainer {
    margin: 5% 0;
}

form {
    background-color: #5B7A42;
    color: white;
    border-radius: 15px;
    z-index: 10;
    border: 2px solid #f58933ff;
    margin-bottom: 5%;
    }

.contact_img {
    -webkit-transform : rotate(-10deg);
    transform: rotate(-10deg);
    z-index: 1;
    height: 60vh;
    width: auto;
    margin-top: 4%;
      background-color: white;
  text-align: center;
  font-size: 15px;
  padding: 10px;
  padding-bottom: 50px;
  margin: 10px;
  box-shadow: 2px 4px 5px rgb(20, 20, 20);
}

#submitButton{
  color: #f58933ff;
  border: 4px solid #f58933ff;
}

#submitButton:hover {
  border: 4px solid #5B7A42;
  color: #5B7A42;
  background-color: #f58933ff;
  font-weight: bold;
}


/* INSPIRATION PAGE */


.backgroundFig img {
  height: 250px;
  margin: 0px;
}

.backgroundFig figure {
  float: left;
  position: relative;
  background-color: white;
  text-align: center;
  font-size: 15px;
  padding: 10px;
  margin: 10px;
  box-shadow: 1px 2px 3px black;
}

figure img {
    width: 300px;
    height: auto;
}

figure.pic1 {
  -webkit-transform : rotate(-10deg);
  z-index: 1;
}

figure.pic2 {
  -webkit-transform : rotate(15deg);
  z-index: 2;
}

figure.pic3 {
  -webkit-transform : rotate(-25deg);
  z-index: 1;
}

figure.pic4 {
  -webkit-transform : rotate(5deg);
  z-index:2;
}

figure.pic5 {
  -webkit-transform : rotate(5deg);
  z-index:4;
}

figure.pic6 {
  -webkit-transform : rotate(-8deg);
  z-index:3;
}

figure.pic7 {
  -webkit-transform : rotate(2deg);
  z-index:1;
}

figure.pic8 {
  -webkit-transform : rotate(-13deg);
  z-index:1;
}

figure.pic9 {
  -webkit-transform : rotate(-7deg);
  z-index:1;
}

figure.pic10 {
  -webkit-transform : rotate(2deg);
  z-index:1;
}

figure.pic11 {
 -webkit-transform : rotate(-3deg);
  z-index:1;
}

figure.pic12 {
  -webkit-transform : rotate(-10deg);
  z-index: 1;
}

figure.pic13 {
  -webkit-transform : rotate(15deg);
  z-index: 2;
}


figure.pic14 {
  -webkit-transform : rotate(5deg);
  z-index:1;
}

figure.pic15 {
  -webkit-transform : rotate(5deg);
  z-index:1;
}

figure.pic16 {
  -webkit-transform : rotate(-8deg);
  z-index:1;
}

figure.pic17 {
  -webkit-transform : rotate(2deg);
  z-index:1;
}

figure.pic18 {
  -webkit-transform : rotate(-13deg);
  z-index:1;
}

figure.pic19 {
  -webkit-transform : rotate(-7deg);
  z-index:1;
}

figure.pic20 {
  -webkit-transform : rotate(2deg);
  z-index:1;
}

figure.pic21 {
 -webkit-transform : rotate(-3deg);
  z-index:1;
}
.backgroundFig figure:hover {
  box-shadow: 5px 10px 100px black;
  -webkit-transform: scale(1.1,1.1);
  z-index: 20;
 -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.photoCredit a {
  text-decoration: none;
  color: #42484d ;
  font-weight: bold;
}

small {
  font-size: xx-small;
}

figcaption .accordion-button {
  background-color: none;
}

#inspireContainer {
  padding: 0 12%;
  margin: 0 auto;
}

/* THANK YOU PAGE */

.thankYouPage {
  height: 100vh;
  background-color:#2E4D3E;
}

.thanksText {
  color: #f58933ff;
  margin-top: 20%;
  font-size: 2rem;
  text-align: center;
}


/* FOOTER */

footer {
    background-color: #97A264;
    color: white;
        padding-bottom: 2%;
        border-top: 2px solid #f58933ff; 
}

footer p {
    margin: 0;
}

hr.footerRule {
  background-color: #f58933ff;
  height: 2px;
  opacity: 1;
  border: none;
  width: 40%;
  margin: 2% auto;
 border-radius: 2px;
}

.footerListLegal {
  list-style: none;
  padding: 0;
  margin-left: 4%;
}

.footerListLegal li {
 margin-bottom: 2%;
}

.footerListLegal li a {
  text-decoration: none;
  color: white;
 }

.footerListLinks {
  list-style: none;
  padding: 0;
  margin-right: 4%;
}

.footerListLinks li {
 margin-bottom: 2%;
}

.footerListLinks li a {
  text-decoration: none;
  color: white;
  text-align: right;
 }

 .footerSocials {
  text-align: right;
  margin-right: 4%;
 }