@charset "UTF-8";
/******************************************************************
Site Name: SuMo
Author: DD9
Stylesheet: Variables
******************************************************************/
/******************************************************************
Site Name: SuMo
Author: DD9
Stylesheet: Content
******************************************************************/
/* Hide weird empty WPDM modal on home page
** after disbaling WPDM scripts and styles on home page
================================================== */
body.home .w3eden .fade:not(.show) {
  opacity: 0;
}

/* Header/nav
================================================== */
body.home #Top_bar.is-sticky .menu li ul li a span {
  color: #444 !important;
}

/* General 
================================================== */
.justify-content-center {
  justify-content: center !important;
}

.bg-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: none;
  position: relative;
}

a.full-width {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

/* Footer
================================================== */
#Footer .widgets_wrapper_2 .ecomobility_footer_6 .textwidget {
  padding: 0 !important;
}

/* Home Tweets Carousel
================================================== */
body.home .twitter-carousel h3 {
  font-size: 24px;
  font-weight: 700;
  overflow: hidden;
  text-align: center;
}
body.home .twitter-carousel h3:after, body.home .twitter-carousel h3:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 1px;
  background-color: #d6d6d6;
  position: relative;
}
body.home .twitter-carousel h3:before {
  margin-left: -100%;
  left: -14px;
}
body.home .twitter-carousel h3:after {
  margin-right: -100%;
  right: -14px;
}
body.home .twitter-carousel .ctf-owl-nav {
  display: none;
  position: absolute;
}
body.home .twitter-carousel #ctf .ctf-item {
  padding: 15px;
}

/******************************************************************
Site Name: SuMo
Author: DD9
Stylesheet: Cards
******************************************************************/
.card {
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: var(--border-radius-regular);
  box-shadow: 0px 0 10px -5px rgba(0, 0, 0, 0.36);
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  transition: all 0.2s ease;
}

.card.full-hover:hover .card-title {
  color: #fd5634;
}
.card.full-hover:hover .card-img.bg-img::before {
  opacity: 1;
}

.card-body {
  padding: 1.25rem;
  font-size: 1rem;
  line-height: 1.4;
  transition: all 0.2s ease;
}
.card-body > *:last-child {
  margin-bottom: 0 !important;
}

.card-text {
  margin-bottom: 0.5rem;
}
.card-text > *:last-child {
  margin-bottom: 0;
}
.card-text > ul:not([class]) {
  padding-left: 15px;
  list-style: disc;
  margin-bottom: 1rem;
}
.card-text > ul:not([class]) ul:not([class]) {
  list-style: circle;
}

.card-img {
  border-radius: 0;
  transition: all 0.2s ease;
}

.card-img.bg-img {
  height: 180px;
}
@media (min-width: 768px) {
  .card-img.bg-img {
    height: 200px;
  }
}
@media (min-width: 992px) {
  .card-img.bg-img {
    height: 230px;
  }
}
@media (min-width: 1500px) {
  .card-img.bg-img {
    height: 260px;
  }
}

.full-hover .card-img.bg-img::before {
  background-color: #fcd846;
  content: "";
  left: 0;
  height: 4px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s ease;
}

.card-img-contained {
  height: 100%;
  width: 100%;
  background-size: contain;
  padding: 15px 15px 0 15px;
  background-origin: content-box;
}
@media (min-width: 768px) {
  .card-img-contained {
    padding: 20px 20px 0 20px;
  }
}

.card-footer {
  padding: 0 1.25rem 1.25rem;
  border: none;
  background-color: transparent;
  font-size: 1rem;
  line-height: 1.4;
}
.card-footer > *:last-child {
  margin-bottom: 0;
}

.card-title {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 1rem;
  transition: all 0.2s ease;
}
.card-title a {
  color: #444444;
}
.card-title a:hover {
  color: #fd5634;
}

.card-subtitle {
  font-size: 0.95rem;
}

