/*--------------------------------------------------------------
# inner left nav
--------------------------------------------------------------*/
body {
    position: relative;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

    body.show-sidebar {
        overflow: hidden;
    }

        body.show-sidebar:before {
            opacity: 1;
            visibility: visible;
        }

.site-section {
    /* padding: 3.5rem 1.5rem 1rem;*/
    padding: 0rem 1.5rem 1rem;
}


/* General styles for sidebar */
/* General Sidebar Styles */
aside, main {
    min-height: 580px;
}

main {
    min-height: calc(100vh - 120px);
    padding-bottom: 10px !important;
}

aside {
    width: 70px;
    top: 0;
    left: 0;
    z-index: 1031;
    position: fixed;
    height: 100vh;
    background-color: white;
    /* border-right: 1px solid #ededed; */
    transition: 0.5s width cubic-bezier(0.23, 1, 0.32, 1);
}

div.show-sidebar aside {
    width: 260px;
    /* -webkit-box-shadow: 10px 0 30px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 10px 0 30px 0 rgba(0, 0, 0, 0.2); */
    -webkit-box-shadow: 0px 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0 10px 0 rgba(0, 0, 0, 0.1);
}

aside .side-inner {
    padding-bottom: 12px;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}

    aside .side-inner::-webkit-scrollbar {
        display: none;
    }

.sidebar .side-inner .logo-wrap {
    /* width: 70px; */
    /* height: 59px; */
    overflow: hidden; /* Ensure the image doesn't overflow */
    transition: width 0.5s cubic-bezier(0.23, 1, 0.32, 1), height 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    /* border-bottom: 1px solid #ededed; */
}

    .sidebar .side-inner .logo-wrap a {
        width: 50px;
        height: 46px;
        padding-bottom: 5px;
    }
    /* .sidebar .side-inner .logo-wrap .navbar-brand-inner .logo{
  width: 50px;
  height: 43px;
} */
    .sidebar .side-inner .logo-wrap .navbar-brand-inner .log_text {
        width: 130px;
        height: auto;
    }

    .sidebar .side-inner .logo-wrap .navbar-brand-inner .log_text {
        display: none;
    }

.show-sidebar .sidebar .side-inner .logo-wrap .navbar-brand-inner .log_text {
    display: inline-block;
}


.sidebar .side-inner .logo-wrap img {
    /* width: 100%; */
    /* height: auto; */
    transition: width 0.7s cubic-bezier(0.23, 1, 0.32, 1), height 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}

.nav__list,
.nav__items {
    display: grid;
}

.nav__list {
    row-gap: 2rem;
    padding: 1.2rem 1.5rem 2rem;
}

.nav__items {
    row-gap: 1.5rem;
}

.nav__subtitle {
    font-size: var(--normal-font-size);
    text-transform: uppercase;
    letter-spacing: .1rem;
    color: var(--text-color-light);
}

.nav__link {
    display: flex;
    align-items: center;
    color: var(--text-color);
}

    .nav__link:hover {
        color: var(--first-color);
    }

.nav__icon {
    font-size: 1.2rem;
    margin-right: .5rem;
}


.nav__name {
    font-size: .9rem;
    font-weight: 500;
    white-space: nowrap;
}

.nav__logout {
    margin-top: 5rem;
}


/* Dropdown */
.nav__dropdown {
    overflow: hidden;
    max-height: 27px;
    transition: .4s ease-in-out;
    /* transition: width 2s, height 5s; */
}

.sidebar .nav__dropdown-collapse {
    background-color: #fff;
    border-radius: .25rem;
    margin-top: 0.5rem;
    max-height: 0;
    overflow: hidden;
    /* transition: height 5s; */
    /* transition: all 0.9s ease-in-out; */
    /* transition: .2s; */
    transition: max-height 1.5s ease-in-out;
    opacity: 0;
}

.sidebar:hover .nav__dropdown-collapse.show-dropdown {
    max-height: 100rem;
    opacity: 1;
}

.nav__dropdown-content {
    display: grid;
    row-gap: .5rem;
    padding: .75rem 2.5rem .75rem 1.8rem;
}

.nav__dropdown-item {
    white-space: nowrap;
    color: var(--textDark);
    font-weight: 500;
    /* font-size: var(--smaller-font-size);
  font-weight: var(--font-medium);
  color: var(--text-color); */
}

    .nav__dropdown-item:hover {
        color: var(--blue);
    }

.nav__dropdown-icon {
    margin-left: auto;
    transition: .4s;
    cursor: pointer;
    font-size: 1.2rem;
}

.rotate-icon {
    transform: rotate(180deg);
}


.show-sidebar .nav__dropdown.has-sub {
    max-height: 100rem !important;
}

    .show-sidebar .nav__dropdown.has-sub .nav__dropdown-collapse {
        max-height: 100rem !important;
        opacity: 1;
    }

.nav__items .home_icon {
    width: 30px;
    position: relative;
    left: -6px;
}

.show-sidebar .nav__items .home_icon {
    width: 100%;
    transition: .4s ease-in-out
}

.nav__items .m-line {
    width: 20px;
    color: #82abb1;
    transition: .4s ease-in-out
}

.show-sidebar .nav__items .m-line {
    width: 100%;
}
/*===== Show menu =====*/
.show-menu {
    left: 0;
}

/*===== Active link =====*/
.nav__items .active {
    color: var(--blue);
}

/* ========== MEDIA QUERIES ==========*/
/* For small devices reduce search*/

@media screen and (min-width: 768px) {

    .nav__icon {
        font-size: 1rem;
    }

    /* Element opacity */
    .nav__name,
    .nav__dropdown-icon {
        opacity: 0;
        transition: .3s;
    }




    /* Visible elements */
    .sidebar:hover .nav__logo-name {
        opacity: 1;
    }

    .sidebar:hover .nav__subtitle {
        opacity: 1;
    }

    .show-sidebar .nav__name {
        opacity: 1;
    }

    .show-sidebar .nav__dropdown-icon {
        opacity: 1;
    }
}







main {
    background-color: white;
    padding-left: 70px;
    /* width: calc(100%); */
    -webkit-transition: 1s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
    transition: 1s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: 1s transform cubic-bezier(0.23, 1, 0.32, 1);
    transition: 1s transform cubic-bezier(0.23, 1, 0.32, 1);
    transition: 1s transform cubic-bezier(0.23, 1, 0.32, 1), 1s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
}

.show-sidebar main {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

main .post-entry {
    margin-bottom: 30px;
}

    main .post-entry .custom-thumbnail {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        margin-right: 30px;
    }

main .post-content h3 {
    font-size: 18px;
}

main .post-content .post-meta {
    font-size: 15px;
    color: #ccc;
}

/* Burger */
.burger {
    width: 28px;
    height: 32px;
    cursor: pointer;
    position: relative;
    z-index: 99;
    float: right;
}

    .burger:before,
    .burger span,
    .burger:after {
        width: 100%;
        height: 2px;
        display: block;
        background: #000;
        border-radius: 2px;
        position: absolute;
        opacity: 1;
    }

    .burger:before,
    .burger:after {
        -webkit-transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
        transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1);
        transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1);
        transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1);
        content: "";
    }

    .burger:before {
        top: 6px;
    }

    .burger span {
        top: 15px;
    }

    .burger:after {
        top: 23px;
    }

    /* Hover */
    .burger:hover:before {
        top: 7px;
    }

    .burger:hover:after {
        top: 23px;
    }

    /* Click */
    .burger.active span {
        opacity: 0;
    }

    .burger.active:before,
    .burger.active:after {
        top: 40%;
    }

    .burger.active:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
        /*for IE*/
    }

    .burger.active:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-5);
        /*for IE*/
    }

    .burger:focus {
        outline: none;
    }

