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

.integral-blog-heading {
  color: red;  
}

/*****************************************/
/* Header logo position                   */
/*****************************************/

@media (min-width: 992px) {
  .page-center.pwr-header--padding {
    max-width: 1400px;
  }
}

/*****************************************/
/* Header nav position                   */
/*****************************************/

:root {
  --nav-drop: 12px;
  --icons-drop: -4px;
}

@media (min-width: 992px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal {
    transform: translateY(var(--nav-drop));
    margin-left: 60px;
  }

  .pwr-header-right-bar {
    transform: translateY(var(--icons-drop));
  }
}

/*****************************************/
/* Mega menu column alignment   */
/*****************************************/

/* This shifts all of the columns left so they align
 * with the start of the Integral logo */

@media (min-width: 992px) {
  .pwr-header-advanced-mm.pwr--full-width .pwr-adc-main__cols {
    box-sizing: border-box;
    padding-left: calc((100vw - 1400px) / 2);
  }
}


/*****************************************/
/* Mega menu sub-item alignment */
/*****************************************/

/* This aligns the child menu item with the parent otherwise
 * the child item is indented right which looks off. The indent
 * comes from the theme's default menu-link style (margin-left:
 * 15px); this just zeroes it out for these columns. */

@media (min-width: 992px) {
  .pwr-adc-main__cols .hs-menu-wrapper li a {
    margin-left: 0;
  }
  
/*******************************************/
/* Header Menu Nested Child Item Alignment */
/*******************************************/
  
/* For all of the nested children lists that have 
 * a parent item that is blank e.g. second column of
 * the Technology Partneres menu, this brings the 
 * nested column down to match the height of the column 
 * with the parent with text. */
 

@media (min-width: 992px) {
  .pwr-adc-main__cols .hs-menu-wrapper li.hs-menu-depth-1 > a:empty::before {
    content: "\00a0";
  }
}


/*****************************************/
/* Footer column widths                  */
/*****************************************/

@media (min-width: 992px) {

  .pwr-footer-full .pwr-footer-company-info {
    width: 55%;
  }

  /* margin-top drops the link columns so the headings sit level with
     the logo. Lower the value to raise them. */
  .pwr-footer-full .pwr-footer-full__menu--medium-width {
    width: 45%;
    margin-top: 50px;
  }

  .pwr-footer-full .pwr-footer-company-info__desc {
    max-width: 530px;
    width: 100%;
  }

  /* The logo SVG has transparent padding on its left edge, so the
     artwork sits right of the container edge. These shift the text and
     icons across to match it.
 */
  .pwr-footer-full .pwr-footer-company-info__desc,
  .pwr-footer-full .pwr-footer-company-info__icons {
    margin-left: 36px;
  }

}

/*****************************************/
/* Footer statement text                 */
/*****************************************/

/* Matches the text block width to the old website */
.pwr-footer-full .pwr-footer-company-info__desc,
.pwr-footer-full .pwr-footer-company-info__desc p,
.pwr-footer-full .pwr-footer-company-info__desc span {
  font-weight: 400;
}

.pwr-footer-full .pwr-footer-company-info__desc p {
  max-width: none;
}

/*****************************************/
/* Footer contact button                 */
/*****************************************/

.pwr-footer-full .footer-cta {
  display: inline-block;
  margin-top: 14px;
  padding: 11px 34px;
  border: 2px solid #fff;
  border-radius: 4px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.pwr-footer-full .footer-cta:hover {
  background: #fff;
  color: #041E3C;
}

/*****************************************/
/* Footer legal bar                      */
/*****************************************/

/* "All rights reserved" lives in the legal menu, not the Legal Notice
   field. This hides the now-empty notice span and the separator ( | )
   that the theme prints after it regardless of content. */
.pwr-footer-full .pwr-footer-legal__notice {
  display: none;
}

.pwr-footer-full .pwr-footer-legal__content {
  justify-content: flex-start;
  text-align: left;
  padding-left: 0;
}

.pwr-footer-full .pwr-footer-legal__menu {
  margin-left: 0;
  padding-left: 0;
}

@media (min-width: 992px) {

  /* margin-left: cancels the theme's 50px left padding on the legal menu
     list, then adds back the 36px logo offset used at the bottom of the 
     footer column widths section in the css.
     margin-top: pulls the row up toward the Contact us button. Increase
     the negative value to pull further, but too far overlaps the icons.
     Desktop only */
  .pwr-footer-full .pwr-footer-legal__content {
    margin-left: -21px;
    margin-top: -80px;
  }

  
/*****************************************/
/* Footer Adjusting Back to top Button   */
/*****************************************/  
  
  /* The back-to-top button is a sibling of the legal content, so pulling
     that row up moved it into the button's space. This pushes the button
     back down by the same amount.
     Keep this value equal and opposite to the margin-top above. */
  .pwr-footer-full .pwr-footer-legal__back-to-top {
    margin-top: 80px;
  }

}