/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 4, 2021, 1:35:58 PM
    Author     : Nico
*/

.footer-panel
{
    background: var(--base_color) !important;
    border-top:1px solid var(--border_color);
   
    background: var(--base_color) !important;
    border-bottom:none;    
    margin-bottom:20px;
}

.footer-panel .ui-outputlabel.section_title
{
    font-size:18px !important;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom: 1px solid var(--UofC_color);
    font-weight:300;
    width:100%;
}

.footer
{
background: var(--base_color) !important;
}

.footer .header_menu
{
     text-align: center;
    align-content: center;
    background:none !important;
    border:none;
    border-radius:0px !important;
    padding:0px !important;
}

.ui-menu-list
{
    width:100% !important;
}
.footer .header_menu .ui-menuitem
{
    width:100% !important;
    height:100%;
}

.footer .header_menu .ui-menuitem-text
{
    color:lightgrey !important;
    font-weight: 300;
    font-size:14px;
}

.footer .header_menu .ui-widget-content.ui-menu-list.ui-corner-all
{
    background:var(--color5) !important;
    text-align: left;
}

.footer .ui-menuitem-link
{
    background: none !important;
}



.footer .header_menu .ui-menuitem-link
{
}

.footer .header_menu  .ui-menu-child .ui-menuitem-link
{
    padding:10px !important;
}

.footer .header_menu .ui-menuitem-link.ui-state-hover
{
    background-color:transparent !important;
    border: 1px solid red;
    transition: all 500ms ease-out;
}

.footer .header_menu .ui-submenu-link .ui-menuitem-text
{
       font-weight: 300;
    font-size:16px !important;
}

.footer .header_menu .ui-submenu-link.ui-state-hover, .ui-menuitem-active .ui-submenu-link
{
      background-color:var(--UofC_color) !important;
}

.footer .ui-menu-list.ui-menu-child
{
    
}

.footer .header_menu .ui-menuitem-link.ui-state-hover .ui-menuitem-text
{
    color:white !important;
    transition: all 500ms ease-out;
}

.footer .header_menu .ui-menuitem-link.ui-state-hover .ui-icon
{
    color:white !important;
    transition: all 500ms ease-out;
}

.footer .header_menu .ui-menu-child
{
    border-top: 1px solid rgb(100,100,100) !important;
    border-radius: 0px !important;
}

div.header_menu
{
    text-align: center;
}
.header_menu div.ui-menubar
{
    text-align: center;
}
.header_menu .ui-menu-list
{
    width:100%;
    display: inline-flex;
    align-items: center;
    justify-content: space-evenly;
}
div.header_menu>ul.ui-menu-list>li>a
{
    width: 100%;
}

div.header_menu>ul.ui-menu-list>li
{
    width: 100%;
}

.ui-menuitem-text
{
    float: none!important;
}

.header.large
{
    padding:0px;
}