/*
  Entopy Black Panel Typing Section v1.0.0
*/

.entopy-black-panel{
  --panel-bg:#1C213F;
  --panel-text:#e9e6de;
  --panel-meta:rgba(255,255,255,0.85);
  --panel-divider:rgba(255,255,255,0.12);
  --panel-arrow:#e9e6de;

  --panel-height:430px;
  --panel-radius:4px;

  --panel-padding-top:22px;
  --panel-padding-right:22px;
  --panel-padding-bottom:28px;
  --panel-padding-left:22px;

  --font-heading:56px;
  --font-meta:14px;

  --panel-text-max-width:1180px;
  --panel-text-offset-y:-16px;

  height:var(--panel-height);
  padding:
    var(--panel-padding-top)
    var(--panel-padding-right)
    var(--panel-padding-bottom)
    var(--panel-padding-left);
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  background:var(--panel-bg);
  color:var(--panel-text);
  border-radius:var(--panel-radius);
  font-family:Montserrat,Arial,sans-serif;
  overflow:hidden;
}

.entopy-black-panel *,
.entopy-black-panel *::before,
.entopy-black-panel *::after{
  box-sizing:border-box;
}

.entopy-panel-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:18px;
  border-bottom:1px solid var(--panel-divider);
}

.entopy-panel-label{
  font-size:var(--font-meta);
  line-height:1.4;
  color:var(--panel-meta);
  font-weight:500;
}

.entopy-panel-arrow{
  width:24px;
  height:24px;
  fill:none;
  stroke:var(--panel-arrow);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.entopy-panel-content{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.entopy-panel-text-holder{
  width:100%;
  max-width:var(--panel-text-max-width);
  min-height:calc(1.1em * 4);
  display:flex;
  align-items:flex-start;
  transform:translateY(var(--panel-text-offset-y));
}

.entopy-panel-title{
  margin:0;
  width:100%;
  font-size:var(--font-heading);
  line-height:1.05;
  font-weight:500;
  letter-spacing:-0.045em;
  color:var(--panel-text);
  text-align:left;
  visibility:hidden;
}

.entopy-black-panel.is-ready .entopy-panel-title{
  visibility:visible;
}

body.elementor-editor-active .entopy-panel-title,
body.elementor-editor-preview .entopy-panel-title,
.elementor-editor-active .entopy-panel-title{
  visibility:visible !important;
}

@media(max-width:1024px){
  .entopy-black-panel{
    --panel-height:340px;
    --font-heading:48px;
    --panel-text-offset-y:-12px;
  }
}

@media(max-width:767px){
  .entopy-black-panel{
    --panel-height:280px;
    --panel-padding-top:18px;
    --panel-padding-right:18px;
    --panel-padding-bottom:22px;
    --panel-padding-left:18px;
    --font-heading:34px;
    --font-meta:12px;
    --panel-text-offset-y:-8px;
  }

  .entopy-panel-top{
    padding-bottom:14px;
  }

  .entopy-panel-arrow{
    width:16px;
    height:16px;
  }

  .entopy-panel-title{
    line-height:1.08;
  }

  .entopy-panel-text-holder{
    min-height:calc(1.05em * 5);
  }
}