body { 
    padding-top: 56px; 
    background-color: #1D4F60;
}

*{
    font-family: Calibri, sans-serif
}

.left-aligned { margin-left: auto; }
.bg-dark { background-color: #343a40 !important; }
.bg-hero { background-color: #7952b300; }

/* 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{
    margin-top: 0rem !important;
    padding-top: 3rem !important;
    padding-bottom: 1rem !important;
}
footer small a{
    color: white; font-weight: bold; text-decoration: none; text-align: center;
}
footer small a:hover {
    color: white; text-decoration: underline;
}
footer .icon{
    color: white; font-weight: bold; text-decoration: none; text-align: center;
}
/* #footer_menu{
    margin-left: 1rem !important;
    margin-right: 1rem !important;
} */

footer table td a { 
    color: white; 
    font-weight: bold; 
    text-decoration: none; 
}

footer table td a:hover { 
    color: white; 
    text-decoration: underline; 
    /* background-color: #555154;  */
    width: 200px; 
    height: 15px; 
}

.footer-start {
    border-bottom: 0.25px solid rgb(86, 86, 86) !important;
}
table .b_right{
    border-right: 40px solid #343a40 !important;
}
table .b_left{
    border-left: 40px solid #343a40 !important;
}

.footer-table{
 text-align: center;

}
.footer-table-head {
    font-size: larger;
    color: white !important;
    text-decoration: none;
} 
#xyz{
    margin-right: 0rem;
}
/* .footer_separator{
    height: 2px !important;
    color: white;
} */
.sponsor_icon{
    color: white;
}
.sponsor_icon:hover{
    color: #4DA284 !important;
}

h2 {
    color: #2C3E50;
    text-align: left;
}

.navbar-light {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    height: fit-content;
    background-color: #efeadf;
    padding-top: 0.25rem;
    /* color: #7ebbf8 !important; */
    padding-bottom: 0.25rem !important;
}

@media (min-width: 992px){
    #navbarSupportedContent{
        /* display: inline-block !important; */
        float: right !important;
    }
}


.site_header {
    /* background-image: url('https://static.igem.wiki/teams/4188/wiki/wiki-images/header-template.svg'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.site_header > h1{
    align-self: center;
}
.header_text{
    color: #efeadf;
    align-content: center;
}

.abstract {
    background-color: white;
    padding: 4rem 4rem 4rem 4rem;
    outline-style: solid;
    outline-color: #efeadf;
    outline-width: 1px;
}
.content {
    background-color: white;
    /* padding: 75px 50px 50px; */
    padding: 4rem 4rem 4rem 4rem;
    outline-style: solid;
    outline-color: #efeadf;
    outline-width: 1px;
    margin-top: 4rem;
    margin-bottom: 3rem;
}
.references {
    background-color: white;
    /* padding: 75px 50px 50px; */
    padding: 4rem 4rem 4rem 4rem;
    outline-style: solid;
    outline-color: #efeadf;
    outline-width: 1px;
    margin-bottom: 3rem;
   /* margin-top: 3rem;*/
}
@media (max-width:700px){
    .abstract{
        padding: 3rem 2rem 2rem 2rem;
    }
    .content{
        padding: 3rem 2rem 2rem 2rem;
    }
    .references{
        padding: 3rem 2rem 2rem 2rem;
    }
}
/* #content_container{ */
    /* padding-left: 1rem !important;
    margin-left: 0rem !important;
    margin-right: 0rem !important;
    padding-right: 0rem !important; */
    /* padding-bottom: 3r; */
    
/* } */
/* @media (min-width: 768px) {
	#content_col{
		flex: 0 0 50%;
		max-width: 50%;
	}
} */
/* .references {
    background-color: white;
    padding: 50px 50px 50px;
    outline-style: solid;
    outline-color: #efeadf;
    outline-width: 1px;
    margin-top: 50px
} */

.menue-link:hover, menue-link .active-section {
    color: #4DA284 !important;
}

.nav-link {
    color: #3f3f3f !important;
}

.nav-link:hover, .active-section {
    color: #4DA284 !important;
}

#navbar_logo{
    height: 3rem;
    width: 5rem;
}
.dropdown-item{
    background-color: white !important;
}
.dropdown-item:hover {
    background-color: #efeadf !important;
}

.sidebar-ref:hover {
	color: #4DA284;
}
.text-primary{
    color: #efeadf !important;
}

