/* ==========================================================================
    #SETTINGS - RESPONSIVE
    ========================================================================== */
/**
  * This file contains all of RESPONSIVE DESIGN VARIABLES
*/
/* ==========================================================================
  #SETTINGS - FONTS
  ========================================================================== */
/**
  * This file contains all of the maps and variables associated with
  * font faces and sizes.
*/
@font-face {
  src: url("/wp-content/themes/custom-theme/fonts/DIN%20Condensed%20Bold.ttf") format("truetype");
  font-family: "DIN Condensed";
}
/* ==========================================================================
  #TOOLS - MIXINS
  ========================================================================== */
/**
  * This file contains all of the mixins that are used throughout
  * the application. Mixins will write out CSS attributes and allow
  * logic to be performed prior to rendering the attribute.
*/
/**
 * CONTENT
 *
 * COLORS
 * Settings for colors throughout the system
 *
 * FONTS
 * Settings for fonts throughout the system
 *
 * ICONS
 * Settings for icons throughout the system
 *
 * RESPONSIVE
 * Settings for responsive sizing throughout the system
 *
 */
/* ==========================================================================
  #SETTINGS - COLORS
  ========================================================================== */
/**
  * This file contains all of the maps and variables associated with
  * colors and elements for which colors are applied.
*/
/* ==========================================================================
  #SETTINGS - ICOMOON ICONS - https://icomoon.io/app/#/select/image
  ========================================================================== */
/**
  * This file contains all of the maps and variables associated with
  * ICONS
*/
@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon.eot?j24n4k");
  src: url("fonts/icomoon.eot?j24n4k#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?j24n4k") format("truetype"), url("fonts/icomoon.woff?j24n4k") format("woff"), url("fonts/icomoon.svg?j24n4k#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-burger:before {
  content: "\e94b";
}

.icon-caret-down:before {
  content: "\e94f";
}

.icon-caret-up:before {
  content: "\e94e";
}

.icon-caution:before {
  content: "\e913";
}

.icon-checkmark:before {
  content: "\e943";
}

.icon-churches:before {
  content: "\e900";
}

.icon-clock:before {
  content: "\e901";
}

.icon-close:before {
  content: "\e94c";
}

.icon-contact:before {
  content: "\e945";
}

.icon-dialog-circle:before {
  content: "\e914";
}

.icon-dollar-bill:before {
  content: "\e918";
}

.icon-electric-heat:before {
  content: "\e902";
}

.icon-emergency:before {
  content: "\e93f";
}

.icon-eye-blocked:before {
  content: "\e9d1";
}

.icon-eye:before {
  content: "\e9ce";
}

.icon-facebook:before {
  content: "\e940";
}

.icon-fryer:before {
  content: "\e903";
}

.icon-fuel-oil:before {
  content: "\e904";
}

.icon-gas-boiler:before {
  content: "\e905";
}

.icon-house:before {
  content: "\e919";
}

.icon-information-circle:before {
  content: "\e91a";
}

.icon-instagram:before {
  content: "\e93a";
}

.icon-linkedin:before {
  content: "\e944";
}

.icon-local-services:before {
  content: "\e906";
}

.icon-login:before {
  content: "\e93b";
}

.icon-mail-large:before {
  content: "\e908";
}

.icon-mail:before {
  content: "\e907";
}

.icon-minus:before {
  content: "\ea0b";
}

.icon-natural-gas:before {
  content: "\e909";
}

.icon-oil:before {
  content: "\e90a";
}

.icon-password:before {
  content: "\e941";
}

.icon-pause:before {
  content: "\e949";
}

.icon-person-circle:before {
  content: "\e91b";
}

.icon-phone:before {
  content: "\e90b";
}

.icon-phone-circle:before {
  content: "\e94d";
}

.icon-play:before {
  content: "\e94a";
}

.icon-plus:before {
  content: "\ea0a";
}

.icon-propane:before {
  content: "\e90c";
}

.icon-restaurants:before {
  content: "\e90d";
}

.icon-retail:before {
  content: "\e90e";
}

.icon-rinse-sprayer:before {
  content: "\e90f";
}

.icon-sales-rep:before {
  content: "\e910";
}

.icon-salons-spas:before {
  content: "\e911";
}

.icon-search-circle:before {
  content: "\e91c";
}

.icon-search:before {
  content: "\e93c";
}

