/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

/* Bootstrap modifications for OasisSprings */

.navbar {
    min-height: 80px;
    vertical-align: top;
    margin-top: 0px;
    padding-top: 0px;
}

.navbar-nav {
    min-height: 80px;
    vertical-align: middle;
    line-height: 80px;
}

.navbar-nav > ul {
    line-height: 80px;
}

.navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    line-height: 80px;
}

hr.oasis-nav {
    height: 5px;
    border: 0;
    background-color: #197bc0;
    flex: 0;
}

/* Index page CSS */

.oasis-poolwater {
    background-image: url('/images/poolwater2.png');
    min-height: 400px;
}

.oasis-container {
    display: flex;
    margin: 0px 20px 15px 20px;
}

.oasis-index-text {
    flex: 1;
    color: white;
    text-shadow: 2px 2px 2px #000000;
}

.oasis-contact {
    width: 200px;
    border: 3px solid white;
    height: 100%;
}

.oasis-color {
    color: #197bc0;
}

.oasis-rcorners1 {
    border-radius: 25px;
    background: #73AD21;
    padding: 20px;
    width: 200px;
    height: 150px;
}

.hide-overflow {
    overflow: hidden;
}