/*
Section and elementor style*/
:root {
    --w: 420px;
    --narrow-width: 80px;
}

.members-access-error{
	 text-align: center;
    padding-top: 15%;
    padding-bottom: 25%;
    font-size: 26px;
}
.menu-sidebar-nav-container {
    width: 100%;
}

#menu-sidebar-nav {
	width: 420px;
	max-width: 100%;
	overflow-y: scroll;
	height: 80vh;
}

.sidebar-section {
    width: var(--w);
    max-width: 100%;
    overflow-x: visible;
    position: fixed !important;
    transition: all 0.3s ease-in-out !important;
    scrollbar-width: none;
	top: 96px;
}
::-webkit-scrollbar {
  width: 0px;
}
.sidebar-section::-webkit-scrollbar {
    display: none;
}

.sidebar-section .elementor-widget-image img {
    max-width: 220px !important;
}

.sidebar-toggle {
    cursor: pointer;
}

body.opening .sidebar-section {
    width: var(--narrow-width) !important;
}

body.opening .sidebar-section .elementor-inner-section .elementor-widget-wrap {
    padding-left: 14px !important;
    padding-right: 14px !important;
}

body.opening .sidebar-nav,
body.opening .sidebar-nav ul a {
    border: none !important;
    text-align: center;
}

body.opening .sidebar-nav a::before {
    margin: 0 auto;
}

body.opening .sidebar-section .sidebar-toggle {
    text-align: center;
}

.sidebar-section .sidebar-toggle {
    text-align: right;
    margin-right: 35px;
}



body.opening .sidebar-toggle .fa-chevron-left::before {
    content: "\f0c9" !important;
	left: 25px !important;
}

body.opening .sidebar-section #menu-sidebar-nav a span {
    display: none;
    opacity: 0;
    transition: none;
}

.sidebar-section #menu-sidebar-nav a span {
    display: initial;
    opacity: 1;
    transition: opacity 0.4s ease-in-out !important;
}

header+*,
[data-elementor-type="header"]+*,
footer,
[data-elementor-type="footer"], [data-elementor-type="header"] .hero {
    margin-left: var(--w);
    transition: all 0.3s ease-in-out !important;
}
@media (min-width: 1450px) {
body.opening header+*,
body.opening [data-elementor-type="header"]+*,
body.opening footer,
body.opening [data-elementor-type="footer"],
body.opening [data-elementor-type="header"] .hero {
    margin-left: var(--narrow-width);
}
	.sidebar-toggle {display: none;}
}
@media (max-width: 1450px) {

    header+*,
    [data-elementor-type="header"]+*,
    footer,
    [data-elementor-type="footer"],
	[data-elementor-type="header"] .hero {
        margin-left: var(--narrow-width);
        transform: translateX(calc(var(--w) - var(--narrow-width)));
        transition: all 0.6s ease-in-out !important;
    }

    body.opening header+*,
    body.opening [data-elementor-type="header"]+*,
    body.opening footer,
    body.opening [data-elementor-type="footer"],
	body.opening [data-elementor-type="header"] .hero {
        transform: translateX(0);
        transition: all 0.3s ease-in-out !important;
    }

    html,
    body {
        overflow-x: hidden;
    }

    .sidebar-nav a::before {
        margin: 0 15px 0 15px;
    }
	
}

@media (max-width: 767px) {
    .sidebar-section {
        height: 100vh;
        transform: translateX(calc(-1*var(--w)));
    }

    body.left .sidebar-section {
        transform: translateX(0);
    }

    header+*,
    [data-elementor-type="header"]+*,
    footer,
    [data-elementor-type="footer"],
	[data-elementor-type="header"] .hero {
        margin-left: 0;
        transform: translateX(0);
        transition: all 0.3s ease-in-out !important;
    }

    body.left header+*,
    body.left [data-elementor-type="header"]+*,
    body.left footer,
    body.left [data-elementor-type="footer"],
	body.left [data-elementor-type="header"] .hero {
        transform: translateX(var(--w));
    }

    .sidebar-section>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap {
        height: 100vh;
    }
}

.site-content footer,
.site-content header+*,
.site-content [data-elementor-type="header"] .hero {
    margin: 0 !important;
    transform: none !important;
}

/*Nav style */

.sidebar-nav {
    border-bottom: 1px solid #fff;
}

.sidebar-nav-item {
    padding-left: 5px;
}

.sidebar-nav-icon {
    padding-right: 5px;
}

.sidebar-nav a,
.sidebar-nav a:active,
.sidebar-nav a:focus,
.sidebar-nav a:hover {
    outline: none;
}

.sidebar-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar-nav ul a,
.sidebar-nav ul li {
    display: block;
}

.sidebar-nav ul a {
    color: #fff;
    background-image: linear-gradient(135deg, #961C23 50%, transparent 50%);
    background-position: 100%;
    background-size: 400%;
    transition: background 300ms ease-in-out;
}

.sidebar-nav ul a:hover {
    background-position: 0;
    text-decoration: none;
}

.sidebar-nav ul a {
	border-top: 1px solid #fff;
	color: #fff;
	padding: 20px 0;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.4;
}

.sidebar-nav ul li.mm-active {
    background: #E81C24;
}
#menu-sidebar-nav>li:last-child {
	border-bottom: 1px solid #fff;
}
.long-menu a {
	padding-bottom: 43px !important;
}
body.opening #menu-sidebar-nav li:last-child {
	border-bottom: none;
}
.sidebar-nav ul ul a {
    background: #DDDDDD !important;
    padding: 15px 0 10px 35px;
    color: #2B2A2A;
    font-weight: 500;
}
.sidebar-nav li ul a:hover, li ul .current_page_item a {
	color: #961C23 !important;
}
.current_page_item a {
	font-weight: 600;
}