.logoInner {
    display: none;
}

.navbar-inner {
    padding: 7px 0;
    background-color: white;
    /* border-bottom: 1px solid #ededed; */
}

@media screen and (max-width: 992px) {
    .sidebar {
        width: 0;
    }

    main {
        padding-left: 0;
    }

    .logoInner {
        display: inline-block;
    }

    .site-section {
        /*padding: 5rem 1rem 0rem;*/
        /*padding: 3rem 1rem 0rem;*/
        padding: 0rem 1rem 0rem;
    }

    aside .toggle {
        display: block;
    }

    .navbar-inner {
        padding: 0 !important;
    }

    .logoInner img {
        max-height: 38px;
    }
}



/*  side bar advance palane block*/
.show-sidebar .advancedPlan_leftNav {
    max-width: 300px;
    transition: all all 0.3s;
    margin: 2rem 1.5rem 1rem;
}

.advancedPlan_leftNav {
    margin: 0.5rem;
    max-width: 53px;
    /* transition: all 0.3s; */
    transition: max-height 1.5s ease-in-out;
}

.show-sidebar .advanced_leftNav {
    padding: 1rem;
}

.advanced_leftNav {
    padding: 0.5rem;
}

.advanced_img {
    max-width: 65px;
    max-height: 65px;
    transition: max-height 1.5s ease-in-out;
}

.side-inner .advanced_leftNav .advance_text {
    opacity: 0;
    max-height: 0;
}

.show-sidebar .side-inner .advanced_leftNav .advance_text {
    display: block !important;
    opacity: 1;
    max-height: 100rem;
    transition: .3s;
}

.advancedPlan_info_text_leftNav {
    font-size: 0.7rem;
}


/*--------------------------------------------------------------
# referral program
--------------------------------------------------------------*/

.referrel_code_input {
    letter-spacing: 6px;
    font-size: 17px;
    text-align: center;
}

@media screen and (max-width:1440px) {
    .referrel_code_input {
        line-height: 26px;
    }
}