/* Blog header */

.blogintro-wrap * { color: #fff; }
.blogintro-wrap {    padding: 112px 0px; z-index:1;position:relative;}
.blogintro-wrap h1.thirtsix{color:#fff;}
.blogintro-wrap h4{ font-style: normal; font-weight: 300; font-size:18px; line-height: 30px;}
.blogintro-wrap:after{z-index:-1;position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.4)}
.blogintro-content { max-width: 599px;   text-align: center;  margin: 0 auto; }
.blogintro-content h1 { text-transform: capitalize; }
.blogintro-form{ max-width:902px;    margin: 33px auto 0; }
.blogintro-form form { display: flex; align-items: center; }
.blogintro-form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field { margin: 0;width: calc(100% - 187px);position: relative; }
.blogintro-form form .hs_submit.hs-submit { margin: 0; margin-left: 15px; width: 172px; }
.blogintro-form form .actions { padding: 0px; margin: 0;   }
.blogintro-form form .actions input.hs-button.primary.large{     padding: 17px 35px; }
.blogintro-form form .actions input.hs-button.primary.large:hover { padding-left: 14px; }
.blogintro-form form input[type="email"] { height: 58px;}
.blogintro-form form form .hs_submit input{height:58px;}
/* .blogintro-form form ul.no-list.hs-error-msgs.inputs-list { position: absolute; } */
.blogintro-form form label{color:red;}
.blogintro-form .submitted-message{ text-align: center;}

.listing-feat-imge{height:214px;    display: block;}
.listing-feat-imge img { height: 100%; object-fit: cover; width: 100%; }
.listing-feat-title p {font-weight:700;line-height:30px;    margin: 25px 0px 9px;}
.listing-body-featured ol, .listing-body-featured, .listing-body-featured p, .listing-body-featured div, .listing-body-featured i, .listing-body-featured h1, .listing-body-featured h2, .listing-body-featured h3, .listing-body-featured h4, .listing-body-featured h5, .listing-body-featured h6, .listing-body-featured a, .listing-body-featured span, .listing-body-featured strong, .listing-body-featured em, .listing-body-featured li { font-weight: 300; margin: 0; padding: 0; float: none; color: #000000; font-size: 18px; font-style: normal; line-height: 1.65; display: inline; font-family: Lato,sans-serif; list-style: none; }
/* .listing-post-tags { position: absolute; bottom: 0; } */
.listing-post-tags {margin-top: 29px;}
.blog-index__post { margin-bottom: 54px; position: relative; width: 28.8%; margin-right: 6.8%; }
.blog-index__post:nth-of-type(3n){margin-right:0;}
.blog-index__post:last-child{margin-right:0;}
a.listing-post-tag-link { background: #ebebeb; border-radius: 5px; padding: 2px 16px; color: rgba(0,0,0,0.5); font-size: 14px; font-weight: 400; display: inline-block; margin: 0px 4px 4px 0px; }
a.listing-post-tag-link:hover { background: #38974c; text-decoration: none; color: #fff;}
.listing-body-featured { display: block;}

.blog-tags-serach { padding: 73px 0px 46px; }
.blog-serach .hs-search-field__input { background-image: url(https://kiwi.energysmart.co.nz/hubfs/EnergySmart_2021/Images/Icon/search.svg); background-position: center right 28px; background-repeat: no-repeat; outline: 0; height: 50px;  border-radius: 5px; font-size: 18px; font-weight: 300; border: 0; padding:0 53px 0px 31px; background-color: #F5F5F5; background-size: 15px; box-shadow: none; }
.blog-serach .hs-search-field__input::placeholder {color: rgba(0,0,0,0.5);}
.blog-tags { width: calc(100% - 348px); padding-right: 20px; }
.blog-serach { width: 348px;    margin-bottom: 14px; }


/* Blog pagination */

.blog-pagination { display: flex; justify-content: center;      margin: 22px 0px 68px; }
.blog-pagination__link.blog-pagination__prev-link,.blog-pagination__link.blog-pagination__next-link,
.blog-pagination__link.blog-pagination__prev-link:hover,.blog-pagination__link.blog-pagination__next-link:hover,
.blog-pagination__link.blog-pagination__prev-link:focus,.blog-pagination__link.blog-pagination__next-link:focus{ background: 0; width: auto; height: auto; }
.blog-pagination__link { border: 0; border-radius: 0; line-height: 1; margin: 0 7px; text-decoration: none; background: #e0e0e0; font-size: 18px; color: #000; width: 49px; height: 49px; display: flex; align-items: center; justify-content: center; }
.blog-pagination__link.blog-pagination__prev-link:hover,.blog-pagination__link.blog-pagination__next-link:hover {color:#000!important;}
.blog-pagination__link--active,.blog-pagination__link:hover, .blog-pagination__link:focus { background: #38974C;    color: #fff!important; text-decoration: none; }
.blog-pagination__prev-link { margin-right: 0.25rem; } 
.blog-pagination__next-link { margin-left: 0.25rem; }
.blog-pagination__link.blog-pagination__prev-link--disabled, .blog-pagination__link.blog-pagination__next-link--disabled { color: rgba(0,0,0,0.5); cursor: default; pointer-events: none; }
a.blog-pagination__link.blog-pagination__prev-link {margin-right: 33px;}
a.blog-pagination__link.blog-pagination__next-link {margin-left: 33px;}
a.blog-pagination__link.blog-pagination__next-link:focus,
a.blog-pagination__link.blog-pagination__prev-link:focus {color:#000!important;}
/*Blog Post*/

.blog-post-header{background:#F0F0F0;padding-bottom:340px;}
.blog-post-header .tag-cont{padding:70px 0 60px;}
.blog-post-header .back-cta{width:40%;}
.blog-post-header .back-cta a{background:#fff;border-radius:5px;color:#000;font-size:18px;line-height:30px;padding:10px 36px 10px 48px;position:relative;display:inline-block;}
.blog-post-header .back-cta a:after{position:absolute;content:'';background:url('https://kiwi.energysmart.co.nz/hubfs/EnergySmart_2021/Images/blog/left-02.svg') no-repeat;background-position:center center;background-size:cover;width:15.5px;height:9.5px;left:18px;top:20px;}
.blog-post-header .blog-post-tags{width:60%;text-align:right;}
.blog-post-header .blog-post-tags .tagsbtn{background:#fff;}
.blog-post-header .blog-post-tags .tagsbtn:hover, 
.blog-post-header .blog-post-tags .tagsbtn:focus, 
.blog-post-header .blog-post-tags .tagsbtn:active, .blog-post-header .blog-post-tags .tagsbtn.active {background: #38974c; text-decoration: none; color: #fff;}
.blog-post-header .blog-heading{max-width:1245px;margin:0 auto;position:relative;}
.blog-post-header .blog-heading h1{margin-bottom:16px;}
.blog-post-header .featured-image{padding:200px 0;position:absolute;left:0;right:0;bottom:-394px;max-width:1080px;}
.share-cont{padding-bottom:78px;}
.share-cont a{padding-right:17px;}
.share-cont a:hover{text-decoration:none;}
.blog-post-body{padding:110px 0 20px;}
.blog-post-body .post{max-width:1185px;padding:0px 0 0 95px;width:100%;}
.blog-post-body .post ol{margin:0 0 1.4rem;padding:0;}
.blog-post-body .post ol{list-style:none;counter-reset:my-awesome-counter;}
.blog-post-body .post ol li{counter-increment:my-awesome-counter;position:relative;padding-bottom:20px;padding-left:25px;}
.blog-post-body .post ol li::before{content:counter(my-awesome-counter) ". ";color:#000;font-weight:bold;left:0;top:3px;position:absolute;font-size:24px;line-height:24px;}
.blog-post-body .post ol li:last-child{padding-bottom:0;}
.blog-post-body .post li>h4{margin-bottom:0;padding-left:30px;}
.blog-post-body .post img{padding:30px 15px;}
.blog-post-body .post img:nth-child(1){padding-right:20px;}
.blog-post-body .post blockquote{border-left-color:transparent;padding:0;font-size:24px;line-height:44px;color:#000;font-weight:bold;text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:53px 0;max-width:935px;margin:57px auto 20px;}
.blog-post-body .post blockquote>h3{margin-bottom:0;margin-top:27px;}
.blog-comments{margin:0 auto 0 0;max-width:1035px;padding-left:100px;padding-bottom:50px;}
.blog-comments h4{margin-bottom:10px;}
.blog-comments p{font-weight:400;}

.blog-comments form label.hs-error-msg{color:red;font-size:16px;text-align:center;line-height: 22px;}
.blog-comments form textarea{resize:none;height:219px;padding: 23px 42px;}
 .blog-comments form .actions{width:100%;max-width:175px;}
.blog-comments .section.post-footer{display:flex;flex-direction:column-reverse;}
.blog-comments .hs-common-confirm-message{background-color:transparent!important;border:1px solid transparent!important;color:#000!important;font-size:18px!important;border-radius:3px!important;padding:0!important;margin:8px 0 20px!important;}
div#comments-listing{padding-top:62px;}
.blog-comments .comment.depth-0{border-top:0;padding-top:1em;margin-top:1em;}
.comment.depth-1{padding-left:2em;padding-top:1em;}
.blog-comments .comment-date,.blog-comments .comment-from{display:block;}
.blog-comments #comments-listing .comment-reply-to{color:#454545;}
.blog-comments .comment-reply-to{background:none;border:none;padding-left:0;color:#333;}

.blog-comments input::-webkit-input-placeholder { color: rgba(0,0,0,0.5) !important; } 
.blog-comments input:-moz-placeholder {color: rgba(0,0,0,0.5) !important; }
.blog-comments input::-moz-placeholder {  color: rgba(0,0,0,0.5) !important; }
.blog-comments input:-ms-input-placeholder { color: rgba(0,0,0,0.5) !important; }

.blog-comments textarea::-webkit-input-placeholder { color: rgba(0,0,0,0.5) !important; } 
.blog-comments textarea:-moz-placeholder { color: rgba(0,0,0,0.5) !important; } 
.blog-comments textarea::-moz-placeholder {  color: rgba(0,0,0,0.5) !important; } 
.blog-comments textarea:-ms-input-placeholder { color: rgba(0,0,0,0.5) !important;}


.blog-header__form {
  margin: 0 1rem;
}

@media (max-width: 1280px){
  .tagsbtn {font-size: 16px;  padding: 8px 19px;  margin-right: 12px; margin-bottom: 12px; }
  .blog-serach { width: 298px; margin-bottom: 14px; }
  .blog-tags { width: calc(100% - 298px);  }
  .blog-serach .hs-search-field__input{font-size: 16px;padding: 8px 53px 8px 19px;}

  .blog-index__post { margin-right: 3.8%;width: 30.8%; }
  .blog-index__post:nth-of-type(3n){margin-right:0;}
  .blog-index__post:last-child{margin-right:0;}

  a.blog-pagination__link.blog-pagination__prev-link {margin-right: 20px;}
  a.blog-pagination__link.blog-pagination__next-link {margin-left: 20px;}
}

@media(max-width:1200px){
  .blog-post-body .post{max-width:1185px;padding:0;width:100%;}
  .blog-comments{margin:0 auto 0 0;max-width:1035px;padding-left:0;padding-bottom:50px;}
}

@media (max-width:1024px){

  .blog-index__post { margin-right: 3.8%; width: 48.1%; }
  .blog-index__post:nth-of-type(3n){margin-right: 3.8%;}
  .blog-index__post:nth-of-type(2n){margin-right:0;}
  .blog-index__post:last-child{margin-right:0;}
  .blog-post-header .blog-post-tags{width:70%;text-align:right;}
  .blog-post-header .back-cta{width:30%;}
  .blog-post-body .post img{margin:0!important;}
  .blog-post-body .post img { padding: 30px 0 0;}
  .blog-post-body .post blockquote {padding: 30px 0;margin: 40px auto 20px;}
}

@media (max-width:900px){
  .blog-tags-serach { padding: 43px 0px 43px; }
  .blog-tags { width: 100%; padding-right: 0; }
  .blog-serach { width: 100%; margin-bottom: 14px; }
  .blog-post-header .blog-post-tags{width:100%;text-align:left;padding-top:30px;}
  .blog-post-header .back-cta{width:100%;}
  .blog-post-header .tag-cont{padding:40px 0;}

}

@media (max-width: 767px){
  .blog-tags-serach { padding: 23px 0px 26px; }
  .blogintro-wrap { padding: 72px 0px; }
  .blogintro-wrap h4{font-size:16px;}

  .blog-pagination__link{       font-size: 17px; width: 39px;height: 39px;}
  .blog-pagination {  margin: 2px 0px 48px; }

  .share-cont{padding-bottom:40px;}
  .blog-post-header .featured-image{padding:100px 0;bottom:-194px;max-width:100%;}
  .blog-post-header{padding-bottom:140px;}
  .blog-post-body{padding:80px 0 20px;}
  .blog-post-body .post img{padding: 30px 0 0;}
  .blog-post-body .post img{margin:0!important;}
  .blog-post-body .post blockquote{line-height:36px;max-width: 100%; padding: 23px 0;}
  
  .blog-comments .hs_submit.hs-submit{text-align:center}
}

@media (max-width:700px){
  .blog-index__post { margin-right:0; width:100%;     padding-bottom: 0;}
  .blog-index__post:nth-of-type(3n){margin-right: 0;}
  .listing-post-tags { position: relative; bottom: 0; margin-top: 25px; }
  .tagsbtn { font-size: 14px; padding: 5px 15px; margin-right: 6px; margin-bottom: 8px; }
  .listing-feat-title p {height:auto!important;}
}


@media (max-width:640px){
  .listing-feat-imge { height: 194px;  }
  .blogintro-form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field {  width: 100%;}
  .blogintro-form form { flex-wrap: wrap; }
  .blogintro-form form .hs_submit.hs-submit {  width: 172px; margin: 20px auto 0; }
  .blogintro-form form ul.no-list.hs-error-msgs.inputs-list { position: relative; }
  .blogintro-form form label { font-size: 14px; }

  .blog-pagination__link { font-size: 14px; width: 29px; height: 29px;    margin: 0 5px; }
  a.blog-pagination__link.blog-pagination__prev-link {margin-right: 10px;}
  a.blog-pagination__link.blog-pagination__next-link {margin-left: 10px;}
  
  .blogintro-form form .actions input.hs-button.primary.large:hover { padding-left: 35px; }
}




@media screen and (min-width: 768px) {
  .blog-header__form {
    margin: 0 auto;
    width: 500px;
  }
}

/* Blog header - author listing */

.blog-header__author-avatar {
  border-radius: 50%;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
  display: block;
  height: auto;
  margin: 0 auto 1.4rem;
  width: 200px;
}

.blog-header__author-social-links a {
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  margin: 0 5px;
  position: relative;
  width: 40px;
}

.blog-header__author-social-links a:hover,
.blog-header__author-social-links a:focus {
  background-color: #494A52;
}

.blog-header__author-social-links svg {
  fill: #FFF;
  height: 15px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}

/* Blog listing */

.blog-index {
  display: flex;
  flex-wrap: wrap;
  padding: 80px 0;
}

}


.blog-index__post-image {
  height: auto;
  max-width: 100%;
}

@media screen and (min-width: 768px) {



  /* Blog post */

  .blog-post {
    margin: 0 auto;
    max-width: 960px;
  }

  .blog-post__meta {
    margin-bottom: 1.4rem;
  }

  .blog-post__meta a {
    color: #494A52;
    text-decoration: underline;
  }

  .blog-post__timestamp {
    display: block;
  }

  .blog-post__tags svg {
    height: auto;
    margin-right: 10px;
    width: 15px;
  }

  .blog-post__tag-link {
    font-size: 0.875rem;
  }

  /* Blog related posts */

  .blog-related-posts {
    background-color: #F8FAFC;
  }

  .blog-related-posts h2 {
    text-align: center;
  }

  .blog-related-posts__list {
    display: flex;
    flex-wrap: wrap;
  }

  .blog-related-posts__post {
    flex: 0 0 100%;
    padding: 1rem;
  }

  @media screen and (min-width: 768px) {
    .blog-related-posts__post {
      flex: 0 0 calc(100%/2);
    }
  }

  @media screen and (min-width: 1000px) {
    .blog-related-posts__post {
      flex: 0 0 calc(100%/3);
    }
  }

  .blog-related-posts__image {
    height: auto;
    max-width: 100%;
  }

  .blog-related-posts__title {
    margin: 0.7rem 0;
  }

  .blog-related-posts__title a {
    color: #494a52;
  }

  /* Blog comments */
  /* 
  .blog-comments {
  margin: 0 auto;
  max-width: 680px;
}

  .blog-comments .hs-submit {
  text-align: center;
}

  .blog-comments .comment-reply-to {
  border: 0 none;
}

  .blog-comments .comment-reply-to:hover,
  .blog-comments .comment-reply-to:focus {
  background-color: transparent;
  text-decoration: underline;
} */