/*
  Entopy Blog Article Section v2.1.0
  Built from approved HTML.
*/

.entopy-blog-article{
  --blog-navy:#1d3557;
  --blog-cream:#f4f1ea;
  --blog-line:rgba(29,53,87,.18);
  --blog-soft:rgba(29,53,87,.72);
  --blog-media-bg:#061523;
  --blog-button-hover-bg:#1d3557;
  --blog-button-hover-text:#ffffff;
  --blog-nav-button-bg:#ffffff;
  --blog-nav-button-hover-bg:#1d3557;
  --blog-nav-button-hover-text:#ffffff;

  --blog-section-height:620px;
  --blog-responsive-media-height:420px;
  --blog-media-fr:1.05fr;
  --blog-content-fr:1.25fr;
  --blog-radius:8px;

  --blog-content-padding-top:72px;
  --blog-content-padding-right:72px;
  --blog-content-padding-bottom:72px;
  --blog-content-padding-left:72px;

  --blog-label-bottom:18px;
  --blog-line-bottom:34px;
  --blog-title-bottom:30px;
  --blog-button-top:62px;
  --blog-nav-bottom:42px;
  --blog-mobile-dots-top:18px;

  --blog-label-size:12px;
  --blog-title-size:clamp(38px,3.1vw,58px);
  --blog-body-size:17px;
  --blog-button-size:14px;

  --blog-button-height:48px;
  --blog-button-padding-x:22px;
  --blog-button-radius:4px;
  --blog-button-min-width:0px;

  --blog-dot-size:10px;
  --blog-dots-gap:14px;
  --blog-nav-button-size:58px;
  --blog-nav-icon-size:26px;
  --blog-nav-buttons-gap:14px;
  --blog-nav-button-radius:50%;

  --blog-image-fit:cover;
  --blog-image-position:center center;

  --blog-media-x:0px;
  --blog-media-y:0px;
  --blog-mobile-dots-x:0px;
  --blog-mobile-dots-y:0px;
  --blog-label-x:0px;
  --blog-label-y:0px;
  --blog-line-x:0px;
  --blog-line-y:0px;
  --blog-title-x:0px;
  --blog-title-y:0px;
  --blog-body-x:0px;
  --blog-body-y:0px;
  --blog-button-x:0px;
  --blog-button-y:0px;
  --blog-dots-x:0px;
  --blog-dots-y:0px;
  --blog-arrows-x:0px;
  --blog-arrows-y:0px;

  width:100%;
  font-family:Montserrat,Arial,sans-serif;
  color:var(--blog-navy);
}

.entopy-blog-article *,
.entopy-blog-article *::before,
.entopy-blog-article *::after{
  box-sizing:border-box;
}

.entopy-blog-article__card{
  display:grid;
  grid-template-columns:var(--blog-media-fr) var(--blog-content-fr);
  min-height:var(--blog-section-height);
  height:var(--blog-section-height);
  align-items:stretch;
  overflow:hidden;
  border:1px solid var(--blog-line);
  border-radius:var(--blog-radius);
  background:var(--blog-cream);
}

.entopy-blog-article__media{
  position:relative;
  align-self:stretch;
  min-height:0;
  height:100%;
  background:var(--blog-media-bg);
  overflow:hidden;
  transform:translate(var(--blog-media-x),var(--blog-media-y));
}

.entopy-blog-article__media-inner{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:100%;
}

.entopy-blog-article__image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-width:100%;
  min-height:100%;
  display:block;
  object-fit:var(--blog-image-fit);
  object-position:var(--blog-image-position);
  opacity:0;
  transform:scale(1.035);
  transition:opacity .45s ease, transform .65s ease;
}

.entopy-blog-article__image.is-active{
  opacity:1;
  transform:scale(1);
}

.entopy-blog-article__mobile-dots{
  display:none;
}

.entopy-blog-article__content{
  position:relative;
  min-height:var(--blog-section-height);
  padding:
    var(--blog-content-padding-top)
    var(--blog-content-padding-right)
    var(--blog-content-padding-bottom)
    var(--blog-content-padding-left);
  background:var(--blog-cream);
}

.entopy-blog-article__slide{
  position:absolute;
  inset:
    var(--blog-content-padding-top)
    var(--blog-content-padding-right)
    var(--blog-content-padding-bottom)
    var(--blog-content-padding-left);
  opacity:0;
  pointer-events:none;
  transform:translateX(24px);
  transition:opacity .45s ease, transform .45s ease;
}

.entopy-blog-article__slide.is-active{
  opacity:1;
  pointer-events:auto;
  transform:translateX(0);
}

.entopy-blog-article.is-reversing .entopy-blog-article__slide{
  transform:translateX(-24px);
}

.entopy-blog-article.is-reversing .entopy-blog-article__slide.is-active{
  transform:translateX(0);
}

.entopy-blog-article__label-wrap{
  width:100%;
  transform:translate(var(--blog-label-x),var(--blog-label-y));
}

.entopy-blog-article__label{
  margin-bottom:var(--blog-label-bottom);
  font-size:var(--blog-label-size);
  line-height:1;
  font-weight:600;
  letter-spacing:.18em;
  color:var(--blog-navy);
  text-transform:uppercase;
}

.entopy-blog-article__line{
  width:100%;
  height:1px;
  margin-bottom:var(--blog-line-bottom);
  background:var(--blog-line);
  transform:translate(var(--blog-line-x),var(--blog-line-y));
}

