/*   
	Theme Name:        CWS WordPress Theme Boilerplate
	Description:       A WP theme boilerplate for new theme development with Elementor.
	Version:           1.0
	Author:            Commercial Web Services
	Text Domain:       ws-theme-boilerplate
*/

html,
body {
  max-width: 100% !important;
  overflow-x: hidden !important;
  font-family: "Open Sans", sans-serif; /* Edit global font family for theme */
}

/* TI Footer Styles */
.cws-footer__row {
  display: flex;
  align-items: center;
}

.cws-footer {
  background-color: black;
  padding: 10px;
}

.cws-footer svg {
  height: 50px;
  width: auto;
}
.links ul li a {
  color: white;
}

.cws-footer__link__img {
  width: 25%;
  max-width: 100px;
}

.cws-footer__links #ds-footer {
  float: right;
}

@media (max-width: 767px) {
  .cws-footer__row {
    flex-direction: column;
  }
  .cws-footer__logo {
    text-align: center;
  }
  .cws-footer__link__img {
    margin: auto;
  }

  .cws-footer__links #ds-footer {
    float: none !important;
  }
}

/* TI Footer Styles */

/* Contact Modal Styles */

.modal-content {
  border: none;
  border-radius: 0;
}

.modal-header {
  background: #000;
}

.modal-title {
  color: #fff;
  font-size: 20px;
  text-transform: capitalize;
}

.close,
.close:hover {
  font-family: "Open Sans", sans-serif;
  font-size: 35px;
  line-height: 1;
  color: #fff;
  text-shadow: none;
  opacity: 1;
}

.modal-body {
  font-family: "Open Sans", sans-serif;
}

.wpcf7-form p a,
.wpcf7-form p a:hover {
  color: inherit;
}

.wpcf7-form-control:focus {
  border-color: #ccc;
  box-shadow: none;
}

.wpcf7-submit {
  width: 200px;
  padding: 9px 12px;
  background-color: #464646;
  border: 1px solid #333;
  border-radius: 6px;
  box-shadow: inset 0 2px 2px rgb(255 255 255 / 15%),
    inset 0 -2px 2px rgb(0 0 0 / 10%), 0 1px 2px rgb(0 0 0 / 40%);
}

.wpcf7-submit:hover,
.wpcf7-submit:focus {
  background-color: #333;
}

.modal-footer {
  height: 60px;
}

/* Contact Modal Styles */

/* Inventory List Styles */

.inv-search-container {
  border-radius: 5px; /* Adjust Border radius for containers here */
}

#inv-item-search .form-control:focus,
#inv-item-list-sort:focus {
  border-color: #ccc;
  box-shadow: none;
}

#inv-search-submit {
  background-color: #464646;
  border: 1px solid #333;
  border-radius: 6px;
}

#inv-search-submit,
#inv-search-reset {
  box-shadow: inset 0 2px 2px rgb(255 255 255 / 15%),
    inset 0 -2px 2px rgb(0 0 0 / 10%), 0 1px 2px rgb(0 0 0 / 40%);
}

.inventory-container .inv-item-container {
  border-radius: 5px; /* Adjust Border radius for containers here */
  /* box-shadow: none; Removes box-shadow */
  /* border: 1px solid #ddd; Adds border if drop shadow removed */
}

.inv-item-name,
.inv-item-price a {
  color: #333 !important; /* Edit inventory item name and price color */
}

.inv-item-container .inv-item-name a,
.inv-item-container .inv-item-category a,
.inv-item-container .rental-item-price a,
.inv-item-container .inv-item-location a,
.inv-item-details a,
.inv-item-price a {
  text-decoration: none; /* Remove text decoration on inventory item links */
}

.inv-item-container .inv-item-cta {
  background-color: #f9f9f9;
  border-radius: 5px; /* Adjust Border radius for inventory item cta area here */
}

.inventory-container .inventory-item-btn.inv-item-request-button,
.inventory-container .inventory-item-btn.inv-item-view-button {
  background-color: #464646; /* Edit inventory item button color */
  border: 1px solid #333; /* Edit inventory item button border */
  border-radius: 6px; /* Adjust Border radius for inventory item buttons here */
}

.inventory-container .inv-item-view:hover,
.inventory-container .inv-item-view:focus {
  border-radius: inherit;
}

.inv-item-container .inv-item-cta .inv-item-call-now,
.inv-item-container
  .inv-item-cta
  .inventory-phone-group-mobile
  > .inv-item-call-now {
  /* background:#464646; Edit inventory call now button background */
  /* border: 1px solid #333; Edit inventory call now button border */
  font-size: 1.1em;
}

.inventory-container .inventory-item-btn.inv-item-request-button,
.inventory-container .inventory-item-btn.inv-item-view-button,
.inv-item-container .inv-item-cta .inv-item-call-now,
.inv-item-container
  .inv-item-cta
  .inventory-phone-group-mobile
  > .inv-item-call-now,
#inventory-item-buttons .inventory-phone-btn {
  background-color: #464646;
  border: 1px solid #333;
  border-radius: 6px;
}

@media (hover: none) and (pointer: coarse) {
  .inventory-phone-btn:hover,
  .inv-item-container .inv-item-cta .inv-item-call-now:hover,
  #inventory-model-container .inventory-item-btn:not(.disabled):hover,
  .inventory-container .inventory-item-btn:not(.disabled):active,
  .inventory-container .inv-item-view:hover,
  .inventory-container .inv-item-view:focus {
    background-color: #464646;
    border: 1px solid #333;
    text-decoration: none;
  }
}

[aria-label="Call Now"] {
  display: block;
}

#inventory-model-details .inventory-return a,
#inventory-phone-group a,
#inventory-location-phone {
  color: #333; /* Removes blue color from VDP links */
}

#inv-list-table_paginate .paginate_button.current {
  background: #464646; /* Edit active pagination button color */
  border-color: #333; /* Edit active pagination button border color */
}

#inv-list-table_paginate .paginate_button.current:hover {
  background: #333; /* Edit active pagination button color hover state */
}

.inv-item-container .inv-item-rent a,
.inventory-container .inv-item-sale a {
  color: inherit;
}

/* Showroom Styles */

.showroom-return a,
.showroom-model > a,
.showroom-container .nav-tabs > li > a {
  color: inherit;
}

.showroom-manufacturer-container,
.showroom-model-container,
.showroom-model-container:hover,
.showroom-model-container:focus {
  box-shadow: none !important; /* Removes box shadow */
  border: 1px solid #ccc; /* Adds border if box shadow is removed */
}

.showroom-models .description-head {
  /* Add showroom year header styles below */
  padding: 10px;
  margin: 25px 0 10px;
  font-weight: 600;
  color: #464646;
  font-size: 16px;
  background-color: #e6e6e6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.showroom-container .model-display a:hover {
  text-decoration: none;
}