/* # Table of Contents
- Site Header
    - Centered Logo
    - Left Aligned Logo
*/


/* # Site Header - Centered Logo
---------------------------------------------------------------------------------------------------- */

header.site-header.bt_header-centered .wrap {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    align-content: center;
}

header.site-header.bt_header-centered .title-area {
    width: 100%;
    order: 1;
}

header.site-header.bt_header-centered .widget-area {
    padding: 1em 0 0;
    text-align: center;
    width: 100%;
}

/* # Site Header - Left Aligned Logo
---------------------------------------------------------------------------------------------------- */

header.site-header.bt_header-left .wrap {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-evenly;
}

header.site-header.bt_header-left .widget-area.header-widget-area {
    padding: 1em;
    text-align: initial;
    width: auto;
    flex: 0 1 25%;
}

header.site-header.bt_header-left .title-area {
    flex: 0 1 75%;
    background: none;
    order: 1;
    margin: 0;
    padding: 0;
}