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

body{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: white;
    background-color: #E0C3B5;
}
.bg-clear{
    background-color: rgba(0,0,0,0);
}
footer{
     background-color: #E3DCD4;
     font-family: 'Amatic SC', cursive;
     font-size: 20px;
     color: #2E2E2E;
     text-align: center;
     padding: 30px 0px 20px 0px;
     margin: 0px;
}
footer>p>a{
    color: #2E2E2E !important;
font-weight: bold;
}
.fticons{
    color: #2E2E2E !important;
}
.fticons:hover{
    color: #c0b19f !important;
    border: none !important;
    text-decoration: none !important;
}
footer>p>a:hover{ color: #c0b19f !important; border-bottom: 2px solid #c0b19f; text-decoration: none !important;}

.fa-link{color: black !important;}
.fa-link:hover{color: white !important;}
.fas,.fab{font-size: 20px; padding-right: 10px; padding-left: 10px; text-align:center;}
.container-fluid{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin: auto;
}
.container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin: auto;
}
.row{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    margin: auto;
}
li.active{
			border-bottom: 5px solid #ce8578;
		}
ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
   			font-family: arial;
   			font-size: 14px;
			color:white;	
		}
		li {
    		float: right;
		}
		li a, .dropbtn {
			display: inline-block;
			color:white;
			text-align: center;
			padding: 14px 16px;
			text-decoration: none;
			font-weight: 200;
		}
		li a:hover, .dropdown:hover .dropbtn {
			background-color: #ce8578;
            color: white;
		}
@media (min-width: 768px) {

    /* show 3 items */
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
        margin-right: initial;
    }
    
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}