/**
 * HeaderFooterLogo
 *
 **/

.hd_LogoArea {
 /*   position: absolute;
    left: 0;
    top: 0;*/
    padding-left: var(--hd_logoMarginLeft);
    width: var(--hd_logoAreaWidth);
    height: var(--main-menu-height);
    background: var(--hd_logoAreaBackground) !important;
    overflow: hidden;
}

.hd_LOGO {
    margin-top: var(--hd_logoMarginTop);
    width: var(--iconWidth);
    height: var(--iconHeight);
}

.hd_transition {
    /*   position: absolute;
    left: var(--hd_logoAreaWidth);*/
    height: var(--main-menu-height);
    width: var(--hd_TransitionWidth);
    background: linear-gradient(270deg, var(--navButtonBackground) 0%, var(--hd_logoAreaBackground) 100%);
}

.hd_menuArea {
    /*position: absolute;
    padding-top: var(--hd_MenuMarginTop);*/
    /*left: var(--hd_MenuAreaLeft);
    top: 0;*/
    height: var(--main-menu-height);
    /*width: var(--hd_MenuAreaWidth);*/
    position: relative;
}

.ft_menuArea {
   /* position: absolute;
    left: 0;
    vertical-align: middle;*/
    padding-left: 13px;
    height: var(--footerHeight) !important;
    /*width: var(--ft_MenuAreaWidth);*/
    background-color: var(--navButtonBackground) !important;
}

.ft_transition {
    /*position: fixed;
    left: var(--ft_MenuAreaWidth);*/
    height: var(--footerHeight);
    width: var(--ft_TransitionWidth);
    background: linear-gradient(90deg, var(--navButtonBackground) 0%, var(--ft_logoAreaBackground) 100%);
}

.ft_logoArea {
    /*position: fixed;
    left: var(--ft_logoAreaLeft);*/
    width: var(--ft_logoAreaWidth);
    height: var(--footerHeight);
    background-color: var(--ft_logoAreaBackground) !important;
}

.ft_LOGO {
    left: var(--ft_logoAreaLeft);
    margin-left: var(--ft_logoMarginLeft);
    width: var(--ft_iconWidth);
    height: var(--ft_iconHeight);
}