/* Card Decks 
================================================== */
.card-deck.card-deck-ones,
.card-deck.card-deck-twos,
.card-deck.card-deck-threes,
.card-deck.card-deck-fours {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  padding: 0;
  margin: 0 0 -15px 0;
}
@media (min-width: 768px) {
  .card-deck.card-deck-ones,
.card-deck.card-deck-twos,
.card-deck.card-deck-threes,
.card-deck.card-deck-fours {
    margin: 0 -15px -15px -15px;
  }
}
.card-deck.card-deck-ones .card,
.card-deck.card-deck-twos .card,
.card-deck.card-deck-threes .card,
.card-deck.card-deck-fours .card {
  margin-bottom: 30px !important;
  flex: unset;
  width: 100%;
}
@media (min-width: 768px) {
  .card-deck.card-deck-ones .card,
.card-deck.card-deck-twos .card,
.card-deck.card-deck-threes .card,
.card-deck.card-deck-fours .card {
    flex: 0 0 45.7%;
  }
}
@media (min-width: 992px) {
  .card-deck.card-deck-ones .card,
.card-deck.card-deck-twos .card,
.card-deck.card-deck-threes .card,
.card-deck.card-deck-fours .card {
    flex: 0 0 46.7%;
  }
}

/* Cards - Full
================================================== */
@media (min-width: 768px) {
  .card-deck.card-deck-ones .card {
    flex: 0 0 96.3%;
  }
}
@media (min-width: 992px) {
  .card-deck.card-deck-ones .card {
    flex: 0 0 96.3%;
  }
}

/* Cards - Twos
================================================== */
@media (min-width: 1200px) {
  .card-deck.card-deck-twos .card {
    flex: 0 0 46.8%;
  }
}
.card-deck.card-deck-twos .card-img.bg-img, .card-deck.card-deck-twos .card-img.excerpt-bg-img {
  height: 250px;
}
@media (min-width: 768px) {
  .card-deck.card-deck-twos .card-img.bg-img, .card-deck.card-deck-twos .card-img.excerpt-bg-img {
    height: 300px;
  }
}

/* Cards - Thirds
================================================== */
@media (min-width: 1200px) {
  .card-deck.card-deck-threes .card {
    flex: 0 0 30.6%;
  }
}

/* Cards - Fourths
================================================== */
.card-deck.card-deck-fours .card {
  flex: 0 0 100%;
  margin: 0 auto;
}
@media (min-width: 576px) {
  .card-deck.card-deck-fours .card {
    flex: 0 0 44.2%;
  }
}
@media (min-width: 992px) {
  .card-deck.card-deck-fours .card {
    flex: 0 0 30%;
  }
}
@media (min-width: 1200px) {
  .card-deck.card-deck-fours .card {
    flex: 0 0 21.8%;
  }
}
@media (min-width: 1500px) {
  .card-deck.card-deck-fours .card {
    flex: 0 0 22.35%;
  }
}

/* Cards - Fourths
================================================== */
@media (min-width: 576px) {
  .card-deck.card-deck-downloads {
    margin: 0 -12px -15px -12px;
  }
}
@media (min-width: 576px) {
  .card-deck.card-deck-downloads .card {
    flex: 0 0 45%;
    margin: 0 12px;
  }
}
@media (min-width: 768px) {
  .card-deck.card-deck-downloads .card {
    flex: 0 0 29.9%;
  }
}
@media (min-width: 1500px) {
  .card-deck.card-deck-downloads .card {
    flex: 0 0 30.6%;
  }
}
.card-deck.card-deck-downloads .card-img.bg-img {
  height: 180px;
}
@media (min-width: 768px) {
  .card-deck.card-deck-downloads .card-img.bg-img {
    height: 200px;
  }
}
@media (min-width: 992px) {
  .card-deck.card-deck-downloads .card-img.bg-img {
    height: 200px;
  }
}
@media (min-width: 1500px) {
  .card-deck.card-deck-downloads .card-img.bg-img {
    height: 200px;
  }
}

