@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Ruge+Boogie&family=Sixtyfour+Convergence&display=swap');

:root{
    --primary-color:#bc6c25;
    --secondary-color: #4d3822;
    --hover-color: #e76f51;
    --section-color: #b78752;
    
}

*{
    font-family: "Plus Jakarta Sans",serif;
}




/** NAVBAR */


.navbar{
    position:fixed;
    z-index: 5;
    width: 100%;
}

.navbar .container{

    background-color: rgba(0,0,0,0.7);
    text-transform: capitalize;
    font-weight: bold;
}

.navbar-nav{
    font-size:1.3rem;
}

.nav-link{
    color:white !important;
}
.nav-link:hover{
    color:var(--primary-color) !important;

}

/** CAROUSEL */

.carousel-item{
    height: 100vh;
}
.carousel-item img{
    height:100%;
    object-fit: cover;
}

.carousel-caption .btn{
    background-color: var(--primary-color);
    border:none;
    width: 10rem;
    font-weight: bold;
    color:white;
}
.carousel-caption .btn:first-child{
    background-color: transparent;
}

.carousel-caption .btn:first-child:hover{
    background-color: white;
    color:black
}

.carousel-caption{
    margin-bottom:25%;
}

.hero{
    position:relative;
    z-index:3;
}

.black{
background-color:rgba(0,0,0,0.7) ;
width: 450px;
height: 450px;

position: absolute;

top:50%;
left:50%;
transform:translate(-50%,-50%) rotate(45deg)

}


.carousel-indicators{
    gap:0.7rem;
}
.carousel-indicators button{
background-color: var(--primary-color) !important;
padding:0.1rem !important;
width: 3rem !important;

}

/** MEET PEOPLE */

section#people{
    background-color: var(--section-color);

}
section#people .container{
background-color: var(--secondary-color);
padding: 2rem 1rem;

}
section#people .card{
    background-color: var(--primary-color);
    transition:all 0.5s;
    overflow: hidden;

}
section#people .card:hover{
    transform:scale(1.05)
}

section#people .card img{
    transition:all 0.5s;
}

section#people .card img:hover{
    transform:scale(1.05)
}

section#people .card i{
    transition: all 0.5s;
}

section#people .card i:hover{
opacity:0.5;
}

/** OUR MENU */

section#menu{
    background-color:var(--secondary-color);
  
}

section#menu .menu-header{
    color:var(--primary-color)
}

section#menu .container{
    background-color: var(--primary-color);
}

section#menu button{
    background-color: var(--secondary-color);
    margin-right: 1rem;
}

/** ABOUT */

section#about{
    background-color:var(--secondary-color) ;
    color:white;

}

.image-container{
    position: relative;
}

.image-container img{
    width: 100%;
}

.about-info{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
   background-image:linear-gradient(to bottom,rgba(0,0,0,0.7),rgba(188, 108, 37,0.5))
}

section#about .btn{
    background-color: var(--primary-color);
}


/** CONTACT */

section#contact{
    background: linear-gradient(to bottom,rgba(0,0,0,0.7),rgba(188, 108, 37,0.5)) , url("./img/slider2.jpg") ;
}
section#contact input,
section#contact textarea{
    background-color: inherit;
}
section#contact input:focus,
section#contact textarea:focus{
    background-color: var(--primary-color)
}

label{
    color:white;
}

input::placeholder{
    color:white !important;
}

textarea{
    resize:none;
    height: 100px !important;
}

.google-map{
    filter:grayscale(100%);
    border-radius:1.5rem;
}