/* Google Font import */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Macondo&display=swap');


/* Global styles */
* {
    box-sizing: border-box;
    margin:0 ;
    padding: 0;
    font-family:"Inter", sans-serif;
}

body {
    padding-top: 56px;
    background-color:rgb(246, 243, 241);
    
}

.sharp-corners, .sharp-corners * {
    border-radius: 0;
}


.navbar {
    background-color: #fed500;
}


.container #nav-brand{
    color: black;
    text-decoration: none;
    font-weight: bold;
    font-size: 25px;
    animation: flipOutY;  
    animation-duration: 800ms;
}
.container #nav-brand:hover {
    color: blue;
}
#navbar .navbar-brand {
    font-weight: bold;
}

.navbar-nav #dropdown-menu a{
    text-decoration: none;
    color: black;
}
#dropdown-menu .text-white a{
    color: bisque;
} 
#navbarNav #form-button  {
    border: 2px solid rgb(41, 206, 91);
    background-color: rgb(226, 226, 45);
}
#navbarNav #form-button:hover {
color: blue;
background-color: rgb(73, 185, 9);
font-weight: bold;
}

/* hero section */
.hero { 
    background: url(../images/indoor3.webp) no-repeat center center/cover;
    width: 100%;
    height: 600px;
}
/* about us */

.video-right {
    width: 100%;
    height: 450px;
}


.video-right video{
    height: 100%;
    width: 100%;
}



/* services section */
#services, #about {
    padding: 20px 0 ; 
}

#services .img-height {
    height: 203px;
}

 /* gallery */

 .section {
    margin-bottom: 2rem;
    margin-top: 2rem;  
 }

 #header h1 {
    margin-top: 55px;
 }

 /* Form section */
 #booking-form {
    background-color: #f5f2f0; 
    padding: 20px;
    margin: 100px;
    margin-bottom: 20px;
    border-radius: 5px;   
 }

 /* Form Received */
 #form-received {
    margin-top: 250px;
 }
 #form-received a {
    text-decoration: none;
 }

/* Footer section */
footer {
    width: 100%;
    color: #000;
    background-color: #fed500;
    border-radius: 5px;
   
}


   .social-links {
    font-size: large;
    font-weight: 700;
    text-align: end;
    width: 30%;
    padding-top: 1%;

    }
    .locate-us {
        width: 40%;
        padding-top: 1%;
    }

    .contact-info {
        width: 30%;
        padding-left: 2%;
        padding-top: 1%;    
    } 

.contact-info a {
    text-decoration: none;
    color: #000;
}

.contact-info a:hover {
    color: blue;
}
.social-links i {
    color: blue;
    font-size: 150%;
    margin: 4% 5%;
    padding: 1% 2%;

}

.social-links i:hover {
    color: rgb(41, 206, 91);
}


.social-links li {
    display: inline;
}

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


/* 404 page */

.error_img img {
    width: 300px;
    height: 300px;   
}

.error-container {
    height: 500px;
    width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}


/* Media queries */

@media screen and (max-width:575px){

    footer {
        flex-direction: row;
    }

    .social-links {
        width: 100%;
    }

    .locate-us {
        width: 100%;
        
    }

    .contact-info {
        width: 100%;
        text-align: center;
    } 
}


@media screen and (min-width: 576px) and (max-width: 800px) {

    .social-links {
        width: 30%;
        padding-top: 1%;
        text-align: left;

    }
    .locate-us {
        width: 40%;
        padding-top: 1%;
    }

    .contact-info {
        width: 30%;
        padding-left: 2%;
        padding-top: 1%;
    } 
 }

@media screen and (min-width:1200px) {
     #services .img-height {
        height: 173px;
     }
}

@media screen and (min-width:1400px) {
    #services .img-height {
        height: 204px;
     }
    
}