/**
* Base Colors
*/
/**************************
  Media Queries
***************************/
/*************************
  Fonts
**************************/
/*************************
  Button colours
**************************/
/*************************
  Location page colours
**************************/
/*************************
  Form colours
**************************/
/*************************
  Sidebar variables
**************************/
/*************************
  404 button background
**************************/
/*************************
  Results Partial
**************************/
/*************************
  Swiper
**************************/
/*************************
  Footer Top
**************************/
/*************************
  Green Branded - ticket-50234862
**************************/
/* Additional Mixins */
.uppercase-title {
  font-family: var(--secondary-font), sans-serif;
  color: #2b2b2b;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 0.15rem;
  text-align: center;
}

.neutral {
  background: url("../images/neutral-pattern.jpg");
}

@media screen and (min-width: 768px) {
  .neutral {
    background: url("../images/neutral-banner-desktop.jpg");
  }
}
.accordion-mhk {
  margin-bottom: 0 !important;
  padding-bottom: 70px;
}

.accordion-mhk .cw-accordion__item {
  margin-bottom: 16px;
  box-shadow: 0px 8px 40px rgba(24, 39, 75, 0.08);
}

.accordion-mhk .cw-accordion__item-title {
  border: none;
  text-transform: uppercase;
  font-family: var(--main-font), sans-serif;
  padding-top: 20px;
}

@media (max-width: 767px) {
  .accordion-mhk .cw-accordion__item-title {
    letter-spacing: 0 !important;
    padding-top: 9px !important;
    padding-bottom: 8px !important;
    background-size: 24px 24px !important;
    background-position: top 50% right 13px !important;
  }
}
.accordion-mhk .cw-accordion__item-content, .accordion-mhk .cw-accordion__item-title {
  border-radius: 0 !important;
}

.p-unset {
  position: unset;
}

/* Mdi */
.mdi {
  max-width: 1280px;
  margin: 0 auto;
  background: #ebe9ce;
  padding: 20px 0 0;
  overflow: hidden;
}

.mdi .top {
  display: flex;
  align-items: center;
  background: #333;
  padding: 14px 0;
  max-width: 955px;
  position: relative;
  z-index: 9;
}

.mdi .top h1 {
  color: #fff;
  text-transform: uppercase;
  font-size: 34px;
  font-weight: 100;
  margin-left: 20px;
  line-height: 1.25em;
  padding-bottom: 0;
}

.mdi .top h1 strong {
  color: #fff;
  text-transform: uppercase;
  font-size: 48px;
  display: block;
}

.mdi .top h1 strong a {
  color: #fff;
  text-transform: uppercase;
  font-size: 47px;
}

.mdi h2 {
  font-family: Roboto;
  font-weight: 700;
  text-transform: uppercase;
}

.mdi header .bottom {
  max-width: 900px;
  padding: 20px;
  position: relative;
  z-index: 999;
}

.mdi header .bottom ul {
  flex-flow: row wrap;
  padding: 0;
}

.mdi header .bottom li {
  flex: 0 0 25%;
  font-size: 25px;
  background: url(/wp-content/uploads/2019/05/mdi-map-icon.png) 0 0 no-repeat;
  padding-left: 30px;
}

.mdi header .bottom li:nth-child(3) {
  flex: 0 0 35%;
}

.mdi .sec1 .items {
  max-width: 900px;
  padding: 20px;
}

.mdi .sec1 .items .item {
  display: flex;
  margin-bottom: 85px;
  margin-top: 15px;
  align-items: center;
}

.mdi .sec1 .items .item > div {
  flex: 0 0 13%;
}

.mdi .sec1 .items .item p {
  font-size: 25px;
  padding: 0;
}

.mdi h3 {
  font-family: Roboto;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  font-size: 48px;
}

.mdi .sec1 h3 a {
  background: #b03034;
  color: #fff;
  padding: 25px;
  max-width: 400px;
  line-height: 1.25;
  text-align: center;
  border: 12px solid #fff;
  border-right: 0;
  position: absolute;
  z-index: 999;
  right: 0;
  top: 0;
}

.mdi .sec1 h3 a:hover {
  background: #333;
}

