#sylius-billing-address .ui.toggle.checkbox label:hover:before {
  background-color: #0180b5;
}
.total-bottom-wrapper #combined-total {
  color: #0180b5;
}
.select2-container--default
  ul.select2-results__options
  .select2-results__option--highlighted.select2-results__option--selectable:hover,
.select2-container--default
  ul.select2-results__options
  .select2-results__option--highlighted.select2-results__option--selectable.select2-results__option--selected:hover {
  background-color: #0180b5a3;
}
.select2-results__option .price,
.select2-selection__rendered .price {
  color: #0180b5 !important;
}
.select2-selection__rendered .price {
  color: #0180b5 !important;
  font-weight: bold !important;
  font-size: 16px;
}
.bitbag-remove-from-wishlist .heart.icon,
.bitbag-add-to-wishlist .heart.icon {
  color: #0180b5 !important;
}
.bitbag-remove-from-wishlist .heart.icon:hover,
.bitbag-add-to-wishlist .heart.icon:hover {
  color: #013348 !important;
}
.faq-list .question:hover h3,
.faq-list .question:hover i:before,
.faq-list .single-faq.open i:before {
  color: #0180b5 !important;
}
/* PRELAUNCH TWEAKS */
.mobile-sidebar-dropdown-btn-close,
.mobile-sidebar-dropdown-btn-open {
  background: #0180b5 !important;
  padding: 2px 4px;
  border-radius: 3px;
  color: #fff !important;
  margin: 0 !important;
  text-decoration: none;
}
.megamenu .ui.link.list.list a.item:hover {
  color: #21beff !important;
}
@media (min-width: 1241px) {
  header .logo-column img {
    width: 300px !important;
  }
}
/* End of tweaks */
/* tgps only styles */

/*
NOTE: colors that (might) need to be changed from THPS-specific to TGPS-specific
  #f4793d  =>  #0180B5
  #36919F  =>
  #4c4c4c  =>
  #FFBC84  =>
  #38383a  =>
  #f4f1e3  =>
  #94d3da  =>
 */
.create-account-wrapper .basic.button,
.watch-video {
  background: #0080b3 !important;
  transition: 0.2s ease all;
  background-image: none !important;
  text-decoration: none !important;
  color: #fff !important;
  font-size: 1.14285714rem !important;
  border: none;
  height: 36px;
  font-weight: 600;
  margin-bottom: 10px;
  justify-content: center;
  align-items: center;
  padding: 5px 31px;
  text-transform: uppercase;
}
.create-account-wrapper .basic.button:hover,
.watch-video:hover {
  background: #013348 !important;
  color: #fff !important;
}
.tabular.menu a:hover {
  color: initial !important;
}
.sidebar-product-header a,
.sidebar-product-header a:hover {
  color: #0180b5 !important;
}
.adv-search-manual-subset
  .filter-item
  .filter-values
  .filter-nav.ui.checkbox.checked
  input:checked
  ~ label::before,
