﻿:root {
    --color-primary: #005e80;
    --color-secondary: #0077a1;
    --color-tertiary: #007EA8;
    --font-heading: 'Merienda One', cursive;
    --font-others: 'Roboto', sans-serif;
}

.dhivehi {
    font-family: MV_FASEYHA;
}
@font-face {
    font-family: 'MV_FASEYHA';
    src: url('../MV_FASEYHA.OTF') format('opentype');
}


body {
    font-family: var(--font-others);
}


h1 {
    font-family: var(--font-heading);
    font-size: 3.5rem;
}

h2 {
    font-family: var(--font-heading);
    font-size: 2.5rem;
}

.h2small {
    font-size:2rem;
}

h3 {
    font-family: var(--font-heading);
    font-size: 2rem;
}

h4 {
    font-family: var(--font-heading);
    font-size: 1.5rem;
}

p {
    font-family: var(--font-others);
}

a {
    font-family: var(--font-others);
}

ul {
    font-family: var(--font-others);
}





.container-fluid {
    overflow: hidden;
    padding: 0px;
}


/*Nav Bar Start*/
nav {
    border-bottom: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: white !important;
}

.navbar {
    background-color: var(--color-primary) !important;
}


.navbar-toggler {
    color: black !important;
    background-color: white !important;
}

nav .navbar-brand {
    min-width: 220px;
    margin: 0px;
    padding: 0px;
}

    nav .navbar-brand div {
        background-color: white;
        max-width: 220px;
        margin: 0px;
        padding: 0px;
        margin: 0px;
        padding: 0px;
        z-index: 1000;
        -webkit-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.75);
    }

@media (max-width:768px) {
    nav .navbar-brand div {
        background-color: white;
        max-width: 160px;
    }
}

nav #navbarNav a {
    font-family: var(--font-others);
    font-size: 1.1rem;
    margin-right: 20px;
    color: white !important;
    letter-spacing: 1px;
}



nav .DropDownactive {
    text-decoration: underline;
}

nav .nav-item .nav-link {
    border-bottom: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: var(--color-primary) !important;
}

    nav .nav-item .nav-link:hover {
        border-bottom-color: white !important;
    }

nav .nav-item .active {
    border-bottom-color: white !important;
}

nav .dropdown-menu {
    background-color: var(--color-primary);
    border: 0px;
}


    nav .dropdown-menu a {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        nav .dropdown-menu a:hover {
            background-color: var(--color-primary);
            text-decoration: underline;
        }

@media all and (min-width: 992px) {
    .nav-item:hover .dropdown-menu {
        display: block;
    }
}

.navHide {
    margin-top: -90px;
}

.navShow {
    margin-top: 90px 0;
    transform: scale(1);
    transition: all 400ms;
}
/* Navbar END*/



/*User Experience*/
.experienceActive{
    text-decoration:underline;
}
/*User experience END*/
/*Privacy Policy Container*/
#privacycontainer {
    background-color: rgba(255, 255, 255,0.9);
    min-height: 50px;
    z-index: 1;
}

    #privacycontainer #viewPolicybtn {
        background-color: white;
        border-color: var(--color-primary);
        color: var(--color-primary);
    }

        #privacycontainer #viewPolicybtn:hover {
            border-color: var(--color-primary);
            color: var(--color-primary);
            text-decoration: underline;
        }


    #privacycontainer #acceptPolicybtn {
        background-color: var(--color-primary);
        color: white;
        border: solid;
        border-width: 1px;
    }

        #privacycontainer #acceptPolicybtn:hover {
            background-color: var(--color-tertiary);
            text-decoration: underline;
        }
/*Privacy Policy Container END*/


.whiteOnHover {
    background-color: black;
    color: white;
    border: solid;
    border-width: 1px;
}

    .whiteOnHover:hover {
        background-color: white;
        color: black;
    }

#carousel-Main {
    font-family: var(--font-heading);
}

    #carousel-Main .carousel-caption .description span {
        font-size: 3.5rem;
    }

    #carousel-Main .carousel-caption .description p {
        font-size: 2rem;
    }