.sidebar-ref{
  color:#efeadf !important;
  display: block;
  padding: .5em;
  margin-top: 20px;
}
.sidebar {
  white-space: nowrap;
  position: sticky !important;
  /* flex-wrap: nowrap !important; */
}
/* #content_col{
 align-items: center !important;
} */
.sticky-top{
    position: sticky !important;
    top: 5rem !important;
    z-index: 1020 !important;
}
.doit{
    color:#f0ad4e !important;
}
#e43zbILeVop1 {
    width: 100%;
}

.button-hp {
    background-color: #1d4f60;
    color: white;
}

.button-hp:hover {
    background-color: #4DA284;
    outline-color: #4DA284;
}

.image-hp { 
    max-height:25rem;
    height:40%;
    float: right;
    shape-outside: inset(right);
    margin-left: 30px;
    margin-bottom: 10px;
}

.button-forwarding {
    background-color: #efeadf;
    color:#1d4f60;
    margin-bottom: 3rem;
}

.button-forwarding:hover {
    background-color: #4DA284;
    outline-color: #4da284;
    color: white;    
}

.attributions {
    margin-top: 1px !important;
    padding: .3em !important;
}

#thankingsponsors {
    color: white;
    padding-bottom: 10px;
}

#sponsorlink {
    color: white;
}

.image-logo { 
    height:200px;
    float: left;
    shape-outside: inset(left);
    margin-right: 30px;
    margin-bottom: 10px;
}

.card.team {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.card.team:hover {
    box-shadow: #1D4F60;
    transform: scale(1.1);
}

.center-img {
    display: block; 
    margin-left: auto;
    margin-right: auto;
}

.link-dark:hover {
    color: #4DA284 !important;
}
html {
	scroll-padding-top: 70px; /* height of sticky header */
}
code {
    color: #72084A;
}
.safetyImgRight {
    float: right;
    margin-bottom: 5px;
    margin-left: 20px;
    width: 50% ;
    
}

.safetyImgLeft {
    float: left;
    margin-bottom: 5px;
    margin-right: 20px;
    width: 50% ;
    
}

carousel-shape-outside {
    width: 100px !important;
    float: right;
    shape-outside: inset(right);
    margin-left: 30px;
    margin-bottom: 10px;   
}

figcaption {
    font-size: 14px;
    color: #555454;
}

.divider-big {
    border: 5px;
}
.link-reg{
    color: #266b6e !important;
    text-decoration: none  !important;
}
.link-reg:hover{
    color: #4DA284 !important ;
}

.figure_with_caption_fluid_right {
    width: 60%;
    float: right;
    shape-outside: inset(right);
    margin-left: 30px;
    margin-bottom: 5px;   
}

.figure_with_caption_fluid_left {
    width: 60%;
    float: left;
    shape-outside: inset(left);
    margin-right: 30px;
    margin-bottom: 5px;   
}

.image-edu { 
    max-height:25rem;
    height:40%;
    float: left;
    shape-outside: inset(left);
    margin-right: 30px;
    margin-bottom: 10px;
}

.downloadbutton {
    float: right;
    background-color: #4DA284;
    outline-color: #4da284;
    color: white;
    margin-top: 5px;
}

.implemim {
    height: 60%;
    width: 60%;
    float: right;
    shape-outside: inset(right);
    margin-left: 30px;
    margin-bottom: 5px; 
}

footer table td a.meme_link:hover{
    color: transparent !important;
    background: linear-gradient(90deg, rgb(255, 0, 0), orange, yellow, green, blue, rgb(250, 0, 250))!important;
    background-clip: text!important;
    -webkit-background-clip: text!important;
    transition: 500ms ease!important;
}
#meme_link2_style{
    user-select: none;
    font-size: 0.5rem;
    margin: 0rem;
    padding: 0rem;
}
#meme_link2{
    color:transparent !important;
    /* pointer-events: none; */
}
@media(max-width: 992px){
    #meme_link2:hover{
        pointer-events: auto !important;
        background: linear-gradient(90deg, rgb(255, 0, 0), orange, yellow, green, blue, rgb(250, 0, 250))!important;
        background-clip: text!important;
        -webkit-background-clip: text!important;
    }
}
/* .carousel-item{
    max-width: 50%;
    max-height: 25%;
} */

.price_icon{
    width: 35%;
    height: 133px;
    margin: auto;
    display: block;
} 

.home_bg_light h1 {
	color: #2e343f;
}