/* ---------------------------------------------------------------------------------- */
/* Header Top*/
/* ---------------------------------------------------------------------------------- */
#masthead { background: var(--global-palette8)!important; }
.header-container p {margin:0;}

.header-container {
    display:grid;
    column-gap: 7px;
    row-gap: 5px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    padding-top:10px;
    padding-bottom:10px;
    border-bottom: 1px solid var(--global-palette7, #EDF2F7); 
    margin-bottom:10px;
}

@media (max-width: 767px) {
    .header-container {
        grid-template-columns: minmax(0, 1fr)!important;
        padding-top:7px!important;
        padding-bottom:7px!important;
        margin-bottom:7px!important;
    }
}

.header-toolbox {
    display:grid;
    column-gap: 7px;
    row-gap: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

@media (min-width: 1025px) {
    .start-btn-top { display:none !important; }
}

@media (max-width: 1024px) {
    #mobile-header .register-btn-top, #mobile-header .chat-btn-top {
        display:none !important;
    }
}

@media (max-width: 767px) {
    .header-toolbox {
        padding-top:7px!important;
        border-top: 1px solid var(--global-palette7, #EDF2F7); 
    }
    .register-btn-top { margin-right: 5px!important; }
}

/* ---------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------- */
/* Header Top - Left Box */
/* ---------------------------------------------------------------------------------- */


.header-logo {
    display:flex;
    justify-content: space-between;
    align-items: center;
    gap:10px;
}

.header-logo button {
    line-height:normal!important;
    font-size: clamp(12px, 3vw, .7rem) !important;
    max-width:300px;
    width:100%;
    min-height:30px;
    padding: 2px 0;
}

@media screen and (min-width: 768px) {
    .header-logo button{ display:none!important;	}
}

@media screen and (max-width: 767px) {
    .header-logo button { padding: 5px 2px !important; }
}

/* ---------------------------------------------------------------------------------- */
/* Header Top - Right Box */
/* ---------------------------------------------------------------------------------- */
.wp-block-kadence-singlebtn { height:100%; }
/* ---------------------------------------------------------------------------------- */