@media (max-width:768px) {
    #carousel-Main .carousel-caption .description span {
        font-size: 2rem;
    }

    #carousel-Main .carousel-caption .description p {
        font-size: 1.2rem;
    }
}



/*
   
    Description next to Main Crousel start
*/

.crouselimgcontainer {
    width: 100%;
    height: 100vh;
}

    .crouselimgcontainer img {
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }


/*
   
    Description next to Main Crousel END
*/









.popOver {
    transform: translateX(-50);
    -webkit-animation: bummer 5s;
    animation: bummer 5s;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; /* Add this so that your modal doesn't 
                                      close after the animation completes */
}

@-webkit-keyframes bummer {
    100% {
        -webkit-transform: scale(1.1,1.1);
    }
}

@keyframes bummer {
    100% {
        transform: scale(1.1,1.1);
    }
}



#wehaveyoucovered {
    background-color: var(--color-tertiary);
    min-height: 100vh;
    color: white;
}

    #wehaveyoucovered a {
        color: white;
        text-decoration: none;
    }

    #wehaveyoucovered svg {
        fill: white;
    }

    #wehaveyoucovered img {
        height: 100px;
        width: 100px;
        fill: white;
        margin: 10px;
    }

    #wehaveyoucovered a:hover h3 {
        text-decoration: underline;
    }


    #wehaveyoucovered .parent {
        display: grid;
        height: 100%;
        grid-template-rows: auto 1fr auto;
    }

        #wehaveyoucovered .parent main .center {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }



/* Offer Container*/





/*Offer COntainer*/


/*containerwithcrouse  Start*/
.containerWithCrousel a img {
    transition: transform 1s;
    transform: scale(1.0);
    cursor: pointer;
}

.containerWithCrousel a:hover img {
    transform: scale(1.1);
}

.containerWithCrousel .parent {
    display: grid;
    height: 100%;
    grid-template-rows: auto 1fr auto;
}

    .containerWithCrousel .parent main {
        height: 100%;
    }

        .containerWithCrousel .parent main .center {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
        }

    .containerWithCrousel .parent footer {
        background-color: var(--color-tertiary);
        color: white;
    }

.amenitiestable{
    width:100%;
}

.containerWithCrousel .parent .amenitiestable img {
    width: 100%;
    height: 40px;
    margin-top: 5px;
}

.containerWithCrousel .carousel img {
    width: 100%;
}




/*Containerwithcrousel Page End*/

.room a img {
    transition: transform 1s;
    transform: scale(1.0)
}

.room a:hover img {
    transform: scale(1.1);
}

.room .parent {
    display: grid;
    height: 100%;
    grid-template-rows: auto 1fr auto;
}

    .room .parent main {
        height: 100%;
    }

        .room .parent main .center {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
        }

    .room .parent footer {
        background-color: var(--color-tertiary);
        color: white;
    }


    .room .parent .amenitiestable img {
        width: 100%;
        height: 40px;
        margin-top: 5px;
    }

.room .carousel img {
    width: 100%;
}

/*
    Awards Container Start
*/
#awardsContainer {
    background-color: var(--color-secondary);
    max-height: 100px !important;
    overflow: hidden;
}

    #awardsContainer img {
        height: 80px;
        width: 80px;
        margin: 10px
    }

/*
    Awards Container END
*/


/*Main Footer Start*/

.mainfooter {
    /*#05445E*/
    background-color: var(--color-primary);
}

    .mainfooter .columhead {
        font-size: 1.2rem;
    }

    .mainfooter a {
        color: white;
    }

    .mainfooter .footerSocialIconsUL i {
        font-size: 20px;
    }

    .mainfooter .footerSocialIconsUL li {
        margin-bottom: 15px;
    }

    .mainfooter .quicklinks ul li {
        margin-bottom: 10px;
    }


.modal-lg {
    min-width: 80% !important;
    width: 80% !important;
    max-width: 80% !important;
}
/* Main Footer END*/
@media (max-width:768px) {
    .modal-lg {
        margin-left: 10%;
    }
}
