/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@font-face {
    font-family: 'montserrat-light';
    src: url("/static/fonts/Montserrat-Light.88779338a024.ttf");
}


:root {
    --bim-main: #343B5B;
    --bim-second: #FFFFFF;
    --bim-light: #80ADCC;
    --bim-light-gray: #989c9d;
    --bim-main-lighter: #4B536E;

    --bim-font-color-dark: #595959;
}


body {
    font-family: 'montserrat-light', sans-serif !important;
    --bs-body-font-family: 'montserrat-light', sans-serif;
    --bs-font-sans-serif: 'montserrat-light', sans-serif;

    font-weight: lighter !important;
    background-color: var(--bim-second) !important;

    color: var(--bim-font-color-dark) !important;
}

b {
    font-weight: bold !important;
}

.row {
    font-family: 'montserrat-light', sans-serif !important;
}


/* Navbar styles */
#navbar {
    background-color: #fff;
    position: fixed;
    top: -75px;
    width: 100%;
    
    /* Transition effect when sliding down (and up) */
    -webkit-transition: top 0.3s;
    -o-transition: top 0.3s;
    transition: top 0.3s;
    

    height: 75px;

    z-index: 1001;
}


@media only screen and (min-width: 992px) {
    #navbar {
        height: 95px !important;
        top: -95px;
    }
}

/* Style the navbar links */
#navbar #desktop-links {
    float: right;
    display: block;
}

#desktop-links a {
    color: var(--bim-font-color-dark);
    text-align: center;
    padding: 15px;
    text-decoration: none;

    border-radius: 5px;
}

#desktop-links .link-separator {
    margin-left: 5px;
    margin-right: 5px;
}

#navbar a:hover {
    background-color: var(--bim-main);
    color: var(--bim-second);
}

#navbar .logo-img {
    float: left;
    height: 100%;
}

.mobile-menu-offcanvas {
    width: 100vw !important;
    height: 100vh !important;
}

.logo-img-mobile {}

.mobile-nav-link {
    color: var(--bim-font-color-dark);
}

.anchor-wrapper {
    position: relative;
}

.section-anchor {
    position: absolute;
    top: -100px;
}

#desktop-lang-switcher:hover {
    background-color: var(--bim-main);
    color: var(--bim-second) !important;
}

/* end of navbar */

.bim-section-header {
    max-width: 1050px !important;
}

.bim-section-content {
    /* Used to cap the size of content pieces for large screens */
    /*max-width: 900px !important;*/
    max-width: 992px !important;
}

.bim-button-dark {
    background-color: var(--bim-main-lighter) !important;
    color: var(--bim-second) !important;

    border-radius: 10px !important;
    -webkit-transition: all .25s ease-out !important;
    -o-transition: all .25s ease-out !important;
    transition: all .25s ease-out !important;
}

.bim-button-dark:hover {
    background-color: var(--bim-second) !important;
    color: var(--bim-main-lighter) !important;

    border: 1px solid var(--bim-main-lighter) !important;
    border-radius: 2px !important;

    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);

    box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
    -webkit-transition: all .15s ease-out !important;
    -o-transition: all .15s ease-out !important;
    transition: all .15s ease-out !important;
}

.bim-button-light {
    background-color: var(--bim-second) !important;
    color: var(--bim-main-lighter) !important;

    border-radius: 10px !important;
    border-color: var(--bim-main-lighter) !important;

    -webkit-transition: all .25s ease-in !important;

    -o-transition: all .25s ease-in !important;

    transition: all .25s ease-in !important;
    /*transition: background-color 1000ms linear !important;*/
}

.bim-button-light:hover {
    background-color: var(--bim-main-lighter) !important;
    color: var(--bim-second) !important;

    /*border: 1px solid var(--bim-second) !important;*/
    border-radius: 2px !important;

    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);

    box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
    -webkit-transition: all .15s ease-out !important;
    -o-transition: all .15s ease-out !important;
    transition: all .15s ease-out !important;
}


.parallax-divider {
    width: 100%;

    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;


    min-height: 300px;
}

/* Disable parallax on iOS Safari */
@supports (-webkit-touch-callout: none) {
    .parallax-divider {
        background-attachment: initial;
    }
 }
 

