/*
  Entopy Section Title v1.0.5
*/

.entopy-section-title{
  --background-colour:transparent;
  --title-colour:#1d3557;
  --support-colour:#1d3557;
  --icon-colour:#1d3557;
  --hover-colour:#8BC53F;
  --divider-colour:rgba(29,53,87,0.18);

  --section-max-width:100%;
  --section-padding-top:0px;
  --section-padding-right:0px;
  --section-padding-bottom:0px;
  --section-padding-left:0px;

  --divider-width:100%;
  --divider-thickness:1px;
  --divider-gap:28px;
  --divider-offset-x:0px;
  --divider-offset-y:0px;

  --left-width:68%;
  --column-gap:0px;
  --support-max-width:100%;

  --title-size:64px;
  --title-weight:500;
  --title-line-height:1.05;

  --support-size:14px;
  --support-weight:500;
  --support-line-height:1.35;
  --support-icon-gap:12px;
  --icon-size:18px;

  --title-offset-x:0px;
  --title-offset-y:0px;
  --support-offset-x:0px;
  --support-offset-y:0px;
  --icon-offset-x:0px;
  --icon-offset-y:0px;

  --reveal-distance:22px;
  --reveal-duration:850ms;
  --title-reveal-delay:0ms;
  --divider-reveal-delay:40ms;
  --support-reveal-delay:120ms;

  width:100%;
  padding:
    var(--section-padding-top)
    var(--section-padding-right)
    var(--section-padding-bottom)
    var(--section-padding-left);
  background:var(--background-colour);
  font-family:Montserrat,Arial,sans-serif;
  box-sizing:border-box;
}

.entopy-section-title *,
.entopy-section-title *::before,
.entopy-section-title *::after{
  box-sizing:border-box;
}

.entopy-section-title__inner{
  width:100%;
  max-width:var(--section-max-width);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,var(--left-width)) minmax(0,1fr);
  gap:var(--column-gap);
  align-items:flex-start;
}

.entopy-section-title__title-wrap{
  min-width:0;
  transform:translate(var(--title-offset-x), var(--title-offset-y));
}

.entopy-section-title__title{
  margin:0;
  color:var(--title-colour);
  font-size:var(--title-size);
  font-weight:var(--title-weight);
  line-height:var(--title-line-height);
  letter-spacing:-0.04em;
}

.entopy-section-title__support-wrap{
  width:100%;
  text-align:right;
  max-width:var(--support-max-width);
  justify-self:end;
  transform:translate(var(--support-offset-x), var(--support-offset-y));
}

.entopy-section-title__support-link{
  display:inline-flex;
  align-items:flex-start;
  justify-content:flex-end;
  gap:var(--support-icon-gap);
  color:var(--support-colour);
  text-decoration:none;
  font-size:var(--support-size);
  font-weight:var(--support-weight);
  line-height:var(--support-line-height);
  letter-spacing:-0.02em;
  transition:color .25s ease;
}

.entopy-section-title__support-link:hover{
  color:var(--hover-colour);
}

.entopy-section-title__support-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  color:var(--icon-colour);
  font-size:var(--icon-size);
  line-height:1;
  transform:translate(var(--icon-offset-x), var(--icon-offset-y));
  transition:color .25s ease, transform .25s ease;
}

.entopy-section-title__support-link:hover .entopy-section-title__support-icon{
  color:var(--hover-colour);
}

.entopy-section-title__support-icon svg{
  display:block;
  width:1em;
  height:1em;
  fill:currentColor;
}

@media(max-width:1024px){
  .entopy-section-title{
    --left-width:62%;
    --column-gap:40px;
    --title-size:48px;
  }
}

@media(max-width:767px){
  .entopy-section-title{
    --title-size:34px;
    --support-size:13px;
    --column-gap:22px;
  }

  .entopy-section-title__inner{
    grid-template-columns:1fr;
  }

  .entopy-section-title__support-wrap{
    justify-self:start;
    max-width:100%;
  }
}


.entopy-section-title__divider-wrap{
  width:var(--divider-width);
  margin:var(--divider-gap) auto 0;
  transform:translate(var(--divider-offset-x), var(--divider-offset-y));
}

.entopy-section-title__divider{
  display:block;
  width:100%;
  height:var(--divider-thickness);
  background:var(--divider-colour);
  transform-origin:left center;
}



.entopy-section-title__title-wrap{
  --reveal-offset-x:var(--title-offset-x);
  --reveal-offset-y:var(--title-offset-y);
}

.entopy-section-title__support-wrap{
  --reveal-offset-x:var(--support-offset-x);
  --reveal-offset-y:var(--support-offset-y);
}

.entopy-section-title.has-reveal-animation .entopy-section-title__title-wrap,
.entopy-section-title.has-reveal-animation .entopy-section-title__support-wrap{
  opacity:0;
  transform:translate(var(--reveal-offset-x), calc(var(--reveal-offset-y) + var(--reveal-distance)));
  animation:entopySectionTitleReveal var(--reveal-duration) cubic-bezier(.22,1,.36,1) forwards;
}

.entopy-section-title.has-reveal-animation .entopy-section-title__title-wrap{
  animation-delay:var(--title-reveal-delay);
}

.entopy-section-title.has-reveal-animation .entopy-section-title__support-wrap{
  animation-delay:var(--support-reveal-delay);
}

.entopy-section-title.has-reveal-animation .entopy-section-title__divider{
  opacity:0;
  transform:scaleX(0);
  animation:entopySectionTitleDivider var(--reveal-duration) cubic-bezier(.22,1,.36,1) forwards;
  animation-delay:var(--divider-reveal-delay);
}

@keyframes entopySectionTitleReveal{
  to{
    opacity:1;
    transform:translate(var(--reveal-offset-x), var(--reveal-offset-y));
  }
}

@keyframes entopySectionTitleDivider{
  to{
    opacity:1;
    transform:scaleX(1);
  }
}

body.elementor-editor-active .entopy-section-title.has-reveal-animation .entopy-section-title__title-wrap,
body.elementor-editor-active .entopy-section-title.has-reveal-animation .entopy-section-title__support-wrap,
body.elementor-editor-preview .entopy-section-title.has-reveal-animation .entopy-section-title__title-wrap,
body.elementor-editor-preview .entopy-section-title.has-reveal-animation .entopy-section-title__support-wrap{
  opacity:1 !important;
  animation:none !important;
  transform:translate(var(--reveal-offset-x), var(--reveal-offset-y)) !important;
}

body.elementor-editor-active .entopy-section-title.has-reveal-animation .entopy-section-title__divider,
body.elementor-editor-preview .entopy-section-title.has-reveal-animation .entopy-section-title__divider{
  opacity:1 !important;
  animation:none !important;
  transform:scaleX(1) !important;
}