/*
==========================================================

PremiumZone

Sprint :
PZ-016

File :
assets/css/panel/header.css

Description :
Panel Header Engine

==========================================================
*/

/* ==========================================================
   HEADER
========================================================== */

.pz-panel-header{

    position:relative;

    display:flex;

    align-items:center;

    width:100%;

    height:42px;

    margin:0;

    padding:0;

}

/* ==========================================================
   LINE
========================================================== */

.pz-panel-header::before{

    content:"";

    position:absolute;

    left:0;

    right:0;

    top:50%;

    height:1px;

    background:#3FFFF2;

    transform:translateY(-50%);

    z-index:1;

}

/* ==========================================================
   LEFT
========================================================== */

.pz-panel-header-left{

    position:relative;

    display:flex;

    align-items:center;

    gap:0;

    padding-left:12px;

    z-index:5;

}

/* ==========================================================
   RIGHT
========================================================== */

.pz-panel-header-right{

    position:relative;

    margin-left:auto;

    padding-right:12px;

    z-index:5;

}

/* ==========================================================
   TITLE
========================================================== */

.pz-panel-title,

.pz-panel-back,

.pz-panel-tab,

.pz-panel-target,

.pz-panel-divider{

    background:#000;

    color:#FFFFFF;

    padding:0 4px;

    letter-spacing:2px;

    font-size:14px;

    line-height:1;

    white-space:nowrap;

}

/* ==========================================================
   TITLE
========================================================== */

.pz-panel-title{

    font-weight:700;

}

/* ==========================================================
   BUTTON
========================================================== */

.pz-panel-back,

.pz-panel-tab{

    border:0;

    outline:0;

    cursor:pointer;

}

/* ==========================================================
   TAB
========================================================== */

.pz-panel-tab{

    opacity:.45;

}

.pz-panel-tab-active{

    opacity:1;

}

.pz-panel-tab:hover{

    opacity:1;

}

/* ==========================================================
   MOBILE
========================================================== */

@media(

max-width:768px

){

.pz-panel-title,

.pz-panel-back,

.pz-panel-tab,

.pz-panel-target,

.pz-panel-divider{

font-size:13px;

}

}