.icon-searchsubmit:before {
  content: "\e942";
}

.icon-slider:before {
  content: "\e912";
}

.icon-small-medical:before {
  content: "\e915";
}

.icon-steam-cooker:before {
  content: "\e916";
}

.icon-steam-trap:before {
  content: "\e917";
}

.icon-twitter:before {
  content: "\e93d";
}

.icon-unit-heater:before {
  content: "\e928";
}

.icon-water-heater:before {
  content: "\e946";
}

.icon-webpage:before {
  content: "\e91d";
}

.icon-white-ugi-logo:before {
  content: "\e939";
}

.icon-youtube:before {
  content: "\e93e";
}

.icon-ask-for-id:before {
  content: "\e922";
}

.icon-assistance-programs:before {
  content: "\e92a";
}

.icon-call-811-before-you-dig:before {
  content: "\e923";
}

.icon-careers:before {
  content: "\e930";
}

.icon-community-programs:before {
  content: "\e931";
}

.icon-cross-bore-safety:before {
  content: "\e924";
}

.icon-customer-choice:before {
  content: "\e92b";
}

.icon-economic-development:before {
  content: "\e932";
}

.icon-electric-safety:before {
  content: "\e925";
}

.icon-energy-saving-tips:before {
  content: "\e91e";
}

.icon-find-hvac-contractor:before {
  content: "\e937";
}

.icon-gas-availability:before {
  content: "\e938";
}

.icon-gas-conversion-process:before {
  content: "\e939";
}

.icon-gas-for-business:before {
  content: "\e947";
}

.icon-gas-for-homes:before {
  content: "\e948";
}

.icon-go-paperless:before {
  content: "\e92c";
}

.icon-media-center:before {
  content: "\e933";
}

.icon-meter-safety:before {
  content: "\e926";
}

.icon-natural-gas-safety:before {
  content: "\e927";
}

.icon-notices:before {
  content: "\e934";
}

.icon-outage-center:before {
  content: "\e929";
}

.icon-payments-and-billing:before {
  content: "\e92d";
}

.icon-projects-and-initiatives:before {
  content: "\e935";
}

.icon-rebates-for-your-business:before {
  content: "\e91f";
}

.icon-rebates-for-your-home:before {
  content: "\e920";
}

.icon-start-stop-transfer-service:before {
  content: "\e92e";
}

.icon-sustainability-initiatives:before {
  content: "\e921";
}

.icon-ugi-blog:before {
  content: "\e936";
}

.icon-view-bill-inserts:before {
  content: "\e92f";
}

/* ==========================================================================
  #TOOLS - MIXINS
  ========================================================================== */
/**
  * This file contains all of the mixins that are used throughout
  * the application. Mixins will write out CSS attributes and allow
  * logic to be performed prior to rendering the attribute.
*/
/*  ==========================================================================
  #TOOLS - FUNCTIONS
  ========================================================================== */
/**
  * This file contains all of the functions that are used throughout
  * the application. Functions are utility methods that perform some logic
  * and return a value to be used by the CSS.
*/
/* ==========================================================================
  #TOOLS - MIXINS 2025
  ========================================================================== */
/**
  * This file contains all of the mixins that are used throughout
  * the application. Mixins will write out CSS attributes and allow
  * logic to be performed prior to rendering the attribute.
*/
/* ==========================================================================
    #COMPONENTS - ADDITIONAL RESOURCES
    ========================================================================== */
