/*   
	Theme Name:        CWS WordPress Theme Boilerplate
	Description:       A WP theme boilerplate for new theme development with Elementor.
	Version:           1.0.1
	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: #0E5D71;
  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: #136D8A;
}

.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: #F5A71C;
  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: #F5A71C;
  border: 1px solid #000000;
  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 */

/* 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;
}