@import url(fonts/Geist/main.css);
/* Body ------------------------------------------------------------------------------------------------------------- */
html.foxi {
   height: 100%;
   margin: 0;
   padding: 0;
   font-family: Geist, "Geist Variable", sans-serif;
}
body.foxi {
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
}
main.foxiBody {
    margin-top:     60px;       /* Header height */
    padding-bottom: 2.75rem;    /* Footer height */
    min-height:     calc(100vh - 60px - 2.75rem);
    overflow: auto;
}
/* ------------------------------------------------------------------------- Header --------------------------------- */
header.foxi{
    border-radius:  33px;
    margin:     0;
    padding:    0;
    position:   fixed;
    top:        0;
    width:      100%;
    z-index:    10000;
    height:     56px;
    align-content: center;
    text-align: center;
}
nav.menu_horizontal{
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
nav.menu_horizontal ul, nav.menu_horizontal ul.mainMenu{
    text-align: center;
    margin: 0;
    padding: 0;
}
nav.menu_horizontal ul li {
    display: inline-block;
    height: 100%;
    margin: 0;
    padding: 0;
}
nav.menu_horizontal a{
    padding: 18px;
    font-size: 17px;
    text-decoration: none;
}
nav.menu_horizontal a.menuLink{
    text-transform: uppercase;
    border-radius:  50px;
    display: block;
}
nav.menu_horizontal a.menuLink.activ {
    border-radius:  50px;
}
header.foxi button.login, div.foxi button.login  {
   height: 33px;
   border-radius: 11px;
   margin: 18% 20px 0 0;
   padding: 0 14px 0 14px;
   border: hidden;
}
/* -------------------------------------------------------------------------- Footer -------------------------------- */
.dropDown {
    position: relative;
    display: inline-block;
}
.dropDownContent {
    background-color: rgba(226, 226, 226, 0);
    display: none;
    position: absolute;
    z-index: 1;
}
.dropDownContent a {
    border-radius:  25px;
    padding: 12px 16px;
    margin-left: 7px;
    text-decoration: none;
    display: block;
}
.dropDown:hover .dropDownContent {
    display: block;
}

/* -------------------------------------------------------------------------- Footer -------------------------------- */
footer.foxi {
    border-radius:  1px;
    margin:         0;
    padding:        0;
    position:       absolute;
    text-align:     center;
    bottom:         0;
    width:          100%;
    height:         2.75rem;            /* Footer height */
}
footer div.foxiFooter {
    /*background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(254, 43, 61, 0.9) 50%, rgb(0, 0, 0) 100%);*/
    padding: 13px;
    text-align: center;
}

/* -------------------------------------------------------------------------- SiedeBar ------------------------------ */
nav.menu_vertical {
    width: 15%;
    margin: 0;
    padding: 0;
    float: left;
}
nav.menu_vertical ul {
    text-align: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 100%;
}
nav.menu_vertical ul li{
    margin: 0 5px 0 5px;
    display: block;
}
nav.menu_vertical ul li.sideMenuChapter {
   border-radius: 11px;
   padding:       18px;
   font-size:     17px;
   font-weight:   bold;
   text-decoration: none;
   display:       block;
}
nav.menu_vertical ul li.sideMenuTask {
    border-radius:  11px;
    padding: 18px;
    font-size: 17px;
    text-decoration: none;
    display: block;
}

/* -------------------------------------------------------------------------- Login --------------------------------- */
form.login {
   align-content: center;
   align-items: center;
}
label.loginLabel {
    display: inline-block;
    float: left;
    width: 45%;
}
input.loginInputField {
    display: inline-block;
    float: left;
    width: 45%;
}
input.loginButton {
   margin-top: 5px;
   margin-left: 2%;
}
ul.split2 {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
ul.split3 {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}