body { padding-top: 56px; }
.left-aligned { margin-left: auto; }
.bg-dark { background-color: #40b0a6!important;}
.bg-hero { background-color: #e2edfa; }
.bg-info {background-color: #40b0a6!important;}

/* 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:#b38600 }
.bd-callout-warning { border-left-color: #40b0a6; }
.bd-callout-danger { border-left-color:#000000 ;}
.bd-callout-azul {border-left-color:#035e8c;}
.bd-callout-cafe {border-left-color:#946f00;}

/* footer */
footer a { color: white; font-weight: bold; text-decoration: none; }
footer a:hover { color: white; text-decoration: underline; }
  
/* Loading Page */
#loader {
  position: fixed !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
  background-color: #fff;
  z-index: 99;
}
#loading-image {
  z-index: 100;
}

#rec {
  position: absolute;
  width: 300px;
  height: 300px;
  z-index: -99;
}

#svg1 {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  z-index: -100;
  left: 0;
  right: 0;
  text-align: center;
}
 .col {
    margin: 5px;
    width: calc(100% - 10px);
    height: calc(100vh - 10px);
    font-size: 1rem;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");

h1 {
  font-size: 3.3rem;
}
h2 {
  font-size: 2.3rem;
}
h3 {
  font-size: 1.25rem;
}
p {
  text-align: justify !important;
}
p, dd, dt{
  line-height:200%;
  font-size: large;
}
li .reference {
  text-align: justify !important;
  font-size: 10;
  color: #40b0a6;
}
#bus {
  padding: 1vh;
  width: 75%;
}

#next_page:hover {
  cursor: pointer;
  color: #40b0a6;
  font-weight: bold;
}
/*
#padre {
   position: relative;
}
#hijo {
   position: absolute;
   top: 50%;
   left: 50%;
   height: 30%;
   width: 50%;
   margin: -15% 0 0 -25%;
} */
#padre {
   display: grid;
   align-items: center;
}
#underline_r {
  text-decoration: none;
}

#bus:hover {
 transform: translateX(15px);
}

#rcorners2 {
  border-radius: 25px;
  border: 8px solid #b38600;
  padding: 20px; 
  width: 100%;
  height: auto;  
}

#rcorners3 {
  border-radius: 25px;
  border: 3px solid #40b0a6;
  padding: 20px; 
  width: 100%;
  height: auto;  
}

#rcorners4 {
  border-radius: 25px;
  border: 3px solid #b38600;
  padding: 20px; 
  width: 100%;
  height: auto;  
}

#rcorners5 {
  border-radius: 25px;
  border: 3px solid #035e8c;
  padding: 20px; 
  width: 100%;
  height: auto;  
}

.bus:hover {
    animation-name: bounce;
    animation-duration: 15s;
}
@keyframes bounce {
  0%   { transform: translateX(0); }
  100%   { transform: translateX(15px); }
}

/* CSS TEAM MEMBERS */
.card_img{
    max-width: 100%;
  }
  #team__row1 {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  }
  #team__row2 {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  }
  #team__row3 {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  }
  #team__row4 {
  //display: flex;
  justify-content: space-between;
  padding: 10px;
  }
  #team__div {
      height: 100%;
      width: 85%;
      position: relative;
      padding-top: 1vh;
      padding-bottom: 7vh;
  }
  #team__row1 img {
      padding: 1vh;
      width: 20%;
      height: 20%;
  }
  #team__row2 img {
      padding: 1vh;
      width: 20%;
      height: 20%;
  }
  #team__row3 img {
      padding: 1vh;
      width: 20%;
      height: 20%;
  }
  #team__row4 img {
      padding: 1vh;
      width: 20%;
      height: 20%;
  }
  #member__name{
      font-size: 8vh;
      height: 9vh;
      color: #b38600 !important;
  }
  #team_row1 img:hover {
      opacity: 60%;
  }
  #team_row2 img:hover {
      opacity: 60%;
  }
  #team_row3 img:hover {
      opacity: 60%;
  }
  #team_row4 img:hover {
      opacity: 60%;
  }
  .title2 {
      display: flex;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
  }
  #rs_row {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  }
  #rs_row img {
      padding: 1vh;
      width: 40%;
  }

  .border-right{
  border-right: 2px solid #b38600;
  }
  .border-top{
    border-top: 4px solid #b38600 !important;
  }
  .border-left{
    border-left: 4px solid #b38600 !important;
  }
  border-down{
    border-bottom: 4px solid #b38600 !important;
  }

