@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap");
/********** global **********/
body {
  font-size: 0.9rem;
  font-family: "Roboto", sans-serif;
}
a:not(.btn):hover {
  color: #007dbc !important;
}
a.link-none:hover {
  text-decoration: none;
}
.border {
  border-color: #ECECEC !important;
}
h1, .h1, h2, .h2 {
  font-weight: 700;
  /*
  	font-style: italic;
    text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 2.5rem;
  line-height: 2.75rem;
  */
  font-family: "Roboto", sans-serif;
  font-size: 1.625rem;
  line-height: 2rem;
}
.badge {
  line-height: normal;
  font-weight: 700;
}
/********** buttons **********/
.btn:not(.btn-sm, .btn-lg) {
  font-size: 1rem;
}
.btn {
  border-radius: 5px !important;
  font-weight: 700;
}
.btn.btn-outline-secondary {
  border: 2px solid #ECECEC !important;
  border-radius: 2px;
}
.btn.btn-outline-secondary:hover {
  background: #ECECEC !important;
  color: #000 !important;
}
.btn.btn-default {
  background: #ffea28 !important;
  border: none !important;
  color: #000 !important;
  font-weight: 700;
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  opacity: 0.4;
}
/********** radio input **********/
.form-check-input {
  width: 1.2rem;
  height: 1.2rem;
  appearance: auto;
}
/********** header **********/
#header-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: #fff;
  box-shadow: 0 6px 6px rgba(0, 83, 125, 0.1);
}
body {
  padding-top: 67px;
  /* mandatory for sticky header */
}
.navbar {
  padding-top: 0.6rem;
  padding-bottom: 0.5rem;
}
.navbar.navbar-compact .navbar-brand img {
  height: 40px;
}
.navbar .navbar-brand {
  max-width: 60%;
}
.navbar .navbar-nav .nav-item-icon:not(:last-child) {
  margin-right: 40px;
}
.navbar .navbar-cart-icon .item-number {
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: 700;
  color: #000;
  right: -10px;
}
/********** footer **********/
footer {
  background: #EFF1F3;
}
footer .footer-links h4 {
  font-size: inherit;
  font-weight: 700;
  font-size: 1rem;
  text-transform: uppercase;
  font-style: italic;
  color: #0072b5;
}
footer, footer .footer-links a {
  color: #585858 !important;
}
footer .footer-links .list-inline-item:not(:last-child) {
  margin-right: 0.8rem;
}
footer .last-footer-links {
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}
footer .last-footer-links .footer-links ul .footer-link-item {
  display: inline-block;
  font-size: 0.8rem;
  color: #898989;
}
footer .last-footer-links .footer-links ul .footer-link-item:not(:first-child) {
  margin-left: 10px;
}
footer .last-footer-links .footer-links ul .footer-link-item:not(:first-child):before {
  content: "-";
  display: inline-block;
  margin-right: 10px;
}
@media (max-width: 992px) {
  footer .footer-links {
    text-align: center;
  }
  footer .footer-links ul {
    display: block;
    margin-bottom: 2rem;
  }
}
/********** category **********/
@media (max-width: 992px) {
  .rent-preferences-container .store-selector, .rent-preferences-container .rent-period-selector {
    padding: 0 !important;
  }
}
/********** products list **********/
.product-list-section > .row + .row {
  margin-top: -1px;
}
.product-list-wrap + .product-list-wrap {
  margin-left: -1px;
}
.product-list-item {
  padding: 15px;
  position: relative;
}
.product-list-item .offer-price {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 14px !important;
}
/********** product page **********/
select.variant-selector {
  background: url("../img/dropdown.png") center right no-repeat;
  cursor: pointer;
  padding-right: 30px;
}
body.product .qty-selector.classic-product {
  min-width: 140px;
}
.qty-selector > button {
  border-radius: 0 !important;
}
.qty-selector > input {
  color: #212529 !important;
}
.offer-price, .offer-price-frequency {
  background: #ffea28;
  display: inline-block;
  padding: 0 5px 2px;
  font-weight: 700;
  color: #000;
}
.offer-price {
  padding-left: -5px;
}
.offer-price-frequency {
  padding-left: 0;
  margin-left: -5px;
}
.rounded-chevron-separator .separator-icon {
  background: #007dbc !important;
}
.product-item-section .side-image-group .side-image {
  width: 100px !important;
}
.side-image-group .ratio img.contain, .main-product-image .ratio img.contain {
  border: 1px solid #ECECEC;
}
@media (max-width: 992px) {
  .product-item-section {
    padding-top: 0 !important;
  }
}
.product-item-section .product-title {
  font-size: 2.5rem;
}
.pack-product-configurator, .pack-product-configurator .pack-product-item, .pack-product-configurator .pack-product-item img {
  border-color: #ECECEC !important;
}
.rounded-badge {
  font-weight: 700;
}
.product-offers .offer-list-item .rent-period-selector {
  margin-top: -1px;
}
.product-offers .offer-list-item .store-collect-selector {
  padding: 0 !important;
}
.add-to-cart > .btn {
  position: relative;
  font-size: 1.25rem;
}
.add-to-cart > .btn:before {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  background: url("../img/caddie.svg") no-repeat;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
/********** cart summary **********/
@media (min-width: 992px) {
  .cart-products {
    margin-top: 60px;
  }
}
.cart-product-line {
  position: relative;
}
.cart-product-line > .th-title {
  top: -35px;
}
.cart-total-line > .badge {
  font-size: 0.9rem;
}
.qty-selector > button {
  border-color: #F1F3F4;
}
.cart-product-line .qty-selector > button {
  padding-bottom: 4px;
}
@media (max-width: 1200px) {
  .cart-product-line .th-title {
    display: none !important;
  }
}
@media (max-width: 992px) {
  .cart-step-summary {
    margin-top: -3rem;
  }
}
/********** checkout stepbar **********/
.cart-stepbar {
  display: flex;
  border-bottom: 1px solid #D3D3D4;
}
.cart-stepbar ul {
  flex: 1;
  border: none;
}
.cart-stepbar svg + svg {
  margin-left: 15px;
}
.cart-stepbar ul li {
  font-weight: 500;
  font-size: 1rem;
  margin: 0 0 -1px !important;
  padding: 0 15px 5px;
}
.cart-stepbar ul li:first-child {
  padding-left: 5px;
}
.cart-stepbar ul li:last-child {
  padding-right: 5px;
}
/********** delivery step **********/
.collect-point-container {
  border-radius: 5px;
}
/********** payment **********/
.payment-rental-paymentGateway {
  margin-top: 2rem !important;
}
.payment-agreement * {
  font-size: inherit !important;
}
.payment-form a.btn.btn-primary, #ogonesubmit, form#payment-form button {
  background: #ffea28 !important;
  border-radius: 5px !important;
  color: #000 !important;
}
/********** rent date selector **********/
.rent-preferences-container #rentPeriodInput, .rent-period-selector .date-input input, .rent-period-selector .date-input .input-group-text {
  border: 1px solid #ced4da;
}
#rentPeriodInput, .searchPostcodeInput {
  background: #fff !important;
}
.searchPostcodeInput + .btn-outline-secondary {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
/********** account menu **********/
.account .account-menu .account-menu-item:not(.active) {
  color: inherit;
}
/********** rent page **********/
.account-rentals-tab .btn-group > label {
  padding: 0 15px 5px;
  border-bottom: 1px solid #ECECEC;
}
.account-rentals-tab .btn-group > .btn-check:checked + label, .account-rentals-tab .btn-group > .btn-check:active + label {
  color: #007dbc;
  border-color: #007dbc;
}
/********** slick slider **********/
.slick-slider, .slick-slider * {
  max-width: none !important;
}
.slick-dots {
  padding: 0;
  list-style: none;
  text-align: center;
}
.slick-dots > li {
  display: inline-block;
  margin: 0 2px;
}
.slick-dots > li > button {
  display: block;
  width: 15px;
  height: 15px;
  padding: 0;
  overflow: hidden;
  text-indent: -9999px;
  border-radius: 50%;
  border: 3px solid #fff;
  background: #dee2e6;
}
.slick-dots > li.slick-active > button {
  background: #fff;
  border-color: #007dbc;
}
.ib-section img {
  width: 150px !important;
  height: 150px !important;
}