.adv-search-manual-subset
  .filter-item
  .filter-values
  .filter-nav.ui.checkbox
  input:checked
  ~ label::before {
  background: #0180b5 !important;
  color: white !important;
  border: none !important;
}
.single-style .fa-heart-o,
.single-style .fa-heart {
  color: #0180b5;
  margin-bottom: 8px;
  cursor: pointer;
}
.single-style .plan-header a:hover:not(.bitbag-add-to-wishlist) {
  border-left: 4px solid #0180b5;
}
.bitbag-wishlist-item .plan-header a.bitbag-remove-from-wishlist:hover,
#products .plan-header a.bitbag-remove-from-wishlist:hover,
.bitbag-wishlist-item .plan-header a.bitbag-remove-from-wishlist,
#products .plan-header a.bitbag-remove-from-wishlist {
  border-left: none !important;
}
.dropdown.button.address-book-select {
  background: #0080b3;
  color: #fff;
  max-width: fit-content !important;
}
.dropdown.button.address-book-select input,
.dropdown.button.address-book-select .text {
  cursor: pointer !important;
}
#footer .footer-menu a:hover,
#footer .phone a:hover {
  color: #013348 !important;
  text-decoration: none;
}
a {
  color: #0180b5;
  text-decoration: underline;
  transition: 0.2s ease all;
}
a:hover,
a:hover span,
a:hover span:last-child {
  color: #013348 !important;
}
a.link {
  color: #0180b5;
  border-bottom: solid 1px #0180b5;
}
a.link:hover {
  color: #013348 !important;
  border-bottom: solid 1px #013348;
}
.right.menu.utility-menu a.item:hover,
.utility-menu .cart.icon:hover:before {
  color: #21beff !important;
}
#menu .main-menu .item.top-level:hover,
.advanced-search-link:hover {
  color: #fff !important;
}
.ui.primary.button,
.ui.secondary.button,
.active-filters.item a {
  background: #0180b5;
  transition: 0.2s ease all !important;
  background-image: none !important;
  text-decoration: none !important;
}
.ui.primary.button:hover,
.ui.secondary.button:hover,
.show-full-description.link:hover,
.active-filters.item a:hover,
.show-more-checkboxes.link:hover {
  background: #013348 !important;
  background-color: #013348 !important;
  border-bottom: none !important;
  color: #fff !important;
}
.advanced-search-link {
  text-decoration: none !important;
}
.ui.primary.button,
.ui.primary.buttons .button {
  --initialTextColor: #fff;
  --slideTextColor: rgb(97, 85, 85);

  --initialBgColor: #0180b5;
  --slideBgColor: #36919f;

  color: var(--initialTextColor);

  background: #0180b5
    linear-gradient(
      90deg,
      var(--initialBgColor) 0%,
      var(--initialBgColor) 50%,
      var(--slideBgColor) 50%,
      var(--slideBgColor) 100%
    );
  background-size: 200%;
  transition: background-position 0.3s cubic-bezier(0.47, 0.1, 1, 0.63),
    color 0.2s linear;
  transition-delay: 0s, 0.15s;
  font-family: "interstate", sans-serif;
}
.ui.blue.button,
.ui.blue.buttons .button {
  background-color: #0180b5;
  color: #fff;
  text-shadow: none;
  background-image: none;
  transition: 0.2s ease all;
}
.ui.blue.button:hover,
.ui.blue.buttons .button:hover {
  background-color: #36919f;
  color: #fff;
  text-shadow: none;
}
.ui.button.primary.standard {
  border: solid 2px #0180b5;
  background: #0180b5;
  color: white;
  padding: 5px 15px;
  transition: all 0.2s ease-in-out;
}
.ui.button.secondary {
  text-transform: capitalize;
  font-size: 17px;
  padding: 9px 12px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #fff;

  background-color: #0180b5;
  transition: all 0.3s cubic-bezier(0.47, 0.1, 1, 0.63), color 0.2s linear;
}
.white-container .ui.table tr td {
  border-top: none;
}
.ui.breadcrumb a.section {
  color: #0180b5;
}
.ui.breadcrumb .active.section {
  color: #4c4c4c;
}
.main-menu .item .ui.button.mini {
  background-color: #0180b5;
}
#menu .main-menu .item.top-level.active {
  color: #ffbc84;
}
#menu .main-menu .item.top-level:after {
  content: "";
  height: 2px;
  width: 0;
  transition: width 0.3s ease;
  position: absolute;
  bottom: 25px;
}
#menu .main-menu .item.top-level:hover {
  cursor: pointer;
}
#menu .main-menu .item.top-level:hover:after,
.mega-dropdown:hover .item.top-level:after {
  background: white;
  width: calc(100% - 32px);
}
#menu .main-menu .item.top-level.active:after {
  background: #ffbc84;
  width: calc(100% - 32px);
}
.ui.inverted.menu .item > a:not(.ui).advanced-search-link:hover {
  color: #ffbc84;
}
.logo-column {
  background-color: #635f5e;
}
#footer-top p.disclaimer {
  color: #7787a4;
}
#footer-top p.disclaimer strong,
#footer-top p.disclaimer a {
  color: white;
}
i.white {
  color: white;
}
.feature {
  border: 1px solid #38383a;
}
.feature h2 {
  background: #76acba;
}
.feature .caption {
  padding: 10px 20px;
  color: #38383a;
  font-size: 13px;
  background: #f4f1e3;
  border-top: 1px solid #38383a;
}
.feature .link {
  background: #635f5e;
}
.ui.segment.header-primary {
  background-color: #635f5e;
  padding: 0;
  margin-top: 0;
}
.ui.basic.segment.header-secondary {
  background-color: #575151;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.header-secondary .utility-menu {
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
div.header-search-container {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.homepage-body h2 {
  color: #76acba;
}
#searchbox {
  background-color: #76acba;
}
.hero {
  background-color: #635f5e;
}
#footer {
  background-color: #635f5e;
}
#footer-top {
  background-color: #575151;
}
.blue-footer {
  background: #94d3da;
  padding: 20px 0;
  color: #fff;
  margin-top: 4em;
}
.blue-footer p {
  color: white;
}
.blue-footer .widget p {
  color: white;
}
.blue-footer h2 {
  margin-bottom: 10px;
  border-bottom: solid 1px white;
}
.orange-footer {
  background: #e49135;
  padding: 20px 0;
  color: #fff;
  margin-top: 4em;
}
.orange-footer h2 {
  border-bottom: solid 1px white;
  padding-bottom: 10px;
}
.orange-footer p {
  color: white;
}
.copyright {
  color: #7787a4;
  font-size: 12px;
}
.footerplans a {
  display: block;
  margin-bottom: 5px;
  text-decoration: underline;
}
.disclaimer p {
  font-size: 11px;
  color: #7787a4;
  margin-top: 20px;
}
.tgps.hero {
  height: 500px;
}
.tgps.hero .search-bar {
  background-color: rgba(0, 0, 0, 0.61);
}
.tgps.hero .search-bar .search-form .button {
  font-family: "Open Sans", sans-serif;
}
.tgps.hero .numerical-field {
  margin-right: 10px;
  width: 60px;
}
.tgps.hero .search-form input {
  padding: 9px 6px;
}
.home_style h3 {
  color: #252525;
}
.home_style a {
  color: #76acba;
}
a.link.show-more-checkboxes,
a.link.hide-checkboxes,
a.link.show-full-description,
a.link.show-more-images {
  background: #0180b5;
}
a.remove-one-filter,
a#clear-filters,
a.remove-range-filter,
a.remove-multi-range-filter {
  background: #0180b5;
}

