/* @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    */
/*****************************************/

@import url("https://use.typekit.net/vdd7qhg.css");


:root {
  --ff-base: ff-utility-web-pro,sans-serif; !important;
  --ff-accent: ff-utility-web-pro, sans-serif !important;
}

/*****************************************/

.pwr-cta_button_textarrow {
    color: var(--clr-primary);
    display: inline-flex;
    align-items: center;
    font-family: var(--ff-btn);
    font-size: 13px;
    font-weight: 700;
    text-transform: var(--tt-link);
    transition: color 0.3s ease;
}

/* Arrow */
.pwr-cta_button_textarrow::after {
    content: "";
    width: 12px;
    height: 12px;
    margin-left: 8px;
    flex-shrink: 0;

    background-color: currentColor; /* inherits text color */
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;

    transition: transform 0.3s ease;
}

/* Hover State */
.pwr-cta_button_textarrow:hover {
    color: var(--clr-primary-hover, #000); /* define your hover color */
}

.pwr-cta_button_textarrow:hover::after {
    transform: translateX(4px);
}


ul.hs-menu-children-wrapper {
  box-shadow: 0px 5px 10px 0px #767676;
}


.pwr-footer-full__menu div#hs_menu_wrapper_footer_page_,
.pwr-footer-full__menu div#hs_menu_wrapper_footer_blog_{
  float:right;
}

.pwr-footer-full__menu li.hs-menu-item.hs-menu-depth-1.hs-item-has-children {
  flex-grow: 1;
}

.pwr-footer-legal a#pwr-js-back-to-top{
  float:right;
}

.pwr-sec__title-intro {
  display: block;
  font-family: var(--ff-intro-title-sec);
  font-size: 18px; /* fallback */
  font-size: var(--fs-intro-title-sec);
  font-weight: var(--fw-intro-title-sec);
  margin-bottom: 5px;
  letter-spacing: var(--ls-intro-title-sec);
  line-height: var(--lh-intro-title-sec);
  position: relative;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

.pwr-sec__title  {
  margin-bottom: 5px;
}


@media (min-width: 768px) {
  .pwr-sec-txt--1col .pwr-sec-txt__title {
    margin-bottom: 10px;
  }}


.pwr-sec__title + .pwr-sec__desc {
  margin-top: 10px;
}


.pwr-sec-cta__title + .pwr-sec-cta__desc {
  margin-top: 10px;
}


.pwr-step__title--has-desc {
  padding-bottom: 10px;
}

p {
  margin-block-end: 1.5em;
}



.body-container-wrapper--blog-post .body-container {
  max-width: var(--lo-content-width);
  margin: 0 auto;
}


.body-container-wrapper--blog-post .blog-topic-post a.blog-tag-list__tag-link {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  padding: 17px 23px !important;
  padding-top: 22px;
  vertical-align: middle;
  align-items: center;
  line-height: 1;
  padding-top: 13px;
  display: grid;
}
.osx .body-container-wrapper--blog-post .blog-topic-post a.blog-tag-list__tag-link {
  padding-top: 9px;
}

.body-container-wrapper--blog-post .blog-topic-post a.blog-tag-list__tag-link:hover {
  background-color: #f18f01;
} 


.blog-post-form__custom-styles .hs-form-field {
  position: relative;
}

.blog-post-form__custom-styles .hs-form-field:not(.hs-fieldtype-select) legend {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
  transition: all 0.2s ease-in-out;
}

.blog-post-form__custom-styles input {
  position: relative;
  z-index: 1;
}

.blog-post-form__custom-styles .input > input:focus {
  box-shadow: unset;
}

.blog-post-form__custom-styles input[type=email],
.blog-post-form__custom-styles input[type=text] {
  -webkit-backdrop-filter: unset;
  backdrop-filter: unset;
}


.blog-post-form__custom-styles .hs-form-field legend.active {
  top: -16px;
  opacity: 1;
}




.pwr-image-box__img img{
  width: 100%;
  height: 100%;
}

.pwr-video-box__img img{
  width: 100%;  
  height: 100%;
}

@media (max-width: 992px) {
  .pwr-image-box .pwr-image-box__img{
    min-height: 100% !important;
  }
}


.body-container-wrapper--blog-post .blog-post-form__custom-styles .actions .hs-button {
    padding-top: 12px;
    padding-bottom: 10px 
}

.body-container-wrapper--blog-post .blog-post-form__custom-styles .subscription-form .hs-input {
  background-color: rgba(var(--clr-base-lt-rgb),.15);
  border: none !important;
  border-bottom: 1px solid #767676 !important;
  border-radius: unset;
  padding: 5px;
}

.body-container-wrapper--blog-post .blog-post-form__custom-styles .subscription-form select {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%231b2845%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
  background-position: right 1em top 50%,0 0 !important;
  background-repeat: no-repeat;
  background-size: 12px 12px;
}