.c-additional-resources {
  color: #005C8D;
  font-family: "din-2014", sans-serif;
  font-size: 0;
  margin: 90px;
}
@media screen and (max-width: 1024px) {
  .c-additional-resources {
    margin: 90px 50px;
  }
}
@media screen and (max-width: 480px) {
  .c-additional-resources {
    margin: 80px 34px;
  }
}
.c-additional-resources .-heading {
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 38px;
  line-height: 2.375rem;
  font-weight: 700;
  margin-bottom: 70px;
  text-align: center;
}
.c-additional-resources .-items {
  display: flex;
  justify-content: space-around;
  margin: auto;
  max-width: 1280px;
}
@media screen and (max-width: 1024px) {
  .c-additional-resources .-items {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 480px) {
  .c-additional-resources .-items {
    display: block;
    flex-wrap: unset;
    justify-content: unset;
  }
}
.c-additional-resources .-item {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1490196078);
  display: inline-block;
  width: 387px;
}
@media screen and (max-width: 1340px) {
  .c-additional-resources .-item {
    max-width: 300px;
  }
}
@media screen and (max-width: 1024px) {
  .c-additional-resources .-item {
    max-width: 275px;
  }
}
@media screen and (max-width: 920px) {
  .c-additional-resources .-item {
    max-width: unset;
    width: 100%;
    margin: 30px 90px;
  }
}
@media screen and (max-width: 820px) {
  .c-additional-resources .-item {
    max-width: unset;
    width: 100%;
    margin: 30px 90px;
  }
}
@media screen and (max-width: 480px) {
  .c-additional-resources .-item {
    max-width: unset;
    width: 100%;
    margin: 15px 0px;
  }
}
.c-additional-resources .-image {
  height: 246px;
  overflow-y: hidden;
  width: 100%;
}
.c-additional-resources .-image img {
  width: 100%;
}
.c-additional-resources .-content {
  margin: 40px;
}
.c-additional-resources .-title {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: 700;
}
.c-additional-resources .-description {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-top: 16px;
}
.c-additional-resources .-link {
  margin-top: 24px;
}
.c-additional-resources .-link a {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  color: #005C8D;
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: 700;
}
.c-additional-resources .-link a:hover {
  color: rgb(0, 58.7234042553, 90);
}

/* ==========================================================================
    #COMPONENTS - BODY
    ========================================================================== */
.body-2025 {
  background-color: #fff;
  margin: 0;
  padding: 0;
}
.body-2025__content {
  background-color: #fff;
  margin: 0 auto;
  max-width: 1440px;
  padding: 0;
}

/* ==========================================================================
    #COMPONENTS - CALL TO ACTION
    ========================================================================== */
