.dml-widget-container {
  margin: 0;
  background-color: #fff;
  -webkit-box-shadow: -1px 0 2px 0 rgba(0,0,0,0.12), 1px 0 2px 0 rgba(0,0,0,0.12), 0 1px 1px 0 rgba(0,0,0,0.24);
  -moz-box-shadow: -1px 0 2px 0 rgba(0,0,0,0.12), 1px 0 2px 0 rgba(0,0,0,0.12), 0 1px 1px 0 rgba(0,0,0,0.24);
  box-shadow: -1px 0 2px 0 rgba(0,0,0,0.12), 1px 0 2px 0 rgba(0,0,0,0.12), 0 1px 1px 0 rgba(0,0,0,0.24);
}

.dml-widget-container .dml-wrapper .dml-header {
  font-family: "Euclid Bold", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  background-color: #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  display: inline-block;
  height: 29px;
  color: #fff;
  line-height: 30px;
  margin: 0 0 0 16px;
  padding: 0 16px;
  font-size: 18px;
}

.dml-widget-container .dml-wrapper .dml-stack .dml-item {
  box-shadow: none;
}

.dml-widget-container .dml-wrapper .dml-stack .dml-item .dml-title {
  font-family: "Sofia Pro Bold", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #222;
  margin: 0 5px 0 0;
  text-decoration: none;
  min-height: initial;
  line-height: 18px;
}

.dml-widget-container .dml-wrapper .dml-stack .dml-item .dml-title:hover {
  color: #222;
  text-decoration: underline;
}

.dml-widget-container .dml-wrapper .dml-stack .dml-img > img {
  margin-bottom: 10px;
}

.dml-widget-container .dml-wrapper .dml-stack .dml-img {
  margin-top: 4px;
}



/* header placement horizontal css */
.dml-widget-container.header-placement {
  margin: 0;
  margin-bottom: 20px;
  background-color: #fff;
  -webkit-box-shadow: -1px 0 2px 0 rgba(0,0,0,0.12), 1px 0 2px 0 rgba(0,0,0,0.12);
  -moz-box-shadow:    -1px 0 2px 0 rgba(0,0,0,0.12), 1px 0 2px 0 rgba(0,0,0,0.12);
  box-shadow:         -1px 0 2px 0 rgba(0,0,0,0.12), 1px 0 2px 0 rgba(0,0,0,0.12);
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}

.dml-widget-container.header-placement .dml-wrapper {
  max-width: initial !important;
}

.dml-widget-container.header-placement .dml-wrapper .dml-header {
  display: none;
}

.dml-widget-container.header-placement .dml-wrapper .dml-stack .dml-item {
  box-shadow: none;
  padding: 4px;
  margin: 4px;
  min-height: 0 !important;
}

.dml-widget-container.header-placement .dml-wrapper .dml-stack.dml-layout-carousel .dml-item {
  padding: 4px;
  margin: 4px;
}

.dml-widget-container.header-placement .dml-wrapper .dml-stack .dml-item .dml-title {
  font-family: "Sofia Pro Bold", Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  color: #222;
  margin: 0 5px 0 0;
  text-decoration: none;
  min-height: initial;
  line-height: 1.125rem;
}

@media screen and (min-width: 768px) {
  .dml-widget-container.header-placement .dml-wrapper .dml-stack .dml-item .dml-title {
    float: right;
    width: 52%;
  }
}

.dml-widget-container.header-placement .dml-wrapper .dml-stack .dml-item .dml-title:hover {
  color: #222;
  text-decoration: underline;
}

.dml-widget-container.header-placement .dml-wrapper .dml-stack .dml-img > img {
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .dml-widget-container.header-placement .dml-wrapper .dml-stack .dml-img {
      float: left !important;
      width: 42% !important;
    }
}

@media screen and (min-width: 768px) {
  .dml-widget-container.header-placement #dml-carousel-prev {
    left: -15px !important;
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .dml-widget-container.header-placement #dml-carousel-next {
    right: -15px !important;
    padding: 0;
  }
}