.entopy-blog-article__title-wrap{
  transform:translate(var(--blog-title-x),var(--blog-title-y));
}

.entopy-blog-article__title{
  margin:0 0 var(--blog-title-bottom);
  max-width:680px;
  font-size:var(--blog-title-size);
  line-height:1.05;
  font-weight:600;
  letter-spacing:-.05em;
  color:var(--blog-navy);
}

.entopy-blog-article__description-wrap{
  transform:translate(var(--blog-body-x),var(--blog-body-y));
}

.entopy-blog-article__description{
  margin:0;
  max-width:560px;
  font-size:var(--blog-body-size);
  line-height:1.65;
  font-weight:400;
  color:var(--blog-soft);
}

.entopy-blog-article__button-wrap{
  transform:translate(var(--blog-button-x),var(--blog-button-y));
}

.entopy-blog-article__button{
  margin-top:var(--blog-button-top);
  min-height:var(--blog-button-height);
  padding:0 var(--blog-button-padding-x);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--blog-navy);
  border-radius:var(--blog-button-radius);
  color:var(--blog-navy);
  text-decoration:none;
  font-size:var(--blog-button-size);
  line-height:1;
  font-weight:500;
  box-sizing:border-box;
}

.entopy-blog-article__button:hover,
.entopy-blog-article__button:focus{
  background:var(--blog-button-hover-bg);
  color:var(--blog-button-hover-text);
  text-decoration:none;
}

.entopy-blog-article__bottom{
  position:absolute;
  left:var(--blog-content-padding-left);
  right:var(--blog-content-padding-right);
  bottom:var(--blog-nav-bottom);
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.entopy-blog-article__dots,
.entopy-blog-article__mobile-dots{
  gap:var(--blog-dots-gap);
}

.entopy-blog-article__dots{
  display:flex;
  transform:translate(var(--blog-dots-x),var(--blog-dots-y));
}

.entopy-blog-article__dots button,
.entopy-blog-article__mobile-dots button{
  width:var(--blog-dot-size);
  height:var(--blog-dot-size);
  padding:0;
  border:1px solid var(--blog-navy);
  border-radius:50%;
  background:transparent;
  cursor:pointer;
}

.entopy-blog-article__dots button.is-active,
.entopy-blog-article__mobile-dots button.is-active{
  background:var(--blog-navy);
}

.entopy-blog-article__arrows{
  display:flex;
  gap:var(--blog-nav-buttons-gap);
  transform:translate(var(--blog-arrows-x),var(--blog-arrows-y));
}

.entopy-blog-article__arrows button{
  width:var(--blog-nav-button-size);
  height:var(--blog-nav-button-size);
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--blog-line);
  border-radius:var(--blog-nav-button-radius);
  background:var(--blog-nav-button-bg);
  color:var(--blog-navy);
  cursor:pointer;
}

.entopy-blog-article__arrows button:hover{
  background:var(--blog-nav-button-hover-bg);
  color:var(--blog-nav-button-hover-text);
}

.entopy-blog-article__arrows svg{
  width:var(--blog-nav-icon-size);
  height:var(--blog-nav-icon-size);
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body.elementor-editor-active .entopy-blog-article__slide,
body.elementor-editor-preview .entopy-blog-article__slide,
.elementor-editor-active .entopy-blog-article__slide{
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
}

body.elementor-editor-active .entopy-blog-article__slide:not(:first-child),
body.elementor-editor-preview .entopy-blog-article__slide:not(:first-child),
.elementor-editor-active .entopy-blog-article__slide:not(:first-child){
  display:none!important;
}

body.elementor-editor-active .entopy-blog-article__image:first-child,
body.elementor-editor-preview .entopy-blog-article__image:first-child,
.elementor-editor-active .entopy-blog-article__image:first-child{
  opacity:1!important;
  transform:none!important;
}

@media(max-width:1024px){
  .entopy-blog-article__card{
    grid-template-columns:1fr;
    min-height:auto;
    height:auto;
  }

  .entopy-blog-article__media{
    min-height:0;
    height:var(--blog-responsive-media-height);
    align-self:auto;
  }

  .entopy-blog-article__mobile-dots{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:var(--blog-mobile-dots-top) 0 0;
    background:var(--blog-cream);
    transform:translate(var(--blog-mobile-dots-x),var(--blog-mobile-dots-y));
  }

  .entopy-blog-article__content{
    min-height:auto;
  }

  .entopy-blog-article__slide{
    position:relative;
    inset:auto;
    display:none;
  }

  .entopy-blog-article__slide.is-active{
    display:block;
  }

  .entopy-blog-article__bottom{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    margin-top:50px;
    justify-content:center;
  }

  .entopy-blog-article__bottom .entopy-blog-article__dots,
  .entopy-blog-article__arrows{
    display:none;
  }

  .entopy-blog-article__button{
    min-height:var(--blog-button-height);
    align-items:center;
    justify-content:center;
    text-align:center;
  }
}

@media(max-width:767px){
  .entopy-blog-article{
    --blog-title-size:clamp(30px,9vw,42px);
  }

  .entopy-blog-article__button{
    width:100%;
    max-width:100%;
    min-width:var(--blog-button-min-width);
    min-height:var(--blog-button-height);
    padding:0 var(--blog-button-padding-x);
    box-sizing:border-box;
    justify-content:center;
  }
}


/* v2.1.0 media safety against theme/Elementor image defaults */
.entopy-blog-article__media img{
  max-width:none !important;
}