/*
   imported from page-header.scss 
*/

/*
  When adding a color, please add it to the :export section at the end of this file.
  If you need to add a new section/type of color, you can add the section title to the :export by pre-prending it with an underscore.
*/
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
/* Primary Colors */
/* Secondary Colors */
/* Gradients */
/* Transparencies */
/* stylelint-disable */

/* stylelint-enable */
/**
  If making changes to this file, please make sure the changes are reflected on the :export section at the end of the file.
 */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
/* IMPORT_PT: update these as the project sees fit */
/* stylelint-disable */

/* stylelint-enable */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
.page-header__altTheme___373IS {
  background: linear-gradient(45deg, #4392D7 0%, #00E3C6 100%); }
  .page-header__altTheme___373IS svg > path {
    fill: #FFFFFF; }

.page-header__pageItem___2ZKSx {
  align-items: center;
  align-self: center;
  display: flex;
  margin: 0 calc(6.13139px + 0.58394vw); }
  .page-header__pageItem___2ZKSx.page-header__nav___2XeZ7, .page-header__pageItem___2ZKSx.page-header__title___2fXQY, .page-header__pageItem___2ZKSx.page-header__primary___10Vp6 {
    margin: 0 calc(3.06569px + 0.29197vw); }
  .page-header__pageItem___2ZKSx.page-header__title___2fXQY {
    overflow: hidden;
    white-space: nowrap; }
    .page-header__pageItem___2ZKSx.page-header__title___2fXQY h2 {
      overflow: hidden;
      text-overflow: ellipsis; }
  .page-header__pageItem___2ZKSx svg {
    display: block; }
  @media only screen and (max-width: 768px) {
    .page-header__pageItem___2ZKSx.page-header__nav___2XeZ7 {
      justify-content: flex-start; }
    .page-header__pageItem___2ZKSx.page-header__title___2fXQY {
      justify-content: center; }
    .page-header__pageItem___2ZKSx.page-header__primary___10Vp6 {
      justify-content: flex-end; } }

.page-header__pageHeader___22Zo1 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: calc(15.32847px + 1.45985vw) calc(calc(12.26277px + 1.16788vw) - calc(6.13139px + 0.58394vw)) calc(10.13139px + 0.58394vw) calc(calc(12.26277px + 1.16788vw) - calc(3.06569px + 0.29197vw));
  width: 100%; }
  .page-header__pageHeader__title___3y1XC, .page-header__pageHeader__buttons___TqPwf {
    align-items: flex-end;
    display: flex;
    height: 100%; }
  .page-header__pageHeader__title___3y1XC {
    justify-content: flex-start; }
    .page-header__pageHeader__title___3y1XC .page-header__pageItem___2ZKSx:first-child {
      margin-left: 0;
      text-align: left; }
  .page-header__pageHeader__buttons___TqPwf {
    justify-content: flex-end; }
    .page-header__pageHeader__buttons___TqPwf .page-header__pageItem___2ZKSx:last-child {
      margin-right: 0; }
  @media only screen and (max-width: 768px) {
    .page-header__pageHeader___22Zo1 {
      align-items: flex-end;
      height: 120px;
      padding-bottom: 0;
      padding-top: calc(2 * calc(12.26277px + 1.16788vw)); }
      .page-header__pageHeader__title___3y1XC {
        display: grid;
        grid-template-columns: 1fr 4fr 1fr;
        width: 100%; } }