/* Add here all your css styles (customizations) */
/* Change r/l padding to allow a bit longer menu titles */
/* line 3, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
.navbar .u-sub-menu-v1 .hs-sub-menu a,
.navbar .u-sub-menu-v1 .dropdown-menu a {
  padding: 0.32857rem 0.6rem !important;
}


/* Button ECS Blue color change for Walter*/
/* line 79, ../../data/web-ecs/assets/include/scss/base/buttons/default/_button-default.scss */
.u-btn-ecs-blue {
  color: #fff;
  background-color: #273D88;
}

/* line 7, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
.g-footer-color {
  background-color: #273D88 !important;
}

/* line 11, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
.color-ecs-blue {
  color: #273D88;
}

/* line 12, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
.color-ecs-green {
  color: #328D55;
}

/* line 13, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
.color-ecs-orange {
  color: #D25E35;
}

/* line 14, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
.color-ecs-blue-bg {
  background-color: #273D88 !important;
}

/* line 15, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
.color-ecs-green-bg {
  background-color: #328D55 !important;
}

/* line 16, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
.color-ecs-orange-bg {
  background-color: #D25E35 !important;
}

/* line 18, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
.g-brd-ecs-blue {
  border-color: #273D88 !important;
}

/* line 19, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
.g-brd-ecs-green {
  border-color: #328D55 !important;
}

/* line 20, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
.g-brd-ecs-orange {
  border-color: #D25E35 !important;
}

/* line 23, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
.u-btn-outline-ecs-green {
  color: #328D55;
  border-color: #328D55;
  background-color: transparent;
}

/* Need another width, for the header/logo */
/* line 34, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
.w-90 {
  width: 90% !important;
}

/* line 35, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
.w-40 {
  width: 40% !important;
}

/* For index page */
/* line 38, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
.letter-space-5 {
  letter-spacing: 5px;
}

/* Adding top banner, and new disappear heading needs big padding */
/* 4/16/2020
.g-py-top {
    padding-top: 24.0rem !important; 
    padding-bottom: 1.07143rem !important;
  }
*/
/* line 47, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
.g-py-top {
  padding-top: 21.0rem !important;
  padding-bottom: 1.07143rem !important;
}

/* Lets make the footer sticky to the bottom of the browser. Grabbed from earlier BPE site */
/* line 53, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
html {
  position: relative;
  /* Making 100% moves footer past bottom on short pages. 93% seems to work well */
  min-height: 93%;
}

/* line 58, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
.footer-bottom {
  position: absolute;
  top: 100%;
  width: 100%;
}

/* END Lets make the footer sticky to the bottom of the browser */
/* The mega menu is showing two arrows for some reason with the begin/after css settings. Lets stop that */
/* Landscape tablets and medium desktops */
@media screen and (max-width: 1200px) and (min-width: 992px) {
  /* Reduce font size so menu fits */
  /* line 69, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
  .fix-medium-screen-for-header {
    font-size: 13px !important;
    /* Used for testing, to see actual change    text-transform:lowercase!important; */
  }
  /* Move the social icons and menu up on medium screens, before going to hamburger */
  /* needed to reduce width so hover over logo worked, and move to right with margin-left */
  /* 4/16/2020
.fix-medium-header-position{
	margin-top: -115px !important;
	margin-left: 180px !important;
	width: 760px;
	}
*/
  /* line 83, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
  .fix-medium-header-position {
    margin-top: -45px !important;
    margin-left: -20px !important;
    width: 760px;
  }
}

/* On smaller screens remove the extra down arrow that was showing */
@media screen and (max-width: 991px) {
  /* line 92, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
  .hs-icon-arrow-bottom:before {
    content: " " !important;
  }
}

/* Fix a bug with mega menu displaying awkwardly for these browser widths */
/* used a position:static, which causes the dropdown to not display correctly */
@media screen and (max-width: 1008px) and (min-width: 992px) {
  /* line 100, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
  .hs-mobile-state .hs-sub-menu,
  .hs-mobile-state .hs-mega-menu {
    position: absolute;
  }
}

/* When going to hamburger menu, you may want to show some things */
@media screen and (min-width: 992px) {
  /* line 111, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
  div.hamburger-showing {
    display: none;
  }
}

/* When going to hamburger menu, you may want to show some things */
@media screen and (max-width: 992px) {
  /* line 121, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
  div.hamburger-hidden {
    display: none;
  }
}

/* Need special padding for result page so dropdowns display entirely */
/* line 128, ../../data/web-ecs/assets/include/scss/custom/_custom.scss */
.g-pad-result-page {
  padding-top: 20.71429rem !important;
  padding-bottom: 30.71429rem !important;
}

/*# sourceMappingURL=custom.css.map */