/* ******************************** */
/* GENERAL HEADER                   */
/* ******************************** */

.wp-header {
    position: relative;
    width: 100%;
    height: 87px;
    padding: 0px;
}

.wp-header-center {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 95px;
    right: 95px;
}

/* ******************************** */
/* LOGO                             */
/* ******************************** */

.wp-logo-box-container {
    position: absolute;
    top:0;
    bottom:0;
    left: 0;
    right: 0;
    /*border: 1px solid red;*/
    display: flex;
    flex-direction: row;
    align-items: center;
}

.wp-logo-box-docs-l {
    display: flex;
}

.wp-logo-box-docs-r {
    display: flex;
    margin-left: auto;
    text-align: right;

}

.vlcombtn:link, .vlcombtn:visited {
    border: 1px solid #219AD7 !important;
    border-radius: 8px;
    padding: 5px;
    text-decoration: none;
}
.vlcombtn:hover, .vlcombtn:active {
    background-color: #219AD7;
    color:#fff;
    text-decoration: none;
}


.wp-logo-box {
    position: absolute;
    top: 50%;

    /* Dimensions of the logo image */
    height: 62px;
    width: 328px;

    /* Negated half of the image height */
    margin-top: -34px;
}

.wp-logo-box a, .wp-logo-box a img {
    position: absolute;
    top: 0px;
    left: 0px;
}

/* ******************************** */
/* NAVIGATION                       */
/* ******************************** */

.wp-navigation-box {
    position: absolute;
    top: 7px;
    right: 0;
}

.wp-navigation-bar {
    float: right;
}

.wp-navigation-bar-item {
    display: inline;
}

.wp-navigation-bar-item a {
    margin: 0 20px 0 16px;
    padding: 20px 0 12px 0;

    font-size: 14px;
    font-weight: bold;
    color: #1D1D1B;
}

/* Original website: #fff200 */
.wp-navigation-bar-item a:hover {
    color: #bfbe2e;

    /* Removes the standard underlines */
    text-decoration: none;

    /* Emulates underlining with more space */
    border-bottom: 2px solid #bfbe2e;

}

.wp-navigation-bar-current-item a,
.wp-navigation-bar-current-item a:hover {
    color: #219AD7;
}

/* ******************************** */
/* PAGE TITLE AREA                  */
/* ******************************** */

.wp-title-area {
    position: relative;
    display: table;
    width: 100%;
    height: 150px;

    background-color: #219AD7;
}

.wp-title-box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    z-index: 0;
}

.wp-title {
    margin: -16px 0 0 0;

    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
}

#MSearchField, #MSearchBox .left, #MSearchBox .right {
      background:none !important;
      background-color:#fff !important;
      height: 22px !important;  
}

#MSearchBox .left {
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px;
      height: 24px !important;  
}
#MSearchBox .right {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    height: 24px !important;  

}

#MSearchBox {
    margin: 60px 8% 0 0;
}

/* ******************************** */
/* TREE VIEW (Overwrite doxygen)    */
/* ******************************** */

#side-nav {
    max-width: calc(50vw - 8% - 2vw);
    margin: 9vh 0 9vh 8%;
}

/* ******************************** */
/* CONTENT (Overwrite doxygen)      */
/* ******************************** */

h2, h3, h4, h5, h6, div.title {
    color: #6b6b6b;
}

#doc-content {
    /* Force the footer to be at the bottom */
    min-height: calc(100vh - 87px - 150px - 9vh - 9vh - 94px - 2px);
    margin: 9vh 8% 9vh 2em !important;
}

/* ******************************** */
/* FOOTER                           */
/* ******************************** */

.wp-footer {
    width: 100%;
    height: 94px;
    background-color: #219AD7;
}

.wp-footer-text {
    display: inline-block;
    width: 85%;
    height: 54px;
    margin: 22px 7.5% 18px 7.5%;
    color: #ffffff;
}

/* ******************************** */
/* RESPONSIVENESS                   */
/* ******************************** */

@media (max-width: 60em) {
    .wp-navigation-box {
        display: none;
    }
}

@media (max-width: 48em) {
    .wp-searchbox-box {
        display: none;
    }

    #doc-content {
        margin: 9vh 8% 9vh 8% !important;
    }
}