/*body description*/
body { 
  position: relative;
  padding-top: 50px; 
  text-align: justify;
  justify-content: center;
  color: #663636;
  word-wrap: break-word !important;}
  .bg-dark { background-color: #f2cd60 !important; }
  .bg-hero { background-color: #f2cd60;
    background-position: center;
    background-image: url(https://static.igem.wiki/teams/4423/wiki/backgroundimagewithlogo.png);
    background-size: 100%;
    background-repeat: no-repeat;
    /*background-image:*/ 
  } /*insert the image of Pichitecture*/

/*Headers*/
header {
  position: relative;
}

h1 {text-align: center;
font-family: 'Times New Roman', Times, serif;
font-weight: bolder;
font-size: 3rem;
}
h2 {text-align: center;
  font-family: 'Times New Roman', Times, serif;
  font-weight: bolder;
  font-size: 2rem;
  color: #663636;
}
h3 {text-align: center;
  font-family: 'Times New Roman', Times, serif;
  font-weight: bolder;
  font-size: 1.5rem;
  color: #663636;
}
h4 {text-align: center;
  font-family: 'Times New Roman', Times, serif;
  font-weight: bolder;
  font-size: 1.5rem;
  color: #e87b68;
}
h5.card-title {
  text-align: center;
  font-size: 1.25rem;
  font-family: 'Times New Roman', Times, serif;
}
p {text-align: justify;
  font-size: 1rem;
  font-family: 'Times New Roman', Times, serif;
  color: #663636;
  padding-top: 0.5rem;
  Padding-bottom: 0.5rem;
}
p b {
  color: #e87b68;
}
li {text-align: justify;
font-size: 1rem;
font-family: 'Times New Roman', Times, serif;
color: #663636;
}
p.card-text {
  font-size: 1rem;
  text-align: center;
  font-family: 'Times New Roman', Times, serif;
}
/*Accordion descriptors*/
h2.accordion-header {
  font-size:1rem;
  font-family: 'Times New Roman', Times, serif;
  color: #663636;
}
body a {
  color: #e87b68;
  text-decoration: none;
}
body a:hover {
  color: #e87b68;
  font-style: oblique;
} 
ul.list-unstyled {
  font-size:1rem;
}


/*containers*/
.col-lg-12 {
  height: 30rem;
}
/* CALLOUT */
.bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #e9ecef; border-left-width:.25rem; border-radius:.25rem }
.bd-callout h4 { margin-bottom:.25rem }
.bd-callout p:last-child { margin-bottom:0 }
.bd-callout code { border-radius:.25rem }
.bd-callout+.bd-callout { margin-top:-.25rem }
.bd-callout-info { border-left-color:#5bc0de }
.bd-callout-warning { border-left-color:#f0ad4e }
.bd-callout-danger { border-left-color:#d9534f }

/* footer */
footer {
  width: 100%;
}
footer a { color: white; font-weight: bold; text-decoration: none;}
footer a:hover { color: white; text-decoration: underline; }

/* Navbar and OTHER THINGS*/
.navbar {
  size: 100%;
}
nav li.dropdown-menu :hover {
  background: #ab595b;
}

.navbar-brand {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: bolder;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.navbar-brand:hover {
  background-color: #ab595b;
  text-decoration: underline;
  font-weight: bold;
}
/*menu items*/
.nav-link :hover {
  background-color: #ab595b;
  text-decoration: underline;
  font-weight: bold;
}
.nav-item {
  font-family:Georgia, 'Times New Roman', Times, serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: bolder;
  text-align: justify;
  overflow-wrap: break-word;
}
li.nav-link.dropdown-toggle :hover {background-color: #ab595b;
}
/*.navbarDropdown :hover {
  background-color: #ab595b;
  font-weight: bold;
}*/

.dropdown-menu {
  background-color: whitesmoke;
  border-radius: 0rem;
  padding-top: 0.01rem;
  padding-bottom: 0.01rem;
  text-align: center;
  font-family:Georgia, 'Times New Roman', Times, serif;
}
.dropdown-menu :hover {
  background-color: #ab595b;
  border-width: 0.2rem;
  font-weight: bold;
}
a.dropdown-item {
  font-size:1.25rem;
}


/*QUOTE STYLE*/
blockquote {
   color: #ab595b;
   font-family: 'Times New Roman', Times, serif;
   font-size: 4rem;
   width: 60%;
   margin-top: 4rem auto;
   margin-bottom: 0;
   justify-content: center;
   text-align: center;
}
blockquote h1 {
   font-size: 0.5rem;
   align-content: center;
}
blockquote p {
  text-align: center;
   font-style: italic;
   margin-bottom: 0;
}
blockquote cite {
  font-size: 1rem;
}


/*buttongrid*/
.grid {
  /* Grid Fallback */
  display: flex;
  flex-wrap: wrap;
  align-self: center;
  justify-self: center;
  
  /* Supports Grid */
  display: grid;
  position: relative;
  align-items: center;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-auto-rows: minmax(150px, auto);
  grid-gap: 1em;
}

.module {
  /* Demo-Specific Styles */
  background:transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  height: fit-content;
  
  /* Flex Fallback */
  margin-left: 5px;
  margin-right: 5px;
  flex: 1 1 200px;
}
@supports (display: grid) {
  .module {
    margin: 0;
  }
}

/* on the topic of buttons*/
a.button {
    text-decoration: none;
    color: initial;
}
a.button :hover {
  transform: scale(1.2);
  transition: .2s;
}

/* Schedule Component*/