/*Fonts*/
@font-face {
  font-family: "OpenDyslexic";
  src: local("OpenDyslexic Regular"), local("OpenDyslexic-Regular"), url("https://2022.igem.wiki/tec-chihuahua/static/fonts/OpenDyslexic-Regular.ttf");
}
@font-face {
  font-family: "OpenDyslexic-Bold";
    font-weight: bold;
    src: local("OpenDyslexic Bold"), local("OpenDyslexic-Bold"), url("https://2022.igem.wiki/tec-chihuahua/static/fonts/OpenDyslexic-Bold.ttf");
}
@font-face {
  font-family: "OpenDyslexic-Italic";
  font-style: italic;
  src: local("OpenDyslexic Italic"), local("OpenDyslexic-Italic"), url("https://2022.igem.wiki/tec-chihuahua/static/fonts/OpenDyslexic-Italic.ttf"); 
}
@font-face {
  font-family: "OpenDyslexic-BoldItalic";
  font-weight: bold;
  font-style: italic;
  src: local("OpenDyslexic BoldItalic"), local("OpenDyslexic-BoldItalic"), url("https://2022.igem.wiki/tec-chihuahua/static/fonts/OpenDyslexic-BoldItalic.ttf");
}
@font-face {
  font-family: "Montserrat";
  font-weight: bold;
  font-style: italic;
  src: local("Montserrat Bold 700"), local("Montserrat-Bold-700"), url("https://2022.igem.wiki/tec-chihuahua/static/fonts/Montserrat-Bold-700.ttf");
}
@font-face {
  font-family: "TrebuchetMS";
  src: local("TrebuchetMS"), local("Trebuchet-MS"), url("https://2022.igem.wiki/tec-chihuahua/static/fonts/static/fonts/Trebuchet-MS.ttf");
}
@font-face {
  font-family: "TrebuchetMS-Italic";
  font-style: italic;
  src: local("TrebuchetMS Italic"), local("Trebuchet-MS-Italic"), url("https://2022.igem.wiki/tec-chihuahua/static/fonts/Trebuchet-MS-Italic.ttf");
}
@font-face {
  font-family: "TrebuchetMS-Bold";
  font-weight: bold;
  src: local("TrebuchetMS Bold"), local("Trebuchet-MS-Bold"), url("https://2022.igem.wiki/tec-chihuahua/static/fonts/trebuchet-ms-grassetto.ttf");
}
@font-face {
  font-family: "TrebuchetMS-BoldItalic";
  font-weight: Normal;
  font-style: italic;
  src: local("TrebuchetMS BoldItalic"), local("Trebuchet-MS-BoldItalic"), url("https://2022.igem.wiki/tec-chihuahua/static/fonts/tr-book-antiqua.ttf");
}

#mini{
  font-size: small;
}

#big{
  font-size: x-large;
  text-align: center !important;
}
p.francesa {
  text-indent: -30px;
  position: relative;
  padding-left: 40px;
  //font-size: small;//
}

.resalta{
  font-weight: bold;
}

figcaption p{
  font-size: medium;
}
 .row_cien{
    display: flex;
    justify-content: space-between;
    padding: 0px;
  }
  .row_cien img{
    padding: 0.1vh;
    width: 100%;
  }

.animateObs {
  opacity: 1;
  transform: translateX(0%) translateY(0%);
}

.rightSlideObs {
  opacity: 0;
  transform: translateX(+20%);
  transition: all .75s ease-in;
    transition-delay: 0s;
}
 .row_social43{
    justify-content: space-between;
    padding: 0px;
  }
  .row_cien img{
    padding: 0.1vh;
    width: 100%;
  }

.Figura {
  font-size: small;
}
#Ref {
  text-decoration: none !important;
  color: black;
}