.sidebar-nav ul ul ul a {
    background: #fff !important;
    padding: 10px 0 10px 59px;
    font-size: 18px;
}

.sidebar-nav ul ul ul a:hover {
    background: #DDDDDD;
}

.sidebar-nav ul ul ul ul a {
    background: #F0F0F0 !important;
    padding: 10px 0 10px 69px;
    font-size: 16px;
}

.sidebar-nav ul ul ul ul a:hover {
    background: #F0F0F0;
}

.long-menu span {
	position: absolute;
}

@media (max-width:767px) {
    .sidebar-nav ul a {
        font-size: 18px;
    }

    .sidebar-nav ul ul ul a {
        font-size: 17px;
    }
}

/* metismenu custom styles */
.metismenu .arrow {
    float: right;
    line-height: 1.42857
}

*[dir="rtl"] .metismenu .arrow {
    float: left
}

.metismenu .glyphicon.arrow:before {
    content: "\e079"
}

.metismenu .mm-active>a>.glyphicon.arrow:before {
    content: "\e114"
}

.metismenu .fa.arrow:before {
    content: "\f104"
}

.metismenu .mm-active>a>.fa.arrow:before {
    content: "\f107"
}

.metismenu .ion.arrow:before {
    content: "\f3d2"
}

.metismenu .mm-active>a>.ion.arrow:before {
    content: "\f3d0"
}

.metismenu .plus-times {
    float: right
}

*[dir="rtl"] .metismenu .plus-times {
    float: left
}

.metismenu .fa.plus-times:before {
    content: "\f067"
}

.metismenu .mm-active>a>.fa.plus-times {
    transform: rotate(45deg)
}

.metismenu .plus-minus {
    float: right
}

*[dir="rtl"] .metismenu .plus-minus {
    float: left
}

.metismenu .fa.plus-minus:before {
    content: "\f067"
}

.metismenu .mm-active>a>.fa.plus-minus:before {
    content: "\f068"
}

.metismenu .mm-collapse:not(.mm-show) {
    display: none
}

.metismenu .mm-collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-timing-function: ease;
    transition-duration: .35s;
    transition-property: height, visibility
}

/* icon CSS */
.sidebar-nav a::before {
    display: inline-block;
    margin: 0 15px 0 25px;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: bottom;
}

.sub-menu a:before {
    content: unset !important;
}


.icon_financialplanning a:before {
    content: url("/wp-content/uploads/2023/05/financialplanning.png");
}

.icon-calculator a:before {
    content: url("/wp-content/uploads/2023/05/icon-calculator.png");
}

.icon-benefits a:before {
    content: url("/wp-content/uploads/2023/05/icon-benefits.png");
}

.icon-bank a:before {
    content: url("/wp-content/uploads/2023/05/icon-bank.png");
}

.icon-tax a:before {
    content: url("/wp-content/uploads/2023/05/icon-tax.png");
}

.icon-cards a:before {
    content: url("/wp-content/uploads/2023/05/icon-cards.png");
}

.icon-financials a:before {
    content: url("/wp-content/uploads/2023/05/icon-financials.png");
}

.icon-puzzle a:before {
    content: url("/wp-content/uploads/2023/05/icon-puzzle.png");
}

.icon-team a:before {
    content: url("/wp-content/uploads/2023/05/icon-team.png");
}


*[dir="rtl"] .metismenu .has-arrow::after {
    right: auto;
    left: 1em;
}
.metismenu .has-arrow::after {
	content: url('/wp-content/uploads/2023/10/plus-white.svg');
	transition: all .3s ease-out;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 35%;
	right: 13px;
}
.metismenu li ul .has-arrow::after {
	content: url('/wp-content/uploads/2023/10/plus.svg');
}
*[dir="rtl"] .metismenu .has-arrow::after {
    right: auto;
    left: 1em;
}
.metismenu .active>.has-arrow::after,
.metismenu .has-arrow[aria-expanded="true"]::after {
    content: url('/wp-content/uploads/2023/10/minus-white.svg');
}
.metismenu li ul .active>.has-arrow::after,
.metismenu li ul .has-arrow[aria-expanded="true"]::after {
    content: url('/wp-content/uploads/2023/10/minus.svg');
}

body.opening .has-arrow::after {
	display: none;
}



.metismenu a.has-arrow::before {
    content: none;
}

.sidebar-nav .metismenu a.has-arrow {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 73px;
    padding: 0;
}
.sidebar-nav .metismenu li ul a.has-arrow {
    height: 54px;
}
.sidebar-nav .metismenu>li {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.sidebar-nav .metismenu a.has-arrow:hover {
	background: #961C23 !important;
	color: #fff;
}

.sidebar-nav .metismenu {
    flex-direction: column;
}

/* desktop end */

/* general fixes */
.sidebar-nav .metismenu li.menu-item--expanded a {
    padding-right: 55px;
}

.sidebar-nav .metismenu li.menu-item--expanded a.has-arrow {
    padding-right: 0px;
}

/*safari 9 fix*/
.sidebar-nav .metismenu>li {
    flex: 1 1 auto;
}

/*hiding too many items (desktop)*/
@media (min-width: 768px) {
    .sidebar-nav .metismenu>li {
        flex: 1 0 auto;
    }

    body {
        overflow-x: hidden;
    }
}

.sidebar-nav .metismenu li {
    position: relative;
}