/******************************************************************
Site Name: SuMo
Author: DD9
Stylesheet: Search and Filter plugin customizations
******************************************************************/
/* S&F Form
================================================== */
/* General - All S&F Forms */
.searchandfilter h4 {
  padding: 0 0 10px;
}
.searchandfilter > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.searchandfilter li {
  position: relative;
}
.searchandfilter > ul > li > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.searchandfilter > ul > li > ul > li {
  padding: 0;
  line-height: 1;
  margin-bottom: 10px;
}
.searchandfilter ul li {
  margin: 0;
  padding: 5px 0;
}
.searchandfilter > ul > li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.searchandfilter label {
  font-size: 14px;
  font-weight: normal;
  max-width: 100%;
}
.searchandfilter .sf-input-select,
.searchandfilter .sf-input-text {
  margin-bottom: 0;
}
.searchandfilter .search-filter-reset {
  background-color: #3d4147 !important;
  font-size: 16px;
  margin: 0 !important;
}
.searchandfilter li[data-sf-field-input-type=radio] label,
.searchandfilter li[data-sf-field-input-type=range-radio] label,
.searchandfilter li[data-sf-field-input-type=range-checkbox] label {
  padding-left: 5px;
}
.searchandfilter li[data-sf-field-input-type=checkbox] label {
  display: block;
  padding-left: 18px;
}
.searchandfilter input[type=checkbox] {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}

/* Manual reset button outseide form */
.manual-reset {
  border-top: 1px solid #d6d6d6;
  margin-top: 5px;
  padding-top: 10px;
}
.manual-reset .btn-manual-reset {
  background-color: #3d4147 !important;
  border: none;
  border-radius: 5px;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  margin: 0 !important;
  position: relative;
  padding: 10px 20px;
  overflow: hidden;
  text-decoration: none !important;
  transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, border-color 0.1s ease-in-out;
}

/* Inline filters bar (search only)
================================================== */
.inline-filters .searchandfilter > ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 45px;
  padding: 0 35px;
  position: relative;
  width: 100%;
}
@media (min-width: 992px) {
  .inline-filters .searchandfilter > ul {
    margin: 0 auto 60px;
    max-width: 850px;
    width: 65%;
  }
}
.inline-filters .searchandfilter > ul > li {
  margin: 0;
  padding: 0;
}
.inline-filters .searchandfilter .sf-field-search {
  width: 100%;
}
.inline-filters .searchandfilter .sf-field-search label {
  width: 100%;
}
.inline-filters .searchandfilter .sf-field-search input {
  font-size: 20px;
  padding: 10px 85px 10px 20px;
  width: 100%;
}
.inline-filters .searchandfilter .sf-field-submit {
  bottom: 1px;
  position: absolute;
  right: 33px;
  top: 1px;
  width: 60px;
}
.inline-filters .searchandfilter .sf-field-submit::before {
  color: #fd5634;
  content: "";
  font-family: "mfn-icons";
  font-size: 22px;
  display: block;
  height: 100%;
  left: 0;
  line-height: 39px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.inline-filters .searchandfilter .sf-field-submit > input[type=submit] {
  background-color: transparent;
  border: none;
  box-shadow: none;
  height: 39px;
  margin: 0 !important;
  text-indent: -999px;
  width: 60px;
}

/* Downloads S&F Sidebar Form
================================================== */
/* Bootstrap collapse */
.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

#filters-toggle {
  background-color: #3d4147;
  font-size: 16px;
  font-weight: normal;
  margin: 0 0 1rem;
  text-transform: none;
}
#filters-toggle .icon-cancel-fine {
  font-size: 16px;
}
#filters-toggle .icon-cancel-fine::before {
  margin-top: -2px;
}
#filters-toggle .icon-params-line {
  display: none;
}
#filters-toggle .icon-params-line::before {
  margin-top: -2px;
}
@media (min-width: 992px) {
  #filters-toggle {
    display: none;
  }
}

