/*--------------------------------------------------------------
# Global Header
--------------------------------------------------------------*/
.header {
    color: var(--default-color);
    background-color: var(--light-color);
    padding: 20px 0;
    transition: all 0.5s;
    z-index: 997;
    position: sticky;
    top: 0;
}

.header .logo {
    line-height: 1;
}

        .header .logo img {
            max-height: 36px;
            margin-right: 8px;
        }

        .header .logo h1 {
            font-size: 32px;
            margin: 0;
            font-weight: 700;
            color: var(--heading-color);
        }

        .header .logo span {
            font-size: 32px;
            font-weight: 700;
            color: var(--primary-color);
        }

    .header .btn-icon,
    .header .btn-icon:focus {
        color: var(--nav-color);
        padding: 10px 20px;
        font-family: var(--nav-font);
        font-size: 17px;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        white-space: nowrap;
        transition: 0.3s;
        border : none;
    }

@media (max-width: 1200px) {
    .header .logo {
        order: 1;
    }

    .header .btn-primary,
    .header .btn-primary:focus {
        order: 2;
        margin: 0 15px 0 0;
        padding: 6px 15px;
    }

    .header .navmenu {
        order: 3;
    }
}

.scrolled .header {
    box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);
}

.dnnchildPanel {
    padding: 25px;
    padding-top: 0;
}

    .dnnchildPanel h2.dnnFormSectionHead {
        font-size: 1.5rem;
    }