/*
 Theme Name: DMX Engineering
 Description: DMX Engineering Divi Child Theme
 Author: Bootleg Studios LLC
 Author URI: https://bootlegstudios.com
 Template: Divi
 Version: 1.0
*/

#page-container {
  height: 100%;
  background: url('https://webapps.01.cdn.bootlegstudios.net/dmx_engineering/2024/04/bg-pattern.png'),
  linear-gradient(153.94deg, #0061D4 -18.52%, #003471 18.63%, #000000 96.82%);
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: local;
  min-height: 100vh;
}

#et-boc {
  height: 100%;
  background: url('https://webapps.01.cdn.bootlegstudios.net/dmx_engineering/2024/04/footer-pattern.png');
  background-size: 100%;
  background-attachment: scroll;
  background-position: center bottom;
  background-repeat: no-repeat;
  min-height: 100vh;
}

.product-details-btn {
  width: 100%;
  text-align: center;
}

/** Product Nav **/
.product-nav a {
  color: #ffffff;
  margin-left: 15px;
}

.product-nav a.active {
  color: #F3EA08;
}

/** Accordian **/
@media all and (min-width: 700px) {
  h3.et_pb_toggle_title {
    padding-left: 50px !important;
  }
}

/** App Store **/
.apple-store-container {
  padding: 15px 0;
}

.google-store-container {
  padding-bottom: 15px;
}

.app-store-download {
  width: 70%;
}

/** Maps **/
.w2gm-content {
  border-radius: 5px;
}

/** KB **/
.hkb-fullwcontainer {
  padding-top: 50px;
}

.hkb-searchbox-wrapper,
.hkb-mainpage-wrapper,
.hkb-subheader {
  background-color: transparent !important;
}

.hkb-searchbox-wrapper {
  padding-bottom: 0 !important;
}

.hkb-container .hkb-searchbox {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.hkb-searchbox__title {
  font-size: 42px !important;
}

.hkb-site-search {
  display: block !important;
  width: 100% !important;
}

.hkb-site-search__field {
  display: block;
  width: 100% !important;
  margin: 0 !important;
  font-size: 18px !important;
  text-align: center;
  border-radius: 5px !important;
}

.hkb-archivetitle {
  font-size: 24px !important;
  text-transform: uppercase;
}

.hkb-article-list li a:before {
  color: #ffffff;
}

.hkb-archivetitle,
.hkb-category {
  border-bottom: dashed 1px #ffffff !important;
}

.hkb-category {
  padding: 0 0 25px 0 !important;
}

#ht-kb-articles-widget-2 {
  background-color: #5590D4 !important;
}

#ht-kb-articles-widget-2 .widget-title {
  color: #ffffff !important;
  text-transform: uppercase;
}

#ht-kb-articles-widget-2 ul li {
  margin-bottom: 15px !important;
}

#ht-kb-exit-widget-2,
#ht-kb-exit-widget-3 {
  background-color: transparent !important;
  padding: 0 !important;
}

.widget-title {
  text-transform: uppercase;
}

.hkb_widget_exit__btn {
  font-family: Oswald;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  background-color: #F3EA08 !important;
  color: #01336E !important;
  border-radius: 2px;
}

#hkb-jquery-live-search {
  background: #ccc;
  color: #000;
}

#ht-kb-toc-widget-2 {
  display: none;
}

.hkb-article__title {
  font-size: 28px !important;
  line-height: 1.4;
}

.hkb-article__content h3 {
  font-size: 18px !important;
  line-height: 1.4;
}

#ht-kb-exit-widget-4,
#ht-kb-categories-widget-2 {
  background: #5590D4 !important;
}

#ht-kb-exit-widget-4 .widget-title {
  color: #ffffff !important;
  text-transform: uppercase;
}

.hkb_widget_exit__btn {
  font-family: Oswald;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  background-color: #F3EA08 !important;
  color: #01336E !important;
  border-radius: 2px;
}

.hkb-articlepreview__excerpt {
  color: #fff !important;
  font-size: 14px !important;
}

.hkb-breadcrumbs-wrap {
  display: none !important;
}

/** Support **/
.support_option_choose,
#eh_crm_ticket_form span,
#eh_crm_ticket_form small,
.wsdesk_crm_reset_button_show_hide {
  display: none !important;
}

#crm_form_submit {
  display: block;
  margin: 0 auto !important;
  padding: 5px 25px;
  font-family: Oswald;
  font-size: 14px;
  font-weight: medium;
  background-color: #F3EA08 !important;
  color: #01336E !important;
  border-radius: 4px;
}

#request_description {
  height: 250px;
}