/*
#182540 Blue
#0D1826 Dark Blue
#BF9341 Gold
#8C7446 Brown
#F2F2F2 Light Gray
*/
#logo {
    max-height: 182px;
}

@media (max-width: 576px) {
    #logo {
        max-height: 100px;
    }
}

.header {

    /* Add vertical gradient. light blue to dark blue */
    /* background: linear-gradient(to bottom, #BF9341, #090e18); */
    background-color: white;
}

.navbar {
    background-color: #0D1826 !important;
    /* Dark Blue */
}

.navbar-toggler::after {
    content: " Menu";
    font-size: 1rem;
    margin-left: 0.5em;
    vertical-align: middle;
}

.logo-blue-color {

    color: rgb(38, 45, 136);
}

.logo-blue-color-background {

    background-color: rgb(38, 45, 136);
    border-color: rgb(38, 45, 136, .1);
}

.nav-item:hover {
    background-color: rgb(136, 149, 194, .5);
}

.navbar-text:hover {
    background-color: rgb(136, 149, 194, .5);
}

#jumbo-image-home {
    background-image: url('8.jpg');
    background-position: center;
    background-size: cover;
}

#jumbo-image-what-we-do {
    background-image: url('3.jpg');
    background-position: center;
    background-size: cover;
}

#jumbo-image-contact {
    background-image: url('images/stock-photos/building.jpg');
    background-position: center;
    background-size: cover;
}

#jumbo-image-unitehere {
    background-image: url('images/stock-photos/8.jpg');
    background-position-x: center;
    background-position-y: top;
    background-size: cover;

}

#transparent-background-element {

    background-color: rgba(255, 255, 255, 0.402);
    background: linear-gradient(180deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .95) 100%);

    background-size: cover;
}

.text-outline {

    -webkit-text-stroke-color: #000;
    -webkit-text-stroke-width: .35px;
    font-weight: bold;
}

.opacity-6 {
    opacity: 0.6;
}

#translate-bar {
    /* margin-bottom: -31px !important; */
    opacity: 0.9;
}

#nav-pills .nav-link {
    color: rgb(255, 255, 255);
    background-color: #0d1826d0;

}

#sub-menu-bar .btn-group .btn.btn-primary {
    background-color: #0d1826de;
    color: #fff;
    border-color: #388effb6;
}

#sub-menu-bar .btn-group .btn.btn-primary.active,
#sub-menu-bar .btn-group .btn.btn-primary:active,
#sub-menu-bar .btn-group .btn.btn-primary:focus,
#sub-menu-bar .btn-group .btn.btn-primary:hover {
    background-color: #213359;
    color: #fff;
    border-color: #388effb6;
}


#unite-here-small-screen-submenu li a {
    background: linear-gradient(90deg, #0d1826de 0%, #001128f0 100%);
    color: #fff;
    border-color: #388effb6;
    padding: 10px;
    border-radius: 10px;
    margin: 2px;
    display: block;
    /* capitalize */
    text-transform: uppercase;
}

#unite-here-small-screen-submenu li .active,
#unite-here-small-screen-submenu li a:active,
#unite-here-small-screen-submenu li a:focus,
#unite-here-small-screen-submenu li a:hover {
    background: linear-gradient(90deg, #213359 0%, #388effb6 100%);
    color: #fff;
    border-color: #388effb6;
    /* Slight red text glow */
    text-shadow: 0 0 1px #ff0000;
}

.card-header-custom {
    background: linear-gradient(to bottom right, #123a7b, #1d4e9a);

    text-align: center;
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
    padding: 1rem;
}

a[href^="tel"] {
    color: inherit;
    /* Inherit text color of parent element. */
    text-decoration: none;
    /* Remove underline. */
    /* Additional css `propery: value;` pairs here */
}

/* Media queries */

/* Don't show this on small */
/* #header-tag-line {
    display: none;
} */


.small-inputs {
    width: 75px !important;
}

.grid-view-pager-number td>table>tbody>tr>td {
    padding: 0 5px;
    /* Adds 5px of horizontal padding to each cell */
}

@media print {
    .col-12.col-sm-8.col-md-9.col-xxl-10 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .container, .container-fluid {
        margin: 0 !important;
        padding: 0 !important;
        max-width: 100% !important;
    }

    .row {
        margin: 0 !important;
    }

    body {
        margin: 0 !important;
        padding: 0 !important;
    }


}