/*
How to Drill Specific Styling.
*/
/*
Global Variables

@import this file at the top of each page
template file to make variables available.
*/
/*
Mixins

Add mixins to any css page using @include

e.g.
.element{
	@include transition( background .2s ease-out )
}
*/
.noflex {
  display: block !important;
}

.block .block-inner {
  align-items: center;
}
.block ul {
  padding-left: 0px;
  margin-left: 0px;
}
.block ul li {
  list-style: none;
  position: relative;
  padding-bottom: 20px;
  padding-left: 60px;
}
.block ul li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  background: url("/wp-content/uploads/2020/01/arrow-list.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 35px;
  height: 21px;
  margin-right: 20px;
}

.inner-flex {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 900px) {
  .inner-flex {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}

.howto-txt {
  width: 60%;
  padding-right: 5%;
}
@media screen and (max-width: 900px) {
  .howto-txt {
    width: 100%;
  }
}

.block-grey .howto-txt {
  padding-left: 5%;
  padding-right: 0%;
}

.howto-graphic {
  width: 40%;
  text-align: center;
}
@media screen and (max-width: 900px) {
  .howto-graphic {
    width: 100%;
  }
}

.step2 {
  margin-bottom: 80px;
}

.step4 {
  align-items: flex-start !important;
}
.step4 .howto-graphic {
  margin-top: 10%;
}

.block-repeater {
  align-items: baseline;
}
.block-repeater .block-item .desc {
  max-width: 100% !important;
  padding: 0 5% !important;
}
@media screen and (max-width: 500px) {
  .block-repeater .block-item .desc {
    padding: 10px !important;
  }
}

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

.resources {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.resources .file-button {
  margin: 0px 15px;
}

.files {
  list-style: none;
}
.files li {
  padding-bottom: 0px !important;
}
.files li:before {
  display: none !important;
}

.file {
  background: #EFEDED;
  color: white;
  margin-bottom: 25px;
  width: auto;
  padding: 35px 45px;
  border-radius: 37px;
  text-align: left;
  text-decoration: none;
  color: #236092;
  font-size: 18px;
  margin-right: 15px;
  font-weight: 600;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.file:hover {
  color: white;
  background: #FFA01C;
}
.file:hover svg path {
  fill: white;
}
.file svg {
  margin-left: 25px;
  position: relative;
  top: 15px;
}

.if-business {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin: 0 auto;
  margin-top: 40px;
}
.if-business > div {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
}
.if-business .secondary-heading {
  max-width: 450px;
  text-align: center;
}

/*# sourceMappingURL=how-to-run-drill.css.map */