/* you can add your own custom css here if you don't want to worry about SASS/SCSS */
@media (width >= 992px) {body {font-size:1.2rem;}}
a, .nav-link{color:black;}
h1,h3 { font-family: 'Georgia', serif;}
.field-value, li.list-inline-item:after {font-size:15px;}
.list-inline-item:after{content:","; }
.list-inline-item:last-child:after{content:" ";}
.list-inline-item:not(:last-child){margin-right:.1rem !important;}
.nav-tabs .nav-link{border-left-width:0px; border-right-width:0px;border-top-width:2px; border-top-left-radius:0px; border-top-right-radius:0px;}
#wrap {min-height: 100vh;height: auto !important;height: 100%;margin: 0 auto -40px;padding-bottom: 60px;}
@media (width >= 992px) {#wrap {padding-left:3rem; padding-right:3rem;}}
.home #wrap {padding-left:0 !important; padding-right:0  !important;}
footer{height: 40px;}
.item-140, .item-141,.contact h3{position:absolute; left:-999px; display:none;}
.offcanvas.show {
    visibility: visible;
}
.offcanvas.show .navbar-collapse {
    display: flex;
}
.offcanvas .navbar-nav .nav-link {
    color: #000; font-size:1.6rem;
}
.offcanvas .navbar-nav .nav-link:hover {
    color: #6610f2;
}

#carouselContainerId-1 .carousel-item {
    height: 85vh;
    position: absolute;
    width: 100%;
    float: none;
    margin-right: 0;
}

#carouselContainerId-1 .carousel-item.active {
    position: relative;
}

#carouselContainerId-1 .carousel-item > .row {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

#carouselContainerId-1 .carousel-item img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#carouselContainerId-1 .carousel-item .carousel-image {
    height: 72vh;
}

@media (width >= 768.99px) {
    #carouselContainerId-1 .carousel-item .carousel-image {
        height: 85vh;
    }
}

/* Mobile: absolute over the image, anchored to bottom */
#carouselContainerId-1 .carousel-item .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    height: auto;
    z-index: 10;
}

/* Desktop lg+: same but constrained to 30% width */
@media (width >= 992px) {
    #carouselContainerId-1 .carousel-item .caption {
        position:relative;
    }
}
/* Desktop lg+: same but constrained to 30% width */
@media (min-width: 992px) {
    #carouselContainerId-1 .carousel-item .caption {
        position:relative;
    }
}
.itemPrevious, .itemNext{position:absolute; top:0; bottom:0; padding-top:25%; width:3.5rem;}
.itemPrevious{left:0;}
.itemNext{right:0;}
.carousel-control-prev,.carousel-control-next{position:absolute; top:0; width:40px;height:40px;}
.carousel-control-next{left:42px;}
#media{float:right;}
.bio h4{font-size: 1.25rem !important; margin-top: 3rem; margin-bottom:2rem;}
#exhibitions h4:first-of-type{margin-top:0;}
.bio h5{font-size:1rem; font-weight:bold;}
.bio p{width:84%; float:start;}