/* -------------------------------------------------------------- */
/* -- utilities -- */
/* -------------------------------------------------------------- */

ul.no-list {
  list-style: none;
  padding: 0;
}

/* -------------------------------------------------------------- */
/* -- remove post date, author and min read from post template -- */
/* -------------------------------------------------------------- */

.pwr-post-featured__info-box .pwr-post-item__date,
span.pwr-post-item__date {
    display: none;
}

.pwr-post-featured__info-box .pwr-post-item__author,
.pwr-post-item__author  {
    display: none;
}

.pwr-post-featured__info-box .pwr-post-item__n-min-read,
.pwr-post-item__n-min-read {
    display: none;
}


/* --------------------------- */
/* -- additional custom css -- */
/* --------------------------- */


/* --- add box shadow to product cards --- */
.pwr-sub-simple-list-items.vanilla.boxed {
    box-shadow: 5px 6px 16px #e7e7e7;
    border: solid thin #e7e7e7;
}
.pwr-sub-simple-list-items.vanilla.boxed:hover {
    border-color: transparent;
    background-color:transparent;
}

/* .pwr-sub-simple-list-items.vanilla.boxed .pwr-3D-box__sensor {
    border-radius:0;
} */

.item.pwr-sec-clients__logo {
    padding: 0.75rem;
}

h1, 
h2, 
h3,
h4,
h5,
h6,
h1 span, 
h2 span, 
h3 span,
h4 span,
h5 span,
h6 span{
  color: var(--clr-title-lt);
}

/* --- remove border radius for all images -- */

.pwr-rich-text img {
/*     border-radius: var(--br-img); */
    border-radius: 0;
}

/* --- blog listing fix -- */

section.blog-listing.blog-listing--card {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

section.blog-listing.blog-listing--card .blog-post-listing__post--2 {
    width: calc(100%/2 - 2rem);
    margin-bottom: 2rem;
}

section.blog-listing.blog-listing--card .blog-post-listing__post--3 {
    width: calc(100%/3 - 2rem);
    margin-bottom: 2rem;
}

section.blog-listing.blog-listing--card .blog-post-listing__post--4 {
    width: calc(100%/4 - 2rem);
    margin-bottom: 2rem;
}

  @media (max-width:1024px){
    section.blog-listing.blog-listing--card .blog-post-listing__post--4,
    section.blog-listing.blog-listing--card .blog-post-listing__post--2 {
        width: calc(100%/2 - 2rem);
        margin-bottom: 2rem;
    }

    section.blog-listing.blog-listing--card .blog-post-listing__post--3 {
        width: calc(100%/1);
        margin-bottom: 2rem;
    }
  }

  @media (max-width:980px){
    section.blog-listing.blog-listing--card .blog-post-listing__post--4,
    section.blog-listing.blog-listing--card .blog-post-listing__post--3,
    section.blog-listing.blog-listing--card .blog-post-listing__post--2 {
        width: calc(100%/1);
        margin-bottom: 2rem;
    }
  }

/* Change play button background */
.pwr-sec-video__button {
  background-color:rgba(0,0,0,0.4);
}

/* Make boxes size equal */
.pwr-video-box__below.pwr--colored-box.pwr--light {
  min-height: 250px !important;
}

/* Override form CSS  */
/* form input[type="color"], form input[type="date"], 
form input[type="datetime-local"], form input[type="datetime"], 
form input[type="email"], form input[type="file"], form input[type="month"], 
form input[type="number"], form input[type="password"], form input[type="search"], 
form input[type="tel"], form input[type="text"], form input[type="time"],
form input[type="url"], form input[type="week"], form select, form textarea {
  border: 1px solid rgb(219, 221, 228) !important;
  background-color: rgba(244, 246, 252, 1) !important;
} */
.pwr-form.pwr--light [type="checkbox"] + span::before, [type="radio"]:checked + span::after, 
[type="radio"]:not(:checked) + span::after {
  border: 1px solid rgb(219, 221, 228) !important;
  background-color: rgba(244, 246, 252, 1) !important;
}
body .hs-form-field {
  margin-bottom: 20px;
  text-align: left;
}
body .hs-form-field > label {
  font-size: 16px !important;
}

/* Override blog CSS */
.pwr-rel-post-item__wrapper--text {
  background-color: rgb(244, 246, 252) !important;
  margin-bottom: 2rem;
  padding: 1rem;
}
.pwr-blog-listing {
  background-color: #FFF!important;
}

/* Blog CSS Animation */
/* .pwr-3D-box,
.pwr-post-item__content.pwr-3D-box__sensor.pwr-3D-box--shaddow-on-hover.pwr--colored-box {
  transition: none !important;
}
.pwr-3D-box:hover {
  transition: none !important;
  transform: none !important;
}
.pwr-post-item:hover .pwr-post-item__img {
  height: 25% !important;
}
.pwr-post-item__content.pwr-3D-box__sensor.pwr-3D-box--shaddow-on-hover.pwr--colored-box {
  transform: none !important;
}
.pwr-post-item__overlay {
  background-color: #0073e6!important;
}
.pwr-post-item__content.pwr-3D-box__sensor.pwr-3D-box--shaddow-on-hover.pwr--colored-box {
  padding-top: 1rem;
  padding-left:1rem;
} */

.pwr-post-item__info-box {
  left: 0;
  padding: 15px 20px 15px;
  position: absolute;
  top: 238px !important;
}

.pwr-blog-listing {
  padding-top: 0px !important;
}

/* Blog Post Template CSS */

.pwr--abs-full.pwr-bg-overlay {
  background-color: transparent !important;
}
/* Blog images to hide 
.pwr--abs-full.pwr-bg img {
  width: 0% !important;
  height: 0% !important;
  object-fit: contain !important;
}
*/
.pwr-post-header.pwr--dark .pwr-post-item__date, 
.pwr-post-header.pwr--dark .pwr-post-item__n-min-read, .pwr-post-header.pwr--dark .pwr-post-item__name {
  color: #333 !important;
}
.pwr-post-featured__info-box {
  bottom: 0px;
  left: 0px;
  position: absolute;
  right: 0px;
}
.pwr-post-body {
  background-color: #fff !important;
  font-family: var(--ff-post-body);
}
.pwr-post-featured__title span {
  font-size: 40px !important;
  line-height: 1.5!important;
}
.pwr-post-featured--small {
  height: 200px !important;
}


.hs-blog-post {
  .pwr-sec-posts__container {
    min-width: 70%;
  }
}

.pwr-blog-listing__content{
    margin-top:100px;
}

/* Design blog buttons */
.blog-index .pwr-post-item__more-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px; /* space between text and arrow */
  padding: 6px 20px;
  font-size: 14px;
  font-weight: 600;
  color: #0073E6; /* blue text */
  background-color:rgba(0, 115, 230, 0.1);
  border-radius: 100px; /* pill shape */
  text-decoration: none;
  transition: all 0.25s ease;
}
}