﻿/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
    /*padding-top: 80px;*/
    /*padding-bottom: 20px;*/
    padding-right: 0px !important;  /*use to fix modal close keep adding 17px*/
    background: #f6f6f6;
}

.bg-dark {
    background-color: #0f1019 !important;
}

.btn-vilor {
    background-color: #06081b !important;
    color: #c3c3c3 !important;
}

.cursor-pointer {
    cursor: pointer;
}

body.modal-open {
    overflow: hidden;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

.footer-wrapper {
    background: #06081b;
    color: #9f9f9f;
    font-size: 0.9rem;
    padding: 30px 0;
}

.footer-wrapper .footer-heading {
    text-transform: uppercase;
    color: #cca890;
    font-size: 1rem;
    letter-spacing: 1.75px;
    padding: 13px 0 0 0;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
    .footer-wrapper {
        text-align: center;
    }
}

.navbar-nav.m-auto {
    flex: 1;
    justify-content: space-evenly;
}

.navbar .dropdown-menu {
    width: 100%;
    text-align: center;
    /*background: #d0a281;*/
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #dee2e6;
}

.navbar .nav-item .nav-link {
    color: #c3c3c3 !important;
    font-size: 0.85rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    transition: 0.5s all;
}

.navbar .nav-item .nav-link:hover {
    color: #cca890 !important;
    transition: 0.5s all;
}

/* Mobile Navbar dropdown*/
.dropdown-menu {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.dropdown-menu .nav-link {
    color: #c3c3c3 !important;
    font-size: 0.85rem !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    transition: 0.5s all;
}

.dropdown-menu .nav-link:hover, .dropdown-menu .nav-link:active, .dropdown-menu .nav-link:focus {
    color: #93705c !important;
    transition: 0.5s all;
    background: transparent;
}

@media (max-width: 992px) {
    .navbar .dropdown-menu {
        width: max-content;
        text-align: center;
        /*background: #d0a281;*/
    }
}

/*overwrite corner popup css*/
@media (min-width: 768px){
    #corner-popup {
        bottom: 30px !important;
        right: 30px !important;
    }
}

/*flatpicker input textbox*/
.flatpickr input {
    background: #fff !important;
}


.field-validation-error {
    font-style: italic;
    font-weight: 300;
    font-size: 15px;
}


/*mobile sub-menu*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    position: absolute;
    top: 18px;
}

.dropdown-submenu .dropdown-menu {
    width: 100%
}