.section-margin {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

/* Card styles */
.realization-card {
    border-radius: 10px;
    /*border-radius: 0px;*/

    padding: 15px;

    width: 300px !important;
    height: 400px !important;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-transition-duration: 0.7s;

    -o-transition-duration: 0.7s;

    transition-duration: 0.7s;
}

.realization-card:hover {
    cursor: pointer;

    -webkit-transform: scale(102%);

    -ms-transform: scale(102%);

    transform: scale(102%);

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

    border-radius: 0;
    /*border-radius: 10px;*/

    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

}

.realization-card-odd {
    background-color: var(--bim-main-lighter);
    color: var(--bim-second);
    -webkit-box-shadow: 0 0 1px 1px var(--bim-second);
    box-shadow: 0 0 1px 1px var(--bim-second);

    text-shadow: 1px 1px 5px black;
    /* see if that makes sense */
}

.realization-card-odd:hover {
    background-color: var(--bim-second);
    color: var(--bim-font-color-dark);
    text-shadow: none;

    border: 1px solid black;
}

.realization-card-even {
    background-color: var(--bim-second);
    color: var(--bim-font-color-dark);
    -webkit-box-shadow: 0 0 1px 1px var(--bim-light-gray);
    box-shadow: 0 0 1px 1px var(--bim-light-gray);
}

.realization-card-even:hover {
    background-color: var(--bim-main-lighter);
    color: var(--bim-second);
}

.realization-card-even .realization-image-div {
    border-color: rgba(0, 0, 0, 0.25);
}

.realization-card-image-section {
    height: 225px;
}

.realization-card-text-section {
    height: 175px;
}

.realization-image-div {
    border-radius: 10px;
    border: 1px solid black;
    height: 100%;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    -webkit-transition-duration: 0.5s;

    -o-transition-duration: 0.5s;

    transition-duration: 0.5s;
}

.realization-card:hover .realization-image-div {
    border-radius: 0;
}

.realization-card-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 991px) {
    .realization-card {
        aspect-ratio: 3/4;
        max-width: 100%;
    }

    .publication-card {
        aspect-ratio: 3/5;
        max-width: 100%;
    }
}

.rel-control-arrow {
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.rel-control-arrow:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: drop-shadow(1px 1px 4px black);
    filter: drop-shadow(1px 1px 4px black);

    cursor: pointer;
}


.publication-card {
    border-radius: 5px;

    height: 550px;
    width: 300px;
    /*width: 100%;*/
    /*max-width: 260px;*/

    /* Remove it or make it bigger (5px ish?) */
    /*padding: 2px;*/

    -webkit-box-shadow: 0 0 1px 1px var(--bim-main);

    box-shadow: 0 0 1px 1px var(--bim-main);

    /*border: 1px solid red;*/

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    background-color: var(--bim-main-lighter);

    -webkit-transition-duration: 0.6s;

    -o-transition-duration: 0.6s;

    transition-duration: 0.6s;
}

.publication-card:hover {
    -webkit-transform: scale(102%);
    -ms-transform: scale(102%);
    transform: scale(102%);
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    /*box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.6);*/
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
}

.publication-card-light {
    background-color: var(--bim-second);
    color: var(--bim-font-color-dark);

    -webkit-box-shadow: none;

    box-shadow: none;
    border: 1px solid var(--bim-main-lighter);
}

.publication-card-light:hover {
    background-color: var(--bim-main-lighter);
    color: var(--bim-second);
}


/*.publication-card:hover .publication-card-title {*/
/*    color: var(--bim-main-lighter);;*/
/*}*/

.publication-card-image-section {
    height: 400px;
    position: relative;
}

.publication-card-image {
    border-radius: 5px 5px 0 0;

    max-height: 400px;

    height: 400px;
    width: 100%;

    /*object-fit: cover;*/
    -o-object-fit: fill;
    object-fit: fill;
}

.publication-card:hover .publication-card-overlay {
    opacity: 1;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.publication-card.show-publication-content .publication-card-overlay {
    opacity: 1;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.publication-card-overlay {
    position: absolute;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    opacity: 0;
}

.publication-card-title-section {
    height: 150px;
}

.publication-card-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    border-radius: 0 0 5px 5px;

    color: var(--bim-second);
}

.publication-card-light .publication-card-title {
    color: var(--bim-font-color-dark);
}

.publication-card-light:hover .publication-card-title {
    color: var(--bim-second);
}


.see-all-card {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.see-all-card img {
    width: 45%;
    -webkit-filter: opacity(0.65);
    filter: opacity(0.65);
}

.see-all-card:hover img {
    -webkit-filter: invert(100%) opacity(1);
    filter: invert(100%) opacity(1);
}


/* End of Card styles */

#map-div {
    width: 100%;
    height: 100%;
    min-height: 350px;

    border-radius: 10px;
    border: 1px solid lightgray;
}

#map-div canvas {
    border-radius: 10px;
}

/* Realization offcanvas */

#offcanvasRealization {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);

    color: var(--bim-second);

    -webkit-backdrop-filter: blur(10px);

    backdrop-filter: blur(10px);
}

#offcanvasRealizationContent {
    width: 100%;
    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#offcanvasRealizationContentText {
    text-shadow: 2px 2px black;
}

/* End of Realization offcanvas */


/* Splide Styling */

.custom-splide-pagination {
    /* Used by mobile carousels */
    position: relative !important;
    margin-top: 15px !important;
}

.splide__pagination__page {
    border-radius: 30% !important;
}

.splide__pagination__page.is-active {
    background: var(--bim-main) !important;
}


/* Cookie toast mobile styling*/
@media only screen and (max-width: 991px) {
    #cookieToast {
        width: 100%;
    }
}

#recaptcha-info {
    font-size: 0.6rem;
}


.grecaptcha-badge {
    display: none;
}