/* :root {
  --background: #2D6187;
  --lightblue: #28abb9;
  --green: #6dc5a2;
  --lightgreen: #ade3a3;
  --beige: #fff0d9;
  --text: white;
  --text-inverted: black;
*/

p {
    color: #2D6187;
  }

h2 {
    color: #6dc5a2;
    font-weight: 600;
  }
h3 {
    color: #6dc5a2;
  }

h5 {
    color: #6dc5a2;
    font-size: 2rem;
  }

h6 { 
    color: #6dc5a2;
    font-weight: 400;
  }


b{
  color: #6dc5a2;
  font-weight: 800;
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  background-color: #6dc5a2;
  outline-color: #6dc5a2;
  border-radius: 60px;
  padding: 10px;
}

  
.container {
    max-width: 100%;
}
.row {
  padding: 10px;
  margin: 10px;
}
.bmenu{
  display:flex;
  text-align: center;
}
.navbar-brand a{
  color: white;
}
.navbar-branda:hover{
  color:#6dc5a2;
}




#footer .container{
 max-width: 75%;
}

body { padding-top: 56px; }
.left-aligned { margin-left: auto; }
.bg-dark { background-color: #2D6187 !important; }
.bg-hero { background-color: #2D6187; }

/* Style the header: fixed position (always stay at the top) */
.headprogressbar {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
  background-color: #2D6187;
}

/* The progress container (white background) */
.progress-container {
  width: 100%;
  height: 70px;
  background: #2D6187;
}

/* The progress bar (scroll indicator) */
.progress-bar {
  height: 70px;
  background: #6dc5a2;
  width: 0%;
}

/* CALLOUT */
.bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #2D6187; 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 }


body a { color: #2D6187; font-weight: bold; text-decoration: none;}
body a:hover { color: #6dc5a2; text-decoration: underline; }



.solution{
  text-align: center;
}
/*Home*/
.homebox{
  align-items: center;
  background: #2D6187;
  border-radius: 25px;
  box-shadow: 0 0 1rem #2025381a;
  height: auto;
  padding: 20px;
  z-index: 100;
}

.emph{
  color: #6dc5a2;
  font-weight: 600;
}


.homebox h2{
  font-size: 1.5rem;
  font-weight: 400;
}
.homebox p{
  color: white;
  font-size: 1.3rem;
}

btn btn-primary btn-lg{
  background-color: #6dc5a2 !important;
  border-radius: 12px !important;
}



/*Team*/
.card {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}
.card-title{
  color:#2D6187;
}
.card-text{
  color:#2D6187;
}


/*Model*/
figcaption {
  color: #2D6187;
  font: italic smaller sans-serif;
  padding: 3px;
  text-align: center;
}
.fig{
  font-weight: 600;
  color:#2D6187;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}


/*Safety*/
#safety p{
  color:#2D6187;
}
#safety ul{
  color:#2D6187;
  list-style-type: circle;
}

/*Design*/
.table{
  color: #2D6187;
}

.thead{
  font-weight: 1000;
}

/*Labbook*/
#labbook ul{
  color: #2D6187;
  list-style-type: circle;
}

/* sticky note v2*/

#notebook *{
  margin:0;
  padding:0;
}

#notebook h3 {
  font-weight: bold;
  font-size: 2rem;
}

#notebook p {
  font-size: 12px;
  font-weight: normal;
}

#notebook ul,li{
  list-style:none;
}

#notebook ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#notebook ul li a{
  text-decoration:none;
  color:#000;
  background:#D4F6CE;
  display:block;
  height:15em;
  width:15em;
  padding:1em;
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  transition: transform .15s linear;
}

#notebook ul li{
  margin:1em;
}

#notebook ul li:nth-child(even) a{
  transform:rotate(3deg);
  position:relative;
  top:5px;
}

#notebook ul li:nth-child(5n) a{
  transform:rotate(-2deg);
  position:relative;
  top:-5px;
}

#notebook ul li:nth-child(7n) a{
  transform:rotate(1deg);
  position:relative;
  top:-10px;
}


#notebook ul li a:hover,ul li a:focus{
  box-shadow:10px 10px 7px rgba(0,0,0,.7);
  transform: scale(1.25);
  position:relative;
  z-index:5;
}

#notebook ul li:nth-child(even) a{
  position:relative;
  top:5px;
  background:#B9F2F8;
}

#notebook ul li:nth-child(3n) a{
  position:relative;
  top:-5px;
  background:#ccf;

}

/*Software*/
ol li{
  color: #2D6187;
  list-style-type: decimal;
}
code{
  color: #5bc0de;
  font-weight: 600;
  background-color: #dcecee;
  border-radius: 4px;
}


/* The navigation menu links */
.sidemenu{
  position: sticky;
  position: -webkit-sticky;
  padding: 0px;
  margin: 0px;
  top: 100px;
}
.sidemenu a {
  padding: 6px 8px 6px 8px;
  text-decoration: none;
  font-size: 20px;
  color: #2D6187;
}
.sidemenu ul {
  padding-left: 0rem;
}

/* When you mouse over the navigation links, change their color */
.sidemenu a:hover {
  color: #6dc5a2;
  text-decoration: none;
}

/* Style page content */
.main {
  margin-left: 160px; /* Same as the width of the sidebar */
  padding: 0px 10px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
} 



/* footer */
footer a { color: white; font-weight: bold; text-decoration: none;}
footer a:hover { color: #6dc5a2; text-decoration: underline; }


.contact{
  color: white;
}

.social-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}

.social-logos svg {
  width: 50px;
  height: 50px;
  color: white;
}

.sponsor-banner{
  padding: 20px;
  border-radius: 30px;
}

#footerlicense p {
  color: white
}