@charset "utf-8";
/* CSS Document */
/* TEMPLATE STYLES */


/* Necessary for full page carousel*/

html,
body {
    height: 100%;
}

body {
    font-family:'Open Sans',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    
}
/* Navigation*/

.navbar {
    background-color: transparent !important;  /* home page only */
}

.top-nav-collapse {
    background-color: #6e005f !important;
}

/* Home page Carousel*/

@media (min-width: 1280px) {
    #home-slider {
        margin-left: 240px;
    }
}

#home-slider.carousel {
    height: 50%;
}

@media (max-width: 776px) {
   #home-slider.carousel {
        height: 300px;
    }
}

#home-slider .carousel-item,
 .active {
    height: 100%;
}

#home-slider .carousel-inner {
    height: 100%;
}

#home-slider .carousel-item {
    background-repeat: no-repeat;
    background-size: cover;
}

/* 
#home-slider .carousel-item:nth-child(1) {
    background-image: url("/images/banner/unit-1385173.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 54%;
    /*opacity: 0.4;
}

#home-slider .carousel-item:nth-child(2) {
    background-image: url("/images/banner/water-427536.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

#home-slider .carousel-item:nth-child(3) {
    background-image: url("/images/banner/sunset-1373171.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 67%;
}
#home-slider .carousel-item:nth-child(4) {
    background-image: url("/images/banner/stone-737093.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

*/


/*Caption*/

#home-slider .flex-center {
    color: #ffffff;
}

#home-slider h5 {
	color: #ffffff;
    font-size: 1.5rem;
}

.shaded-gold {
    background-color: rgba(152, 136, 46, 0.84);
    padding: 6px;
}

.shaded-white {
    background-color: rgba(255, 255, 255, 0.84);
    padding: 6px;
    color: grey !important;
}

.shaded-grey {
    background-color: rgba(80, 80, 80, 0.41);
    padding: 6px;
}

.shaded-darkgrey {
    background-color: rgba(80, 80, 80, 0.41);
    padding: 6px;
}