a.mainbtn.existing {
  background: #e49135;
}
a.mainbtn.custom {
  background: #0180b5;
}
.announcement-bar {
  background-color: #0180b5;
}
.in-column-menu {
  margin-top: 40px !important;
}
.hero .search-bar label {
  margin-bottom: 5px;
  color: white;
  text-align: left;
  display: block;
}
.hero .connector {
  margin-bottom: 0;
  margin-right: 10px;
}

/*
Replacing #F4793D here universally. This may be overkill.
 */
#sylius-billing-address .ui.toggle.checkbox input:checked ~ label:before {
  background-color: #0180b5 !important;
}
ol.trending-list > li:after {
  color: #0180b5;
}
.faq-list .single-faq .answer a {
  color: #0180b5;
}
.faq-list .single-faq.open h3 {
  color: #0180b5;
}
.option-item .option-desc .more .text {
  color: #0180b5;
}
.option-item .option-desc .less {
  color: #0180b5;
}
.additional-options .option-item .price {
  color: #0180b5;
}
.ui.checkbox input:checked ~ .box:before {
  background: #0180b5 !important;
}
.ui.checkbox input:checked ~ label:before {
  background: #0180b5 !important;
}
.cart-terms .ui.segment p {
  color: #0180b5;
}
.ui.steps .step.active .title,
.ui.steps .step.active .description {
  color: #0180b5;
}
.ui.items > .item > .content > a.header:hover {
  color: #0180b5;
}
.select2-results__option .price {
  color: #0180b5;
}
a.remove-one-filter,
a#clear-filters,
a.remove-range-filter,
a.remove-multi-range-filter {
  background: #0180b5;
}
div.cart-item-count-button {
  background-color: #0180b5;
}

.popular-garage-plans h2,
.popular-garage-plans .all-plans {
  color: #0180b5;
  font-weight: 700;
  font-size: 28px;
  font-family: "Poppins", sans-serif;
}
.popular-garage-plans p {
  font-size: 16px;
  line-height: 1.8;
}

/*
End of replacing #F4793D
 */

#sylius-order i.ps-delivery.icon.ps-icon {
  filter: brightness(0) saturate(100%) invert(34%) sepia(47%) saturate(2032%)
    hue-rotate(169deg) brightness(95%) contrast(99%);
}
.ui.steps .active.step .icon {
  filter: brightness(0) saturate(100%) invert(34%) sepia(47%) saturate(2032%)
    hue-rotate(169deg) brightness(95%) contrast(99%);
}
.width-depth-wrapper {
  display: flex;
}
.tgps.hero .search-bar .search-form {
  flex-wrap: nowrap !important;
}
.tgps.hero .search-bar .fieldset {
  width: 100% !important;
}
.tgps.hero .search-bar .button.primary {
  margin-top: 27px;
}
@media (max-width: 768px) {
  .tgps.hero .search-bar .button.primary {
    margin-top: 0;
  }
  .tgps.hero {
    height: 630px;
    position: relative;
  }
  .hero .connector {
    margin-left: 10px;
  }
  .tgps.hero .numerical-field {
    margin-right: 0;
    width: 100%;
  }
  .width-depth-wrapper {
    gap: 2rem;
  }
  .width-depth-wrapper .fieldset:last-child label {
    text-align: right !important;
  }
  .width-depth-wrapper .fieldset.depth,
  .width-depth-wrapper .fieldset.width {
    justify-content: space-between;
    display: flex;
  }
  .hero .fieldset.styles,
  .hero .fieldset.bays,
  .width-depth-wrapper {
    width: 100% !important;
  }
  .hero .search-bar fieldset {
    margin: 0 !important;
    width: 100%;
  }
  .thps.hero {
    height: 580px;
    position: relative;
  }
  .hero .search-bar {
    height: 100%;
    width: 100%;
    margin-bottom: 0;
  }
  .hero .ui.button.secondary {
    position: absolute;
    bottom: 20px;
  }
  .popular-garage-plans .ui.grid > [class*="four wide"].column {
    width: 100% !important;
  }
}
@media (max-width: 420px) {
  .width-depth-wrapper {
    display: block;
  }
  .tgps.hero {
    height: 700px !important;
  }
}