/**************** Header / Footer ******************* *
 *  1. Header
 *      1.1. Navigation
 *      1.2. Offcanvas
 *  2. Footer
*****************************************************/

/******************** 1. Header *********************/

header {
    background: #1E3B5C;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.home header,
.page-our-story header {
    position: fixed;
    z-index: 9;
    background: transparent;
}
.uk-sticky-placeholder {
    height: 0 !important;
}
.uk-navbar-container > .uk-container .uk-navbar-right {
    margin-right: 0;
}
.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
    min-height: 100px;
}
.uk-navbar-toggle {
    color: #fff;
}
.uk-navbar-toggle > svg {
    transform: translateY(5px);
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    height: auto;
    padding: 0;
}

/**** 1.1. Sidebar ****/

#sidebar {
    height: calc(100vh - 100px);
    top: 100px;
    padding-top: 65px;
    background: #1E3B5C;
    z-index: 9;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.home #sidebar,
.page-our-story #sidebar {
    background: transparent;
}
#sidebar .uk-nav a {
    color: #fff;
    text-transform: uppercase;
    display: flex;
}
#sidebar .uk-dropdown {
    width: 70vw;
    max-width: 70vw;
}
#sidebar .uk-dropdown-nav {
    font-size: 15px;
}
#sidebar .uk-dropdown h3,
.mega-sub-menu h3 {
    font-size: 35px;
}
#sidebar .menu li {
    position: relative;
}
#sidebar .uk-dropdown h4,
#sidebar .uk-dropdown h4 a,
/* #sidebar .menu .first a, */
#sidebar .menu a,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
    font-family: 'DM Sans';
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #09151D;
}
#sidebar .uk-dropdown a,
#sidebar .menu .sub-menu li a {
    color: #09151D;
    text-transform: none;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
}
#sidebar .uk-dropdown a:hover,
#sidebar .uk-dropdown a:focus,
#sidebar .menu a:hover,
#sidebar .menu a:focus,
#sidebar .menu .sub-menu a:hover,
#sidebar .menu .sub-menu a:focus {
    color: #DA3C57;
}
/* #sidebar .uk-button {
    transform: translateX(-35px);
    width: calc(100% + 70px);
} */
.header-background,
.sidebar-background {
    background: #1E3B5C !important;
}
#sidebar #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    float: none;
    display: flex;
}
#sidebar #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    left: 12vw;
    min-height: 220px;
}
/* #sidebar .menu .top > a {
    margin-bottom: 0;
} */
/* #sidebar .menu .top {
    position: relative;
} */
#sidebar .menu .sub-menu {
    position: absolute;
    left: 250px;
	width: 100%;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    top: 0;
    visibility: hidden;
}
#sidebar .menu .sub-menu::before {
    position: absolute;
    content: "";
    background: #B0D8C9;
    height: 2px;
    width: 20px;
    top: 13px;
    left: -50px;
}
#sidebar .menu li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
}
#sidebar .menu .sub-menu li a {
    padding: 0;
}

/**** 1.2. Offcanvas ****/

.uk-offcanvas {
    width: 100%;
}
.uk-offcanvas-bar {
    left: -320px;
    width: 320px;
    max-width: 90%;
    background: #DA3C57;
}
.uk-offcanvas-bar a:hover,
.uk-offcanvas-bar a:focus {
    color: #fff;
    opacity: 0.7;
}
.uk-offcanvas-bar .uk-nav > li.uk-parent > .uk-dropdown {
    position: relative;
    background: transparent;
    box-shadow: none;
    margin-top: 0;
    padding: 10px;
}
.uk-navbar-dropdown-nav > li > a {
    color: #fff;
}
.uk-navbar-dropdown-nav > li > a:hover,
.uk-navbar-dropdown-nav > li > a:focus {
    color: #fff;
    opacity: 0.7;
}

/******************** 2. Footer *********************/

footer {
    background: #DA3C57;
    padding: 35px 0 20px;
    font-weight: 500;
    position: relative;
    z-index: 999;
    font-size: 13px;
    line-height: 1.4;
}
footer p {
    font-weight: 500;
    margin: 0;
}
footer p + p {
    margin-top: 20px;
}
footer .menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
footer .menu > li > a {
    padding: 0 0 7px;
    display: block;
}
footer a:hover,
footer a:focus {
    opacity: 0.5;
    color: #fff;
}