.mdi .sec1 {
  position: relative;
  overflow: visible;
  z-index: 9;
}

.mdi .sec2 {
  z-index: 99;
  position: relative;
  justify-content: space-between;
}

.mdi .sec2 .l {
  flex: 0 0 45%;
  background: #333;
  color: #fff;
  margin-bottom: 30px;
  padding: 30px 0;
}

.mdi .sec2 .l ul {
  padding-left: 20px;
}

.mdi .sec2 .r {
  flex: 0 0 52%;
}

.mdi .sec2 h2 {
  color: #fff;
  padding: 0 30px;
  margin: 0 0 30px;
}

@media screen and (min-width: 768px) {
  .mdi .sec2 h2 {
    font-size: 38px;
  }
}
.mdi .sec2 .l li {
  font-size: 25px;
  font-family: Roboto;
  padding: 0 30px 40px 40px;
  background: 0 0;
  color: #fff;
}

.mdi .sec2 .l li:before {
  content: "";
  width: 15px;
  height: 15px;
  background: #fff;
  display: inline-block;
  margin-left: -35px;
  margin-right: 15px;
}

.mdi .sec2 .r h3 {
  background: #333;
  padding: 25px 70px 25px 70px;
  display: table;
  max-width: 400px;
  line-height: 1.25;
  text-align: center;
  border: 12px solid #fff;
}

.mdi .sec2 .r h4 {
  font-family: Roboto;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 35px;
}

.mdi .sec2 .r p {
  font-size: 25px;
  font-weight: 700;
}

