/*
Changes made to the bootstrap styling for the first page
*/

a:hover {  
    color: rgb(255, 255, 255) !important;
    background-color: transparent;
}

a { 
    text-decoration: underline;
}

.a2 {
    font-size: min(7vw, 23px) !important;
} 

a,
div {
    color: white;
    font-size: min(6vw, 15px) !important;
}

.nav-link:hover {
    text-decoration: underline;
}

.carousel {
    padding: 0;
}

.carousel-item {
    text-align: center;
}

.carousel-v2 img { 
    max-width: 700px;
    object-fit: cover;
    margin: 0 auto;
}

.carousel-control-prev, .carousel-control-next {  
    opacity: 1;
}

.carousel-control-prev span, .carousel-control-next span {
    background-color: #161616e6;
    width: 40px;
    height: 40px;
    background-size: 50% 50%; 
    border-radius: 100%;
} 

.carousel-indicators {
    background-color: #161616e6;
    padding: 10px;  
    margin: 0 auto; 
    margin-bottom: -10px;
}

.carousel-indicators .active { 
    background-color: white;
}

.carousel-indicators li { 
    background-color: #777777;    
    width: 10px;
    border-radius: 100%;
    height: 10px;
}

.carousel-v1 img { 
    width: 100%;
    height: 550px;
    object-fit: cover;
}
 
.bg-white {
    background-color: white!important;
}

.bg-orange {
    background-color: #c45928!important;
}

.bg-light-blue {
    background-color: #2886c4!important;
}

.bg-blue {
    background-color: #143464!important;
}

.bg-celtic-blue {
    background-color: #287CC4!important;
}

.bg-green {
    background-color: #328464 !important;
} 

.btn-primary {
    border: 0 !important;
    background-color: #a057ff!important;
}

.btn:hover {
    background-color: #a057ff !important;
}

.btn:focus,
.btn:active {
    /* Make the outline consistent with the navbar */
    outline: 2px black solid !important;
    box-shadow: none !important;
    background-color: #6c2bc2 !important;
}

hr {
    background-color: #6c2bc2;
}