.c-call-to-action {
  background-color: #062938;
  background: linear-gradient(#062938, #005C8D);
  color: #fff;
  font-family: "din-2014", sans-serif;
  height: 461px;
}
@media screen and (max-width: 1024px) {
  .c-call-to-action {
    height: unset;
    min-height: 700px;
    padding: 55px 34px;
  }
}
@media screen and (max-width: 480px) {
  .c-call-to-action {
    height: unset;
    min-height: 600px;
    padding: 55px 34px;
  }
}
.c-call-to-action .-wrapper {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: space-around;
  margin: auto;
  max-width: 1280px;
}
.c-call-to-action .-video, .c-call-to-action .-content {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  height: min-content;
  max-width: 512px;
}
@media screen and (max-width: 1024px) {
  .c-call-to-action .-video, .c-call-to-action .-content {
    position: inherit;
    top: inherit;
    transform: inherit;
  }
}
@media screen and (max-width: 480px) {
  .c-call-to-action .-video, .c-call-to-action .-content {
    position: inherit;
    top: inherit;
    transform: inherit;
  }
}
@media screen and (max-width: 1024px) {
  .c-call-to-action .-content {
    margin-top: 14px;
  }
}
@media screen and (max-width: 480px) {
  .c-call-to-action .-content {
    margin-top: 14px;
  }
}
.c-call-to-action .-video {
  height: 300px;
}
@media screen and (max-width: 480px) {
  .c-call-to-action .-video {
    height: 197px;
    width: 100%;
  }
}
.c-call-to-action .-video iframe {
  border: none;
  height: 288px;
  width: 512px;
  border-radius: 24px;
  box-shadow: 0 0 0 0px rgb(255, 255, 255);
}
@media screen and (max-width: 480px) {
  .c-call-to-action .-video iframe {
    height: 100%;
    width: 100%;
  }
}
.c-call-to-action .-title {
  font-size: 45px;
  font-size: 2.8125rem;
  line-height: 45px;
  line-height: 2.8125rem;
  font-family: "DIN Condensed";
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  .c-call-to-action .-title {
    font-size: 35px;
    font-size: 2.1875rem;
    line-height: 35px;
    line-height: 2.1875rem;
  }
}
.c-call-to-action .-description {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-top: 30px;
}
.c-call-to-action .-call p {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: 700;
  margin-top: 30px;
  font-family: "din-2014", sans-serif;
  color: #fff;
}
@media screen and (max-width: 480px) {
  .c-call-to-action .-call p {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
.c-call-to-action .-call p a {
  text-decoration: underline;
}
.c-call-to-action .-call p a:hover {
  color: rgb(229.5, 229.5, 229.5);
}
.c-call-to-action .-button {
  background-color: #fff;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  padding-left: 35px;
  padding-right: 35px;
  margin-top: 30px;
}
.c-call-to-action .-button a {
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  color: #005C8D;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}
.c-call-to-action .-button:hover {
  background-color: rgb(229.5, 229.5, 229.5);
}

/* ==========================================================================
    #COMPONENTS - HOMEPAGE
    ========================================================================== */
.homepage-2025 {
  font-family: "din-2014", sans-serif;
}

/* ==========================================================================
    #COMPONENTS - IMAGE BLOCKS
    ========================================================================== */
.c-image-blocks {
  background-color: #fff;
  font-family: "din-2014", sans-serif;
  font-size: 0;
  height: 589px;
}
@media screen and (max-width: 1024px) {
  .c-image-blocks {
    height: 450px;
  }
}
@media screen and (max-width: 480px) {
  .c-image-blocks {
    height: unset;
  }
}
.c-image-blocks.-white {
  background-color: #fff;
  color: #005C8D;
}
.c-image-blocks.-blue {
  background-color: #005C8D;
  color: #fff;
}
.c-image-blocks.-blue .-button {
  background-color: #fff;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  padding-left: 35px;
  padding-right: 35px;
  margin-top: 30px;
}
.c-image-blocks.-blue .-button a {
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  color: #005C8D;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}
.c-image-blocks.-blue .-button:hover {
  background-color: rgb(229.5, 229.5, 229.5);
}
.c-image-blocks .-image-block, .c-image-blocks .-content-block {
  display: inline-block;
  height: 589px;
  width: 50%;
}
@media screen and (max-width: 480px) {
  .c-image-blocks .-image-block, .c-image-blocks .-content-block {
    width: 100%;
  }
}
.c-image-blocks .-image-block {
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .c-image-blocks .-image-block {
    height: 450px;
  }
}
@media screen and (max-width: 480px) {
  .c-image-blocks .-image-block {
    height: 400px;
  }
}
.c-image-blocks .-content-block {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  height: min-content;
  padding: 30px 70px;
}
@media screen and (max-width: 1024px) {
  .c-image-blocks .-content-block {
    position: inherit;
    top: inherit;
    transform: inherit;
    height: 450px;
    padding: 70px 60px;
  }
}
@media screen and (max-width: 480px) {
  .c-image-blocks .-content-block {
    height: min-content;
    position: inherit;
    top: inherit;
    transform: inherit;
    padding: 50px 34px;
  }
}
.c-image-blocks .-left {
  float: left;
}
.c-image-blocks .-right {
  float: right;
}
@media screen and (max-width: 480px) {
  .c-image-blocks .-left, .c-image-blocks .-right {
    float: none;
  }
}
.c-image-blocks .-content {
  margin: auto;
  max-width: 504px;
}
.c-image-blocks .-type {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-weight: 700;
  text-transform: uppercase;
}
.c-image-blocks .-title {
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 38px;
  line-height: 2.375rem;
  font-weight: 700;
  padding-top: 16px;
}
@media screen and (max-width: 920px) {
  .c-image-blocks .-title {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 820px) {
  .c-image-blocks .-title {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 480px) {
  .c-image-blocks .-title {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
.c-image-blocks .-description {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  padding-top: 16px;
}
.c-image-blocks .-button {
  background-color: #005C8D;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  padding-left: 35px;
  padding-right: 35px;
  margin-top: 30px;
}
.c-image-blocks .-button a {
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  color: #fff;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}
.c-image-blocks .-button:hover {
  background-color: rgb(0, 58.7234042553, 90);
}

/* ==========================================================================
    #COMPONENTS - IMAGE HEADER
    ========================================================================== */
.c-wrapper .c-image-header {
  color: #005C8D;
  font-family: "din-2014", sans-serif;
  height: 615px;
  padding-left: 100px;
}
@media screen and (max-width: 480px) {
  .c-wrapper .c-image-header {
    height: 340px;
  }
}
.c-wrapper .c-image-header .-content {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  background-color: #fff;
  padding: 50px 60px;
  width: 480px;
}
@media screen and (max-width: 480px) {
  .c-wrapper .c-image-header .-content {
    display: none;
  }
}
.c-wrapper .c-image-header .-title {
  font-size: 45px;
  font-size: 2.8125rem;
  line-height: 50px;
  line-height: 3.125rem;
  font-weight: 700;
}
.c-wrapper .c-image-header .-description {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-top: 30px;
}
.c-wrapper .c-image-header .-button {
  background-color: #005C8D;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  padding-left: 35px;
  padding-right: 35px;
  margin-top: 30px;
}
.c-wrapper .c-image-header .-button a {
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  color: #fff;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}
.c-wrapper .c-image-header .-button:hover {
  background-color: rgb(0, 58.7234042553, 90);
}
.c-wrapper .c-mobile-content {
  display: none;
}
@media screen and (max-width: 480px) {
  .c-wrapper .c-mobile-content {
    display: block;
    min-height: 340px;
    padding: 50px 40px;
  }
}
.c-wrapper .c-mobile-content .-title {
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 40px;
  line-height: 2.5rem;
  font-weight: 700;
  color: #005c8d;
}
.c-wrapper .c-mobile-content .-description {
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 24px;
  line-height: 1.5rem;
  margin-top: 30px;
  color: #005c8d;
}
.c-wrapper .c-mobile-content .-button {
  background-color: #005C8D;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  padding-left: 35px;
  padding-right: 35px;
  margin-top: 30px;
}
.c-wrapper .c-mobile-content .-button a {
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  color: #fff;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}
.c-wrapper .c-mobile-content .-button:hover {
  background-color: rgb(0, 58.7234042553, 90);
}

/* ==========================================================================
    #COMPONENTS - PRIMARY LINKS
    ========================================================================== */
.c-primary-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: auto;
  max-width: 1280px;
  padding-top: 73px;
  padding-bottom: 73px;
}
@media screen and (max-width: 480px) {
  .c-primary-links {
    background-color: #F2F4F4;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.c-primary-links .-item {
  color: #005C8D;
  margin: 30px 10px;
  text-align: center;
  width: 235px;
}
@media screen and (max-width: 1024px) {
  .c-primary-links .-item {
    width: 325px;
  }
}
@media screen and (max-width: 480px) {
  .c-primary-links .-item {
    margin: 10px 10px;
    width: 100%;
  }
}
.c-primary-links .-icon {
  font-size: 45px;
  padding-bottom: 25px;
}
@media screen and (max-width: 480px) {
  .c-primary-links .-icon {
    display: none;
  }
}
.c-primary-links .-title {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  .c-primary-links .-title {
    display: none;
  }
}
.c-primary-links .-description {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
  padding-top: 16px;
}
@media screen and (max-width: 480px) {
  .c-primary-links .-description {
    display: none;
  }
}
.c-primary-links .-button {
  background-color: #005C8D;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  padding-left: 35px;
  padding-right: 35px;
  margin-top: 30px;
  padding: 0;
  width: 172px;
}
.c-primary-links .-button a {
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  color: #fff;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}
.c-primary-links .-button:hover {
  background-color: rgb(0, 58.7234042553, 90);
}
@media screen and (max-width: 480px) {
  .c-primary-links .-button {
    display: none;
  }
}
.c-primary-links .-mobilebutton {
  display: none;
}
@media screen and (max-width: 480px) {
  .c-primary-links .-mobilebutton {
    display: block;
    background-color: #005C8D;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    padding-left: 35px;
    padding-right: 35px;
    font-size: 45px;
    height: 60px;
    width: 90%;
    padding-left: 24px;
  }
  .c-primary-links .-mobilebutton a {
    font-size: 16px;
    font-size: 1rem;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    color: #fff;
    display: block;
    font-weight: 700;
    text-transform: uppercase;
  }
  .c-primary-links .-mobilebutton:hover {
    background-color: rgb(0, 58.7234042553, 90);
  }
  .c-primary-links .-mobilebutton .-mobileicon {
    color: #FFF;
    font-size: 30px;
    float: left;
    padding-top: 14px;
    padding-right: 15px;
    margin: auto;
    width: 60px;
  }
  .c-primary-links .-mobilebutton .-last {
    padding-top: 15px;
    font-size: 27px;
  }
  .c-primary-links .-mobilebutton a {
    font-size: 24px;
    font-size: 1.5rem;
    float: left;
    text-transform: none;
  }
}

/*# sourceMappingURL=style-2025.css.map */