.mdi .sec2 .r .item {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.mdi .sec2 .r .item > div:nth-child(1) {
  margin-right: 30px;
}

.mdi .sec2 .r .item:nth-child(3) h4 {
  font-size: 80px;
  line-height: 1;
  padding: 0;
}

.mdi .sources {
  background: #b03034;
  padding: 30px 20px;
}

.mdi .sources * {
  color: rgba(255, 255, 255, 0.5);
}

.mdi .sources h5 {
  font-size: 30px;
  font-weight: 300;
}

.mdi .sources ul {
  padding: 0;
}

.mdi .sources ul li {
  font-weight: 700;
  padding-left: 0;
  background: 0 0;
}

.mdi footer {
  height: 200px;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 0;
}

.mdi footer a, .mdi footer img {
  margin: auto;
}

.mdi .top h1 strong a:hover {
  color: #b03034;
}

.mdi .map {
  display: table;
  font-size: 25px;
  font-weight: 700;
  padding-left: 30px;
  background: url(/wp-content/uploads/2019/05/mdi-map-icon-alt.png) left top no-repeat;
}

@media (min-width: 1025px) {
  /*.mdi .sec1:after {
    content: "";
    height: 770px;
    background: #bec94a;
    width: 300%;
    position: absolute;
    transform: rotate(-35deg);
    top: 0;
    left: -80%;
    z-index: -99
  }*/
  .mdi .map {
    position: absolute;
    z-index: 99;
  }
  .mdi .map:nth-child(1) {
    width: 230px;
    bottom: 100px;
    left: 380px;
  }
  .mdi .map:nth-child(2) {
    width: 285px;
    bottom: 615px;
    left: 120px;
  }
  .mdi .map:nth-child(3) {
    width: 260px;
    bottom: 454px;
    left: 827px;
  }
  .mdi .map:nth-child(4) {
    width: 330px;
    top: 196px;
    left: 526px;
  }
  .mdi .map:nth-child(5) {
    width: 260px;
    bottom: 596px;
    right: -20px;
  }
  .mdi .map:before {
    position: absolute;
  }
  .mdi .map:nth-child(1):before {
    content: "";
    background: url(/wp-content/uploads/2019/05/mdi-sec1-icon7.png) no-repeat;
    width: 292px;
    height: 165px;
    bottom: 109px;
  }
  .mdi .map:nth-child(2):before {
    content: "";
    background: url(/wp-content/uploads/2019/05/mdi-sec1-icon8.png) no-repeat;
    width: 121px;
    height: 129px;
    bottom: -350px;
    left: -111px;
  }
  .mdi .map:nth-child(3):before {
    content: "";
    background: url(/wp-content/uploads/2019/05/mdi-sec1-icon6.png) no-repeat;
    width: 145px;
    height: 95px;
    bottom: -82px;
    left: 290px;
  }
  .mdi .map:nth-child(4):before {
    content: "";
    background: url(/wp-content/uploads/2019/05/mdi-sec1-icon4.png) no-repeat;
    width: 349px;
    height: 256px;
    top: -279px;
    left: 144px;
  }
  .mdi .map:nth-child(5):before {
    content: "";
    background: url(/wp-content/uploads/2019/05/mdi-sec1-icon5.png) no-repeat;
    width: 260px;
    height: 117px;
    bottom: -10px;
    left: -165px;
  }
  .mdi .maps:before {
    content: "";
    background: url(/wp-content/uploads/2019/05/mdi-sec1-icon3.png) no-repeat;
    width: 263px;
    height: 388px;
    top: -281px;
    right: 0;
    position: absolute;
  }
  .mdi .top:after {
    content: "";
    width: 160px;
    height: 100%;
    position: absolute;
    right: -120px;
    top: 0;
    border-top: solid #333 138px;
    border-right: solid #ebe8ce 212px;
    z-index: -99;
  }
  .mdi .sec2 .r h3 {
    margin: 0 auto 55px;
  }
  .mdi .sec2 {
    display: flex;
  }
  .mdi .sec1 {
    height: 1000px;
  }
}
@media (min-width: 769px) {
  .mdi header .bottom ul {
    display: flex;
  }
  .mdi .sec1 .items .item:nth-child(1) p {
    flex: 0 0 58%;
  }
  .mdi .sec1 .items .item:nth-child(2) p {
    flex: 0 0 38%;
  }
}
@media (max-width: 1024px) {
  .mdi .sec1 .new-map {
    background-size: contain !important;
    background-position: top center !important;
  }
  .mdi .sec1 h3 a {
    border-right: 12px solid #fff;
    margin: 0 auto 30px;
    position: relative;
  }
  .mdi .sec2 .r h3 {
    margin: 0 auto 30px;
  }
  .mdi .sec2 .items {
    padding: 0 20px;
  }
  .mdi .sec1 .maps {
    padding: 10px 20px;
  }
  .mdi .sec1 .maps:before {
    content: "";
    background: url(/wp-content/uploads/2019/05/maps-bg.png) center no-repeat;
    width: 110%;
    height: 200px;
    position: relative;
    display: block;
    background-size: contain;
    margin: 0 -5% 20px;
  }
  .mdi .sec1 .items .item > div {
    padding-right: 20px;
  }
  .mdi .map {
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .mdi .top {
    flex-flow: column;
  }
  .mdi h3 {
    font-size: 22px;
    text-align: center;
    padding: 20px !important;
  }
  .mdi .top h1, .mdi .top h1 * {
    font-size: 24px !important;
    line-height: 1;
    margin-top: 10px;
    text-align: center;
  }
  .mdi li, .mdi p {
    font-size: 16px !important;
    line-height: initial;
  }
  .mdi h2 {
    font-size: 22px;
  }
  .mdi .sec2 .l li:before {
    margin-right: 20px;
  }
  .mdi .sources ul li {
    word-break: break-all;
  }
}
.mdi .sec1 .new-map {
  background: url(/wp-content/uploads/2019/05/mdi-map.png) center no-repeat;
  height: 655px;
  background-size: cover;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.mdi .sec1 .notes {
  background: rgba(255, 255, 255, 0.7);
  padding: 10px;
}

.mdi .sec1 .notes p {
  font-size: 12px;
  padding: 0;
  line-height: 1.5;
  margin-bottom: 0;
}

.mdi .sec1 .notes p span {
  background: #4d4d4d;
  width: 16px;
  height: 16px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-weight: 700;
  line-height: 1.35;
}

.mdi .sec1 .notes p em {
  font-weight: 700;
  font-style: inherit;
  font-size: 12px;
}

.mdi .sec1 .notes p:nth-child(3) span {
  background: #b12f34;
}

/*# sourceMappingURL=tp-mdi.css.map*/