#filters-toggle.collapsed {
  background-color: #fd5634;
}
#filters-toggle.collapsed .icon-cancel-fine {
  display: none;
}
#filters-toggle.collapsed .icon-params-line {
  display: inline;
}

@media (min-width: 992px) {
  .sidebar-filters.collapse {
    display: block;
  }
}

.sidebar-filters .searchandfilter {
  margin-bottom: 2rem;
  /* Hide repeated search field (repeated below page title) */
}
@media (min-width: 992px) {
  .sidebar-filters .searchandfilter {
    margin-bottom: 0;
  }
}
.sidebar-filters .searchandfilter .sf-field-sort_order label {
  width: 100%;
}
.sidebar-filters .searchandfilter > ul > li {
  border-top: 1px solid #d6d6d6;
  margin-top: 5px;
  padding-top: 10px;
}
.sidebar-filters .searchandfilter > ul > li:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 5px;
}
.sidebar-filters .searchandfilter li[data-sf-field-input-type=checkbox] ul {
  max-height: 120px;
  overflow: auto;
}
.sidebar-filters .searchandfilter .sf-input-select {
  appearance: none;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23363636' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.55rem center/8px 10px;
  border-radius: 0.15rem;
  font-size: 14px;
  display: inline-block;
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 2.25rem 0.5rem 0.5rem;
  vertical-align: middle;
  width: 100%;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.sidebar-filters .searchandfilter .sf-input-text {
  font-size: 14px;
  margin-bottom: 0;
  width: 100%;
}
.sidebar-filters .searchandfilter .sf-field-search {
  display: none;
}

/* Results
================================================== */
#main-searchandfilter {
  margin-bottom: 2rem !important;
  margin-top: 1rem;
}
@media (min-width: 992px) {
  #main-searchandfilter {
    margin-top: 0;
  }
}

/******************************************************************
Author: DD9
Stylesheet: Ninja Forms, commented out in /style.less by default
******************************************************************/
.nf-form-wrap .nf-form-content {
  padding: 0;
  max-width: 1800px;
}

.field-wrap.submit-wrap input[type=button] {
  display: inline;
  width: auto;
}

.nf-form-content .nf-field-label {
  line-height: 1;
}

.ninja-forms-form-wrap label {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.03rem;
}

.field-wrap.html-wrap > .nf-field-element > *:last-child {
  margin-bottom: 0;
}

.nf-field-description {
  margin-bottom: 1rem;
}

/* Errors, messages, and required fields
================================================== */
.nf-form-content #ninja_forms_required_items,
.nf-form-content .nf-field-container {
  margin-bottom: 35px;
}

.nf-after-field {
  position: absolute;
  margin-top: -5px;
}

.nf-error .nf-error-msg {
  color: #DE5959;
  font-size: 12px;
}

.ninja-forms-required-items {
  color: #737E86;
}

.ninja-forms-error input,
.ninja-forms-error select,
.ninja-forms-error textarea {
  border: 1px solid #DE5959;
}

.nf-form-fields-required {
  color: #737E86;
  font-style: oblique;
  font-size: 1rem;
  margin-bottom: 1rem !important;
}

.ninja-forms-response-msg {
  margin-bottom: 5px;
}
.ninja-forms-response-msg p:empty {
  display: none;
}
.ninja-forms-response-msg p {
  margin: 0;
}

.nf-response-msg {
  padding: 1.6rem;
}
.nf-response-msg > *:last-child {
  margin-bottom: 0;
}

.nf-error-msg.nf-error-field-errors {
  background: none repeat scroll 0 0 #ffe9e9;
  border: 1px solid #fbc4c4;
  color: #de5959;
  padding: 20px;
}

.nf-error-msg.nf-error-required-error {
  color: #de5959;
  font-size: 65%;
}

.nf-form-wrap .nf-error.field-wrap .nf-field-element::after {
  height: 43px;
  line-height: 43px;
}