/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*INTRO TITLES: Removes the ugly bottom-margin from intro titles*/
.pwr-sec__title-intro { 
  margin-bottom: 0px;
}

/*INTRO TITLES: Over-ride for boxed form intro, made for Webinar hero use.*/
.pwr-sec-form__intro-sec--hor-boxed .pwr-sec-form__title-intro { 
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 800;
  padding: 0.2rem 0rem;
}

/*CLIENT LOGOS: Smaller bottom-margin between content and logos*/
.pwr-sec-clients__intro-sec {  
  margin-bottom: 20px;
}

/*HERO SECTION: Max-width for description*/
.pwr-hero__desc {
  max-width: 800px !important;
} 

/*TIMELINE: Widht, padding, and image-size overrides*/
.pwr-timeline-item__content {
  padding: 40px 40px;
} 
.pwr-timeline {
  max-width: 100%;
}
.pwr-timeline-item__img {
    height: 300px;
    width: 100%;
}

/*TEAM INTRO: Reduces bottom margin*/
.pwr-sec-team__intro-sec {
  margin-bottom: 30px;
}

/*BLOG POST style overrides */

.hs-blog-post .pwr-post-header__title--reduced {
  font-size: var(--fs-h2);
  font-weight: var(--fw-h2);
  letter-spacing: var(--ls-h2);
  line-height: var(--lh-h2);
}

/* Make comment section form inputs visible */
.hs-blog-post .post-footer input, .hs-blog-post .post-footer textarea, .hs-blog-post .hs-input, .body-wrapper .pwr--light [type=checkbox]+span:not(.slider):before {
  background-color: rgba(var(--clr-base-dk-rgb), .1) !important;
  border: 0;
  border-radius: var(--br-input);
  padding: 16px 18px;
}

/* Make the checkbox visible */
.body-wrapper .pwr--dark [type=checkbox]+span:before, .body-wrapper .pwr--dark [type=radio]+span:after, .body-wrapper .pwr-form.pwr--dark [type=checkbox]+span:before, .body-wrapper .pwr-form.pwr--dark [type=radio]+span:after, .body-wrapper .pwr-form.pwr--light [type=checkbox]+span:before, .body-wrapper .pwr-form.pwr--light [type=radio]+span:after, .body-wrapper [type=checkbox]+span:not(.slider):before, .body-wrapper [type=radio]:checked+span:after, .body-wrapper [type=radio]:not(:checked)+span:after {
    background-color: rgba(var(--clr-base-lt-rgb), .15) !important;
}

/* Make the checkbox 1:1 shape */
.hs-blog-post .hs-input, .hs-blog-post .post-footer input, .hs-blog-post .post-footer textarea, [type=checkbox]+span:not(.slider):before {
  padding: 16px;
}

/* On the light gray background, help the select bg pop out */
.pwr--light select {
  background-color: rgba(var(--clr-base-lt-rgb),1)
}

/* Make the checkbox "dot" center-aligned horizontally */
.body-wrapper [type=checkbox]:checked+span:not(.slider):after {
  left: 9px; 
}

/* Make blog post author element take 100% of container */
.hs-blog-post .pwr-author-profile, .hs-blog-post .pwr-author-profile__info {
  width: 100%;
}

/* .hs-blog-id-222272324841 is the news blog */
/* Set the width of the header area to match the content */ 
@media (max-width: 991px) {
   .hs-blog-id-222272324841 .pwr-post-featured__info-box {
      left: 0;
  }
}
@media (min-width: 992px) {
  .hs-blog-id-222272324841 .pwr-post-featured__info-box {
    max-width: calc(var(--lo-content-width-blog-post) + var(--sp-p-hor-desktop)* 2);
    padding-left: var(--sp-p-hor-desktop);
    padding-right: var(--sp-p-hor-desktop);
    margin: 0 auto;
  }
}

/* .hs-blog-id-211831183608 is the "basic" blog */
.hs-blog-id-211831183608 .pwr-sec-prev-next-nav, .hs-blog-id-211831183608 .pwr-blog-narration--wrapper, .hs-blog-id-211831183608 .pwr-post-body  {
  background-color: transparent;
}

/* .hs-blog-id-222272324841 is the "newa" blog */
/* To make the news blog header/hero smaller and scalable */
.hs-blog-id-222272324841 .pwr-post-header .pwr-post-featured__info-box {
  position: relative;
  bottom: auto;
  left: 0;
  right: auto;
}

.hs-blog-id-222272324841 .pwr-post-header .pwr-post-featured {
  height: auto;
}

/* Audio narrator background */
.pwr-blog-narration--container .hs-audio-player {
  background-color: rgba(var(--clr-base-dk-rgb), 0.05);
}


/* Main menu "active" colors */
.hs-menu-wrapper li.hs-menu-depth-1.active-branch>a:not(.is-anchor){
 color: #6644d8;
 opacity: 1;
}

/* A bit darker shadow color for the submenu in main navi */
.hs-menu-wrapper ul.hs-menu-children-wrapper {
 box-shadow: 0 15px 30px rgba(0, 0, 0, .15);
}

/* Lift up the opening subnavi in main menu a bit */
.hs-menu-wrapper.hs-menu-flow-horizontal li.hs-menu-depth-1>ul.hs-menu-children-wrapper {
 top: calc(100% + -20px); 
}

/* Get rid of the scaling image animation in blog post lifts */
.pwr-post-item:not(.pwr-post-item--1col):hover .pwr-post-item__img {
 height: 238px; 
}

/* Blog post image grid mobile view padding */
ul.hs-image__grid__list, ul.hs-image__grid__list:not(.inputs-list) {
  padding: 0;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
}

/* Colored form  links were the same color as the bg */
.pwr--colored-box a {
  color: rgba(var(--clr-txt-nav-lt-rgb));
}
}