/* hi bb-------------------------------------------------- */
/* GLOBAL  -------------------------------------------------- */

body {
  color: #396435;
  background-color: #B8DBC2;
  font-family: "museo-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.cover {
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover;
  background-attachment: fixed;
  text-align: center;
}

.cover-green {
  background-image: url("/images/bg.png");
}
.cover-ad01 {
  background-image: url("/images/sgbg.png");
}

.cover-ad02 {
  background-image: url("/images/fbbg.png");
}

.cover-ad03 {
  background-image: url("/images/stbg.png");
}

.cover-ad04 {
  background-image: url("/images/ylbg.png");
}

h1 {
  font-size: 5rem;
  color: black;
  font-weight: 700;
}

.navbar-brand {
  font-weight: 700;
  font-size: 3rem;
}

.marketing ul {
  list-style-type: none;
}



.marketing h3 {
  font-size: 2.2rem;

}
.marketing h2 {
  font-size: 3rem;

}

.marketing h4 {
  font-size: .9rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 1rem;
  font-weight: 700;
}

.border-custom {
  border-bottom: 1px solid #92C4A1;
}

.item-description {
  line-height: 1.5em;
  font-style: italic;
  font-size: .75em;
  padding:5px;
  background-color:#A1B89F;
  color: #396335;
  font-family: "input-serif-narrow", serif;
  font-weight: 300;
}

.card {
  --bs-card-border-radius: 0;
}

/* LINKS -------------------------------------------------- */
a:link {
  color: #396435;
}

a:visited {
  color: #396435;
}

a:hover {
  color: black;
}

a:active {
  color: rgba(57, 100, 53, 0.25);
}

/* BODY -------------------------------------------------- */
.mint {
  background-color: #B8DBC2;
}
.marketing {
  padding-left: 3rem;
  padding-right: 3rem;

} 

.marketing .col-lg-4 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

.marketing .col-lg-4  {
  margin-right: .75rem;
  margin-left: .75rem;
}

.small {
  font-size: .7em;
}

.featurette-divider {
  margin: 5rem 0;
  color: #396435;

}

.marketing {
  margin-top: 2rem;
}

.subseries {
  margin-left: 3rem;

  padding-left: 1rem;
  border-left: 2px dotted rgba(57, 100, 53, 0.25);

}

.infobutton {
  font-size: 1em;
  color: rgba(57, 100, 53, 0.25);
  border: none;
}

.badge {
 background-color: rgba(57, 100, 53, 0.25);
 vertical-align:middle;
}

.status {
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  vertical-align:baseline;
  font-weight: 700;
  margin-bottom: 3px;
}

/* ACCORDION STYLING -------------------------------------------------- */


.accordion {
  --bs-body-color: #396435;
  --bs-accordion-btn-bg: #B8DBC2;
  --bs-body-bg: #B8DBC2;
  --bs-accordion-active-bg: #396435;
  --bs-accordion-active-color: white;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-border-color: rgba(57, 100, 53, 0.25);

  /*
  --bs-accordion-btn-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color}'><path fill-rule='evenodd' d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm4 4a.5.5 0 0 0-.374.832l4 4.5a.5.5 0 0 0 .748 0l4-4.5A.5.5 0 0 0 12 6z'/></svg");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");

*/

}

.accordion-button{
  font-weight: 700;
  color:#396435;
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(57, 100, 53, 0.25)' class='bi bi-caret-down-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm4 4a.5.5 0 0 0-.374.832l4 4.5a.5.5 0 0 0 .748 0l4-4.5A.5.5 0 0 0 12 6z'/%3E%3C/svg%3E");

  transition: all 0.5s;
}


.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(184,219,194)' class='bi-dash-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm2.5 7.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1'/%3E%3C/svg%3E");
}
.accordion-button::after {
  transition: all 0.5s;
}


/* TABLES  -------------------------------------------------- */

.table {
  --bs-table-color: #396435;
  --bs-table-border-color:rgba(57, 100, 53, 0.25);

}

table {
  margin-bottom: 1.75em;
  
 }

th {
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: .7em;
  color:#000;

}

td {
  vertical-align: baseline;
}

table th:nth-child(1) {
  width: 4%;
  
}

table th:nth-child(3) {
  width: 15%;
}

table th:nth-child(4) {
  width: 15%;
}

table td:nth-child(1) {
  width: 4%;
  font-size: .75em;
}

table td:nth-child(3) {
  width: 15%;
  font-size: .75em;
}

table td:nth-child(4) {
  width: 15%;
  font-size: .75em;
}



h5 {
  color:#396435;
  font-size: 1.3em;
  font-weight: 700;
  margin-top:1rem;
}

h5:nth-child(n+2) {

  margin-top:4rem;
}

h6 {
  font-size: 1.3em;
  font-weight: 700;
  margin-top:3rem;
}



.card-body {
  border: none;
}
/* FIRST PERSON COMMENTER STYLE -------------------------------------------------- */

.comment {

  font-style: italic;
  font-size: .75em;
  padding:5px;
  background-color:#A1B89F;
  color: #396335;
  font-family: "input-serif-narrow", serif;
  font-weight: 300;

}
/* RESPONSIVE CSS -------------------------------------------------- */


@media (max-width: 40em) {

  .navbar-brand{
    font-size: 1.8rem;
  }
  .marketing h2 {
    font-size: 1.8rem;
  }

  .subseries {
    margin: 0;
  
  }



.featurette-divider {
  margin: 3rem 0; /* Space out the Bootstrap <hr> more */
}


}

@media (max-width: 60em) {

  h1 {
    font-size: 3em;
  }

  .marketing{
    padding-left: .5rem;
    padding-right: .5rem;
  }
}