/* static/css/base.css */

/* @media (min-width: 768px) */

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 4rem;
    z-index: 1000;
    height: calc(100vh - 4rem);
}


 body {
    min-height: 75rem; 
    padding-top: 4.5rem;
    }

.slide-text {
    height: 5rem;
    width: 300px; 
    padding: 0;
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
} 
.black-border {
    outline: 3px solid rgba(79, 36, 36, 0.6);
    
}
.red-border {
    outline: 3px solid rgba(243, 4, 4, 0.6);

    
}

.green-border {
    outline: 3px solid rgba(4, 99, 32, 0.603);
    
}

.blue-border {
    border: 1px solid rgba(35, 8, 188, 0.6);
    
}
.clear-border {
    border: 1px solid transparent;
    /* padding: 0.5rem;
    margin: 0.25rem;  */
    
}
.vertical-box {
    min-height: 60vh;
    background-color: #30415D;
}

.title {
    font-size: calc(.75rem );
  }

footer {
    background-color: #f8f8f8;
    padding: 20px 0;
    text-align: center;
    /* position: fixed; */
    bottom: 0;
    width: 100%;
}

.footer-content {
    color: #888;
    font-size: x-small;
}

.social-icons {
    margin-top: 10px;
}

.social-icon {
    display: inline-block;
    margin-right: 10px;
    font-size: x-small;
}

.privacy-link {
    color: #888;
    text-decoration: none;
}
/* 
.card{
    
    box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
    transition: .6s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
  
  cursor: pointer;
}

.card:hover{
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
} */

/* .carousel-indicators{
    position: relative; 
     top: 0%; 
} */

/* .carousel-indicators .active {

    background-color: #004470;
}
.carousel-indicators [data-bs-target] {

    background-color: #0071BC; 
} */
/* .carousel-inner  {
     overflow: visible; 
    
}
.carousel {
    overflow: hidden; 
    background-color: transparent;
    padding-bottom: 9rem; 
}

.carousel-inner  img {
    overflow: visible; 
    margin: auto;
    padding: 0;
    z-index: 1;
    
}
.carousel-caption {
    
    top: 100%;
    max-width: 100%;
    width:100%;
    left: 0;

}

.carousel.pointer-event {
    touch-action: pan-y pinch-zoom;
  } */

.img-fullscreen {
    position: relative;
  }
  
.img-fullscreen > a {
    position: absolute;
    background: white;
    bottom: 0;
    left: 0;
  }


.c-card-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

}

.c-badge { 
    position: absolute; 
    top:10px; 
    left:10px; 
}

