:root {
  --cd-charcoal: #4a535b;
  --cd-red: #ed1c24;
  --cd-ink: #20262c;
  --cd-soft: #f4f5f6;
  --cd-white: #ffffff;
}

html {
  scroll-behavior: smooth;
}

.mci-collective-dynamics-homepage #top-header,
.mci-collective-dynamics-homepage #main-header,
.mci-collective-dynamics-homepage #main-footer,
.mci-collective-dynamics-homepage .et-l--header,
.mci-collective-dynamics-homepage .et-l--footer,
.mci-collective-dynamics-homepage .entry-title {
  display: none !important;
}

.mci-collective-dynamics-homepage #page-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
  overflow: hidden;
}

.mci-collective-dynamics-homepage #main-content .container,
.mci-collective-dynamics-homepage #left-area {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

.mci-collective-dynamics-homepage #main-content .container::before {
  display: none !important;
}

.mci-collective-dynamics-homepage #page-container *,
.mci-collective-dynamics-homepage #page-container *::before,
.mci-collective-dynamics-homepage #page-container *::after {
  box-sizing: border-box;
}

.mci-collective-dynamics-homepage #overview,
.mci-collective-dynamics-homepage #advisory-services,
.mci-collective-dynamics-homepage #experience,
.mci-collective-dynamics-homepage #about-steve,
.mci-collective-dynamics-homepage #contact {
  scroll-margin-top: 24px;
}

.mci-collective-dynamics-homepage #top {
  position: relative;
  z-index: 20;
  box-shadow: 0 8px 30px rgba(32, 38, 44, 0.08);
}

.mci-collective-dynamics-homepage #top a,
.mci-collective-dynamics-homepage a {
  text-decoration: none;
}

.mci-collective-dynamics-homepage #top a {
  transition: color 0.2s ease, background-color 0.2s ease;
}

.mci-collective-dynamics-homepage #top a:hover {
  color: var(--cd-red) !important;
}

.mci-collective-dynamics-homepage #top a[href="#contact"]:hover {
  color: var(--cd-white) !important;
  background: #c9151c !important;
}

.mci-collective-dynamics-homepage #collective-dynamics-contact input,
.mci-collective-dynamics-homepage #collective-dynamics-contact textarea,
.mci-collective-dynamics-homepage #collective-dynamics-contact select {
  border: 1px solid rgba(74, 83, 91, 0.22) !important;
  border-radius: 0 !important;
  background: var(--cd-white) !important;
}

.mci-collective-dynamics-homepage #collective-dynamics-contact input:focus,
.mci-collective-dynamics-homepage #collective-dynamics-contact textarea:focus,
.mci-collective-dynamics-homepage #collective-dynamics-contact select:focus {
  border-color: var(--cd-red) !important;
  box-shadow: 0 0 0 2px rgba(237, 28, 36, 0.12);
  outline: 0;
}

.mci-collective-dynamics-homepage #collective-dynamics-contact button,
.mci-collective-dynamics-homepage #collective-dynamics-contact .et_pb_contact_submit {
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.mci-collective-dynamics-homepage #collective-dynamics-contact button:hover,
.mci-collective-dynamics-homepage #collective-dynamics-contact .et_pb_contact_submit:hover {
  transform: translateY(-2px);
  background: #c9151c !important;
}

@media (max-width: 980px) {
  .mci-collective-dynamics-homepage #top .et_pb_row {
    align-items: center;
  }

  .mci-collective-dynamics-homepage #top p {
    white-space: normal !important;
  }
}

@media (max-width: 767px) {
  .mci-collective-dynamics-homepage #top .et_pb_row,
  .mci-collective-dynamics-homepage #top .et_pb_column {
    width: 100% !important;
  }

  .mci-collective-dynamics-homepage #top p {
    text-align: center !important;
    line-height: 2.4em !important;
  }

  .mci-collective-dynamics-homepage #top p a {
    display: inline-block;
    margin: 3px 7px !important;
  }

  .mci-collective-dynamics-homepage #top img {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .mci-collective-dynamics-homepage * {
    transition: none !important;
  }
}