/* Basis for the colours of pages - DO NOT CHANGE*/
body { padding-top: 56px; background-color: #ffffff; color: #000000; font-family: 'Helvetica', sans-serif;}
.left-aligned { margin-left: auto; }
/*.bg-dark { background-color: #d9b573; }
.bg-hero { 
background-color: #c1cc8a; }*/
/* #d6f9ff */

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

/* footer */
footer a { color: #ffffff; font-size: 16px; text-decoration: none; font-family: Helvetica, sans-serif; text-align: left;}
footer a:hover { color: #985480; text-decoration: underline; font-family: Helvetica, sans-serif; }

/* Protocol menu*/

.custom-btn-c {
    display: flex;
    flex-direction: column;   /* Arrange buttons vertically */
    align-items: flex-start;  /* Align buttons to the left */
    margin: 20px auto;        /* Center the container horizontally */
    color: #000;
    font-family: 'Replica', sans-serif;
    font-size: 18px;
    font-weight: 600;
}
  
.custom-btn {
    margin-bottom: 10px;      /* Space between buttons */
    font-family: 'Replica', sans-serif;
    font-size: 18px;
    font-weight: 600;
    background-color: transparent;
    border: none;
    color: black;             /* Button text color */
    cursor: pointer;          /* Change cursor to pointer */
}
  
.custom-btn:hover {
    color: #985480;                /* Change text color to red on hover */
    text-decoration: underline; /* Underline text on hover */
}

/* Date */
.date {
    font-family: Helvetica, sans-serif;
    font-style: italic;
    font-size: 16px;
    color: #000;
    text-align: right;
}

.notebook-card {
    list-style: none;
}

.side-bar-vertical-bar {
    border-left: #000 1px;
}

.index-side-bar {
    list-style-type: none;
    padding: 0;
    margin-top: 0;
    font-family: 'Replica', sans-serif;
    font-size: 18px;
}

a { color: #985480; text-decoration: none; }

a:hover { color: #985480; text-decoration: underline; }

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

.nb-btn-c {
    text-align: center;
    display: flex;
    flex-direction: column;   /* Arrange buttons vertically */
    align-items: flex-start;  /* Align buttons to the left */
    margin: 20px auto;        /* Center the container horizontally */
}

.responsive-image-protocols {
    height: auto;
    width: 100%;
}

.responsive-hp{
    height: auto;
    width: 50%;
}

.team-imgs img {
    height:auto;
    width:100%;
}

.eng-imgs img {
    height:auto;
    width:100%;
}

.sdg-img {
    height:auto;
    width:60%;
}

.fit-img {
    height: 100%;
    width: auto;
}

.width-fit-img {
    height: auto;
    width: 100%;
}

.responsive-imgs img{
    height: auto;
    width: 100%;
}

figure {
    display: inline-block;
    margin: 0px;
}
figure img {
    vertical-align: top;
}
figure figcaption {
    text-align: center;
}

.row {
    display:flex;
}

.body-colour {
    background-color: #985480;
}

.container-colour {
    background-color: #ffffff;
}

.col-img {
    width: auto !important;
    height: 100% !important;
}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
}

#carouselExample .carousel-item {
    height: 700px; 
}

#carouselExample .carousel-item img {
    object-fit: cover; 
    height: 100%; 
}