@import url("https://cdn.jsdelivr.net/npm/uikit@3.6.18/dist/css/uikit.min.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css");
/* @import url(theme.css); */

:root {
    --light-blue: #3997d5;
    --dark-blue: #13559f;
    --light-gray: #F2F2F2;
    --dark-gray: #333333;
}

.btn-outline-white {
    background-color: transparent;
    color: white;
    border: 1px solid white;
    border-radius: 0;
    transition: all .3s ease-in-out;
    text-decoration: none;
}
.btn-outline-white:hover {
    background-color: white;
    border: 1px solid white;
    color: black!important;
    text-decoration: none;
}
.uk-divider-small {
    background-color: #FFF;
}
.uk-divider-small::after {
    border-top: 1px solid #000000;
}
.projects .uk-box-shadow-medium {
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}
.projects  .uk-box-shadow-hover-large:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, .30);
}
.services-section {
    background-color: var(--light-gray);
}

.contact {
    background-color: var(--dark-blue);
    border-top: 10px solid var(--light-blue);
    color: white;
}
.contact-txt {
    font-size: 20px;
}
a.contact-us {
    color: white;
    text-decoration: none;
    transition: all .3s ease-in-out;
}
a.contact-us:hover {
    color: var(--light-blue);
    text-decoration: none;
}

footer {
    background-color: black;
    border-top: 10px solid var(--dark-gray);
    color: white;
}
.footer-menu {
    list-style: none;
    padding: 0;
}
.footer-menu li {
    border-right: 1px solid var(--light-blue);
    padding: 0 10px;
    float: left;
}
.footer-menu li:last-child {
    border-right: none;
}
.footer-menu li a {
    color: white;
    text-decoration: none;
    transition: all .3s ease-in-out;
}
.footer-menu li a:hover {
    color: var(--light-blue);
    text-decoration: none;
}

.toggle-menu {
    padding: 0;
    border: none;
}

.uk-offcanvas-bar {
    background-color: #FFFFFF;
}

ul.responsive-menu {
    list-style: none;
    margin-top: 40px;
    padding: 0;
}

ul.responsive-menu li {
    line-height: 40px;
    padding: 0 15px;
    border-bottom: 1px solid #e6e6e6;
}

ul.responsive-menu li a {
    color: #999999;
    text-decoration: none;
}
ul.responsive-menu li a:hover, ul.responsive-menu li a:focus, ul.responsive-menu li a:focus-within, ul.responsive-menu li a:active {
    color: #000000;
    text-decoration: none;
}

.uk-offcanvas-bar .uk-close {
    color: #999999;
}

.breadcrumb-container {
    background-color: var(--light-gray);
}

.contact-textarea {
    height: 150px!important;
}