.ui-widget {
  font-family: inherit;
}

.turquoise-blue-bg {
  background-color: #00cace;
}

.white-bg {
  background: #fff;
}

.grey-bg {
  background: #f5f6f5;
}

.nasty-green-bg {
  background: #71bf45;
}

.charcoal-grey-bg {
  background: #343a40;
}
.charcoal-grey-bg h1,
.charcoal-grey-bg h2,
.charcoal-grey-bg h3,
.charcoal-grey-bg h4,
.charcoal-grey-bg h5,
.charcoal-grey-bg h6 {
	color: #fff !important;
}

.tangerine-bg {
  background: #fc8f06;
}

.charcoal-grey-bg-light {
  background: #343a40;
  opacity: 0.8;
}

.green-blue-bg {
  opacity: 0.95;
  background-image: linear-gradient(to bottom, #71bf45, #0656a2);
}

.green-darkgreen-bg {
  background-image: linear-gradient(to bottom, #71bf45, #599234);
}
.green-darkgreen-bg h1,
.green-darkgreen-bg h2,
.green-darkgreen-bg h3,
.green-darkgreen-bg h4,
.green-darkgreen-bg h5,
.green-darkgreen-bg h6 {
   color: #fff !important;
}

.blue-darkblue-bg {
  background-image: linear-gradient(to bottom, #00a4a6, #0656a2);
}
.blue-darkblue-bg h1,
.blue-darkblue-bg h2,
.blue-darkblue-bg h3,
.blue-darkblue-bg h4,
.blue-darkblue-bg h5,
.blue-darkblue-bg h6 {
	color: #fff !important;
}

.moss-green-bg {
  background: #599234;
}

.ocean-blue-bg {
  background: #0656a2;
}

.teal-blue-bg {
  background: #007a86;
}
.teal-blue-bg h1,
.teal-blue-bg h2,
.teal-blue-bg h3,
.teal-blue-bg h4,
.teal-blue-bg h5,
.teal-blue-bg h6 {
	color: #fff !important;
}

.white-text-wrapper p, .white-text-wrapper li, .white-text-wrapper a, .white-text-wrapper h1, .white-text-wrapper h2, .white-text-wrapper h3, .white-text-wrapper h4, .white-text-wrapper h5, .white-text-wrapper h6 {
  color: white;
  margin: 0;
}

.white-text {
  color: white;
}

/* ==========================================================================

// Base Stylesheet - http://getbase.org
// Author: Matthew Hartman - http://www.matthewhartman.com.au/
// Version: 3.2.2 - Last Updated: February 16, 2017

========================================================================== */
@font-face {
  font-family: "open_24_display_stregular";
  src: url("../fonts/open_24_display_st-webfont.woff2") format("woff2"), url("../fonts/open_24_display_st-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  font-family: inherit;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}

body, form, fieldset, legend, input, select, textarea, button {
  margin: 0;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

audio, canvas, progress, video {
  display: inline-block;
}

progress {
  vertical-align: baseline;
}

[hidden], template {
  display: none;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  line-height: 22px;
  color: #343a40;
  font-weight: 400;
  background: #fff;
}
@media only screen and (min-width: 740px) {
  body {
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem;
  }
}

.date {
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  color: #82848e;
}

.font-italic {
  font-style: italic;
}

.cave-text {
  font-family: "Caveat";
  font-size: 28px;
  line-height: 36px;
}
@media only screen and (min-width: 740px) {
  .cave-text {
    font-size: 34px;
    line-height: 48px;
  }
}

.line-title h2 {
  padding: 0 8px;
}
@media only screen and (min-width: 740px) {
  .line-title h2 {
    padding: 0 30px;
  }
}
.line-title span.line {
  max-width: 22px;
  height: 1px;
  background: #343a40;
  margin: 0;
  flex: 1 0 auto;
}
@media only screen and (min-width: 740px) {
  .line-title span.line {
    max-width: 102px;
  }
}
@media only screen and (min-width: 980px) {
  .line-title span.line {
    max-width: 202px;
  }
}

p {
  margin: 0 0 20px 0;
}

a {
  color: #343a40;
  text-decoration: underline;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:active, a:hover {
  color: #343a40;
  outline-width: 0;
  text-decoration: none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
}
h1 a:active, h1 a:hover, h2 a:active, h2 a:hover, h3 a:active, h3 a:hover, h4 a:active, h4 a:hover, h5 a:active, h5 a:hover, h6 a:active, h6 a:hover {
  text-decoration: underline;
}

a h1, a h2, a h3, a h4, a h5, a h6 {
  text-decoration: none;
}
a h1:active, a h1:hover, a h2:active, a h2:hover, a h3:active, a h3:hover, a h4:active, a h4:hover, a h5:active, a h5:hover, a h6:active, a h6:hover {
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", sans-serif;
  margin: 0;
}

h1, .fs-1 {
  font-size: 34px;
  line-height: 46px;
}
@media only screen and (min-width: 740px) {
  h1, .fs-1 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 51px;
    line-height: 3.1875rem;
  }
}

h2, .fs-2 {
  font-size: 30px;
  line-height: 42px;
}
@media only screen and (min-width: 740px) {
  h2, .fs-2 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 46px;
    line-height: 2.875rem;
  }
}

h3, .fs-3 {
  font-size: 27px;
  line-height: 38px;
}
@media only screen and (min-width: 740px) {
  h3, .fs-3 {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 38px;
    line-height: 2.375rem;
  }
}

h4, .fs-4 {
  font-size: 24px;
  line-height: 30px;
}
@media only screen and (min-width: 740px) {
  h4, .fs-4 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 32px;
    line-height: 2rem;
  }
}

h5, .fs-5 {
  font-size: 21px;
  line-height: 29px;
}
@media only screen and (min-width: 740px) {
  h5, .fs-5 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 32px;
    line-height: 2rem;
  }
}

h6, .fs-6 {
  font-size: 34px;
  line-height: 46px;
}
@media only screen and (min-width: 740px) {
  h6, .fs-6 {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem;
  }
}

h1 {
  margin-bottom: 0.5em;
  color: #343a40;
  font-weight: 400;
}

h2 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  color: #343a40;
  font-weight: 400;
}

h3 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  color: #343a40;
  font-weight: 400;
}

h4 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  color: #343a40;
  font-weight: 400;
}

h5 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  color: #343a40;
  font-weight: 400;
}

h6 {
  margin-bottom: 0.1em;
  color: #343a40;
  font-weight: 400;
}

.digital-text {
  font-size: 70px;
  line-height: 80px;
  font-family: "open_24_display_stregular";
}
@media only screen and (min-width: 740px) {
  .digital-text {
    font-size: 130px;
    line-height: 140px;
  }
}

.leading-text {
  font-size: 20px;
  line-height: 32px;
}
@media only screen and (min-width: 740px) {
  .leading-text {
    font-size: 22px;
    line-height: 38px;
  }
}

.hero-text {
  font-size: 36px;
  line-height: 50px;
}
@media only screen and (min-width: 740px) {
  .hero-text {
    font-size: 45px;
    line-height: 63px;
  }
}

.caveat-text {
  font-size: 27px;
  line-height: 31px;
}
@media only screen and (min-width: 740px) {
  .caveat-text {
    font-size: 34px;
    line-height: 36px;
  }
}

b, strong, .strong {
  font-weight: 700;
}

em, .em {
  font-style: italic;
}

abbr[title], .abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

dfn {
  font-style: italic;
}

small, .small {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16px;
  line-height: 1rem;
}

mark, .mark {
  background-color: #ff0;
  color: #000;
}

sub, .sub, sup, .sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub, .sub {
  bottom: -0.25em;
}

sup, .sup {
  top: -0.5em;
}

del, .del {
  text-decoration: line-through;
}

figure {
  margin: 1em 40px;
}

hr, .hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 1px;
  background: #eee;
  border: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}

.big-quotes {
  position: absolute;
  left: 0;
  z-index: 1;
  top: 0;
}

p.larger {
  font-size: 1.25em;
}

ul, ol {
  margin: 20px 0;
  padding: 0 0 0 40px;
}

dl:before, dl:after {
  content: " ";
  display: table;
}
dl:after {
  clear: both;
}
dl dt {
  float: left;
  width: 25%;
  display: block;
  font-weight: 400;
}
dl dd {
  overflow: hidden;
  display: block;
}

caption {
  font-size: inherit;
  line-height: normal;
  font-weight: 700;
  text-align: left;
  padding: 10px;
  border-bottom: 1px solid #d7d7d7;
}

table {
  font-size: 14px;
  font-size: 0.875rem;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0;
  text-align: left;
}
table thead td,
table thead th,
table tbody td,
table tbody th,
table tfoot td,
table tfoot th {
  color: #585858;
  padding: 10px;
  border-bottom: 1px solid #e9e9e9;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

label,
button,
input,
optgroup,
select,
textarea {
  border-radius: 0;
  color: #343a40;
  font: inherit;
  margin: 0;
}

[type=text],
[type=email],
[type=password],
[type=tel],
[type=number],
[type=date] {
  padding: 14px 14px;
  background-color: #fff;
  border: 1px solid #ccc;
  -moz-appearance: textfield;
  border-radius: 0;
  width: 100%;
}
[type=text]:focus,
[type=email]:focus,
[type=password]:focus,
[type=tel]:focus,
[type=number]:focus,
[type=date]:focus {
  background-color: #fff;
  border-color: #f7c723;
  outline: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=date]::-webkit-inner-spin-button {
  display: none;
}

[type=checkbox],
[type=radio] {
  border-radius: 0;
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

textarea {
  border-radius: 0;
  padding: 14px 14px;
  background-color: #fff;
  border: 1px solid #ccc;
  overflow: auto;
  border-radius: 0;
  width: 100%;
}
textarea:focus {
  background-color: #fff;
  border-color: #f7c723;
  outline: 0;
}

.checker .wpcf7-list-item-label {
  display: none;
}
.checker .inline {
  font-size: 14px;
  padding-left: 10px;
}

select {
  border-radius: 0;
  height: 50px;
  text-transform: none;
  padding: 14px 14px;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
}
select:focus {
  background-color: #fff;
  border-color: #f7c723;
  outline: 0;
}

optgroup {
  font-weight: 700;
}

button {
  border-radius: 0;
  overflow: visible;
  text-transform: none;
  cursor: pointer;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  border-radius: 0;
}

.wpcf7-submit {
  background: transparent;
  border: 0;
  color: white;
  width: 100%;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

button[disabled],
html input[disabled] {
  cursor: not-allowed;
}

input::-webkit-input-placeholder {
  color: #abacb0;
}

input:-moz-placeholder {
  color: #abacb0;
}

input::-moz-placeholder {
  color: #abacb0;
}

input:-ms-input-placeholder {
  color: #abacb0;
}

body div.wpcf7-validation-errors {
  background: #EE4751;
  color: white;
  text-align: center;
  padding: 10px;
  font-weight: bold;
  border: 0;
  margin-left: 0px;
  width: 100%;
}

.screen-reader-response[role=alert] {
  display: none;
}

[role=alert] {
  display: block;
  padding: 10px;
  margin: 10px 20px 20px;
  background: #EE4751;
  color: white;
  text-align: center;
  font-weight: bold;
  clear: both;
}
[role=alert].wpcf7-not-valid-tip {
  margin: 0;
  text-align: left;
  font-weight: normal;
  background: transparent;
  padding: 5px 0 0 0;
}

body #download-form div.wpcf7-validation-errors {
  background: #EE4751;
  color: white;
  text-align: center;
  padding: 10px;
  font-weight: bold;
  border: 0;
  margin-left: 15px;
  width: auto;
  margin-right: 15px;
  margin-bottom: 20px;
}

body .wpcf7-not-valid-tip {
  color: white;
}

input::placeholder {
  color: #abacb0;
  font-style: italic;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #abacb0;
  font-style: italic;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #abacb0;
  font-style: italic;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #abacb0;
  font-style: italic;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #abacb0;
  font-style: italic;
}

.webform-submission-form {
  width: 100%;
}
.webform-submission-form .form-actions {
  display: flex;
  justify-content: center;
}

.button {
  cursor: pointer;
  border: 1px solid #d7d7d7;
  background-color: #f3f3f3;
  line-height: normal;
  padding: 10px 20px;
  text-decoration: none;
  color: #363636;
  display: inline-block;
  transition: all 0.3s;
}
.button:hover, .button:active {
  text-decoration: none;
}
.button:hover {
  background: #f9f9f9;
}

.button-link {
  color: #343a40;
  text-decoration: underline;
  border: 0;
  background: transparent;
  padding: 0;
}
.button-link:hover {
  text-decoration: none;
}
.button-link:active {
  outline: 0;
}

.read-more-button {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.63;
  text-align: left;
  color: #0656a2;
  transition: 300ms color ease;
  text-decoration: none;
}
.read-more-button:hover {
  color: #00cace;
  text-decoration: none;
  transition: 300ms color ease;
}

.pink-button {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  color: #fff !important;
  background: #d2057c;
  padding: 16px 55px;
  border: solid 1px white !important;
  border-radius: 50px;
  text-decoration: none;
  transition: 300ms background ease;
}
.pink-button:hover {
  color: #fff;
  transition: 300ms background ease;
  background: #870350;
}

.clear:before, .clear:after {
  content: " ";
  display: table;
}

.clear:after {
  clear: both;
}

.row:before, .row:after {
  content: "";
  display: table;
}

.row:after {
  clear: both;
}

.row {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
}

@media only screen and (min-width: 740px) {
  .row-m {
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
  }
  .row-m:before, .row-m:after {
    content: "";
    display: table;
  }
  .row-m:after {
    clear: both;
  }

  .clear-m:before, .clear-m:after {
    content: "";
    display: table;
  }

  .clear-m:after {
    clear: both;
  }
}
@media only screen and (min-width: 980px) {
  .row-l {
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
  }
  .row-l:before, .row-l:after {
    content: "";
    display: table;
  }
  .row-l:after {
    clear: both;
  }

  .clear-l:before, .clear-l:after {
    content: "";
    display: table;
  }

  .clear-l:after {
    clear: both;
  }
}
@media only screen and (min-width: 1140px) {
  .row-xl {
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
  }
  .row-xl:before, .row-xl:after {
    content: "";
    display: table;
  }
  .row-xl:after {
    clear: both;
  }

  .clear-xl:before, .clear-xl:after {
    content: "";
    display: table;
  }

  .clear-xl:after {
    clear: both;
  }
}
.container, .container-full {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 740px) {
  .container {
    width: 720px;
  }

  .container-m, .container-full-m {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
  }

  .container-m {
    width: 720px;
  }

  .container-full-m {
    width: auto;
  }
}
@media only screen and (min-width: 980px) {
  .container {
    width: 960px;
  }

  .container-l, .container-full-l {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
  }

  .container-l {
    width: 960px;
  }

  .container-full-l {
    width: auto;
  }
}
@media only screen and (min-width: 1140px) {
  .container {
    width: 1120px;
  }

  .container-xl, .container-full-xl {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
  }

  .container-xl {
    width: 1120px;
  }

  .container-full-xl {
    width: auto;
  }
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-1-2,
.col-1-3,
.col-2-3,
.col-1-4,
.col-3-4,
.col-1-5,
.col-2-5,
.col-3-5,
.col-4-5 {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  float: left;
}

.col-1 {
  width: 8.3333333333%;
}

.col-2 {
  width: 16.6666666667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.3333333333%;
}

.col-5 {
  width: 41.6666666667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.3333333333%;
}

.col-8 {
  width: 66.6666666667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.3333333333%;
}

.col-11 {
  width: 91.6666666667%;
}

.col-12 {
  width: 100%;
}

.col-1-2 {
  width: 50%;
}

.col-1-3 {
  width: 33.3333333333%;
}

.col-2-3 {
  width: 66.6666666667%;
}

.col-1-4 {
  width: 25%;
}

.col-3-4 {
  width: 75%;
}

.col-1-5 {
  width: 20%;
}

.col-2-5 {
  width: 40%;
}

.col-3-5 {
  width: 60%;
}

.col-4-5 {
  width: 80%;
}

.col-full {
  width: 100%;
}

.push-1 {
  left: 8.3333333333%;
}

.push-2 {
  left: 16.6666666667%;
}

.push-3 {
  left: 25%;
}

.push-4 {
  left: 33.3333333333%;
}

.push-5 {
  left: 41.6666666667%;
}

.push-6 {
  left: 50%;
}

.push-7 {
  left: 58.3333333333%;
}

.push-8 {
  left: 66.6666666667%;
}

.push-9 {
  left: 75%;
}

.push-10 {
  left: 83.3333333333%;
}

.push-11 {
  left: 91.6666666667%;
}

.push-1-2 {
  left: 50%;
}

.push-1-3 {
  left: 33.3333333333%;
}

.push-2-3 {
  left: 66.6666666667%;
}

.push-1-4 {
  left: 25%;
}

.push-3-4 {
  left: 75%;
}

.push-1-5 {
  left: 20%;
}

.push-2-5 {
  left: 40%;
}

.push-3-5 {
  left: 60%;
}

.push-4-5 {
  left: 80%;
}

.pull-1 {
  left: -8.3333333333%;
}

.pull-2 {
  left: -16.6666666667%;
}

.pull-3 {
  left: -25%;
}

.pull-4 {
  left: -33.3333333333%;
}

.pull-5 {
  left: -41.6666666667%;
}

.pull-6 {
  left: -50%;
}

.pull-7 {
  left: -58.3333333333%;
}

.pull-8 {
  left: -66.6666666667%;
}

.pull-9 {
  left: -75%;
}

.pull-10 {
  left: -83.3333333333%;
}

.pull-11 {
  left: -91.6666666667%;
}

.pull-1-2 {
  left: -50%;
}

.pull-1-3 {
  left: -33.3333333333%;
}

.pull-2-3 {
  left: -66.6666666667%;
}

.pull-1-4 {
  left: -25%;
}

.pull-3-4 {
  left: -75%;
}

.pull-1-5 {
  left: -20%;
}

.pull-2-5 {
  left: -40%;
}

.pull-3-5 {
  left: -60%;
}

.pull-4-5 {
  left: -80%;
}

@media only screen and (min-width: 740px) {
  .col-1-m,
.col-2-m,
.col-3-m,
.col-4-m,
.col-5-m,
.col-6-m,
.col-7-m,
.col-8-m,
.col-9-m,
.col-10-m,
.col-11-m,
.col-12-m,
.col-1-2-m,
.col-1-3-m,
.col-2-3-m,
.col-1-4-m,
.col-3-4-m,
.col-1-5-m,
.col-2-5-m,
.col-3-5-m,
.col-4-5-m {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: left;
  }

  .col-1-m {
    width: 8.3333333333%;
  }

  .col-2-m {
    width: 16.6666666667%;
  }

  .col-3-m {
    width: 25%;
  }

  .col-4-m {
    width: 33.3333333333%;
  }

  .col-5-m {
    width: 41.6666666667%;
  }

  .col-6-m {
    width: 50%;
  }

  .col-7-m {
    width: 58.3333333333%;
  }

  .col-8-m {
    width: 66.6666666667%;
  }

  .col-9-m {
    width: 75%;
  }

  .col-10-m {
    width: 83.3333333333%;
  }

  .col-11-m {
    width: 91.6666666667%;
  }

  .col-12-m {
    width: 100%;
  }

  .col-1-2-m {
    width: 50%;
  }

  .col-1-3-m {
    width: 33.3333333333%;
  }

  .col-2-3-m {
    width: 66.6666666667%;
  }

  .col-1-4-m {
    width: 25%;
  }

  .col-3-4-m {
    width: 75%;
  }

  .col-1-5-m {
    width: 20%;
  }

  .col-2-5-m {
    width: 40%;
  }

  .col-3-5-m {
    width: 60%;
  }

  .col-4-5-m {
    width: 80%;
  }

  .col-full-m {
    width: 100%;
  }

  .push-1-m {
    left: 8.3333333333%;
  }

  .push-2-m {
    left: 16.6666666667%;
  }

  .push-3-m {
    left: 25%;
  }

  .push-4-m {
    left: 33.3333333333%;
  }

  .push-5-m {
    left: 41.6666666667%;
  }

  .push-6-m {
    left: 50%;
  }

  .push-7-m {
    left: 58.3333333333%;
  }

  .push-8-m {
    left: 66.6666666667%;
  }

  .push-9-m {
    left: 75%;
  }

  .push-10-m {
    left: 83.3333333333%;
  }

  .push-11-m {
    left: 91.6666666667%;
  }

  .push-1-2-m {
    left: 50%;
  }

  .push-1-3-m {
    left: 33.3333333333%;
  }

  .push-2-3-m {
    left: 66.6666666667%;
  }

  .push-1-4-m {
    left: 25%;
  }

  .push-3-4-m {
    left: 75%;
  }

  .push-1-5-m {
    left: 20%;
  }

  .push-2-5-m {
    left: 40%;
  }

  .push-3-5-m {
    left: 60%;
  }

  .push-4-5-m {
    left: 80%;
  }

  .pull-1-m {
    left: -8.3333333333%;
  }

  .pull-2-m {
    left: -16.6666666667%;
  }

  .pull-3-m {
    left: -25%;
  }

  .pull-4-m {
    left: -33.3333333333%;
  }

  .pull-5-m {
    left: -41.6666666667%;
  }

  .pull-6-m {
    left: -50%;
  }

  .pull-7-m {
    left: -58.3333333333%;
  }

  .pull-8-m {
    left: -66.6666666667%;
  }

  .pull-9-m {
    left: -75%;
  }

  .pull-10-m {
    left: -83.3333333333%;
  }

  .pull-11-m {
    left: -91.6666666667%;
  }

  .pull-1-2-m {
    left: -50%;
  }

  .pull-1-3-m {
    left: -33.3333333333%;
  }

  .pull-2-3-m {
    left: -66.6666666667%;
  }

  .pull-1-4-m {
    left: -25%;
  }

  .pull-3-4-m {
    left: -75%;
  }

  .pull-1-5-m {
    left: -20%;
  }

  .pull-2-5-m {
    left: -40%;
  }

  .pull-3-5-m {
    left: -60%;
  }

  .pull-4-5-m {
    left: -80%;
  }
}
@media only screen and (min-width: 980px) {
  .col-1-l,
.col-2-l,
.col-3-l,
.col-4-l,
.col-5-l,
.col-6-l,
.col-7-l,
.col-8-l,
.col-9-l,
.col-10-l,
.col-11-l,
.col-12-l,
.col-1-2-l,
.col-1-3-l,
.col-2-3-l,
.col-1-4-l,
.col-3-4-l,
.col-1-5-l,
.col-2-5-l,
.col-3-5-l,
.col-4-5-l {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: left;
  }

  .col-1-l {
    width: 8.3333333333%;
  }

  .col-2-l {
    width: 16.6666666667%;
  }

  .col-3-l {
    width: 25%;
  }

  .col-4-l {
    width: 33.3333333333%;
  }

  .col-5-l {
    width: 41.6666666667%;
  }

  .col-6-l {
    width: 50%;
  }

  .col-7-l {
    width: 58.3333333333%;
  }

  .col-8-l {
    width: 66.6666666667%;
  }

  .col-9-l {
    width: 75%;
  }

  .col-10-l {
    width: 83.3333333333%;
  }

  .col-11-l {
    width: 91.6666666667%;
  }

  .col-12-l {
    width: 100%;
  }

  .col-1-2-l {
    width: 50%;
  }

  .col-1-3-l {
    width: 33.3333333333%;
  }

  .col-2-3-l {
    width: 66.6666666667%;
  }

  .col-1-4-l {
    width: 25%;
  }

  .col-3-4-l {
    width: 75%;
  }

  .col-1-5-l {
    width: 20%;
  }

  .col-2-5-l {
    width: 40%;
  }

  .col-3-5-l {
    width: 60%;
  }

  .col-4-5-l {
    width: 80%;
  }

  .col-full-l {
    width: 100%;
  }

  .push-1-l {
    left: 8.3333333333%;
  }

  .push-2-l {
    left: 16.6666666667%;
  }

  .push-3-l {
    left: 25%;
  }

  .push-4-l {
    left: 33.3333333333%;
  }

  .push-5-l {
    left: 41.6666666667%;
  }

  .push-6-l {
    left: 50%;
  }

  .push-7-l {
    left: 58.3333333333%;
  }

  .push-8-l {
    left: 66.6666666667%;
  }

  .push-9-l {
    left: 75%;
  }

  .push-10-l {
    left: 83.3333333333%;
  }

  .push-11-l {
    left: 91.6666666667%;
  }

  .push-1-2-l {
    left: 50%;
  }

  .push-1-3-l {
    left: 33.3333333333%;
  }

  .push-2-3-l {
    left: 66.6666666667%;
  }

  .push-1-4-l {
    left: 25%;
  }

  .push-3-4-l {
    left: 75%;
  }

  .push-1-5-l {
    left: 20%;
  }

  .push-2-5-l {
    left: 40%;
  }

  .push-3-5-l {
    left: 60%;
  }

  .push-4-5-l {
    left: 80%;
  }

  .pull-1-l {
    left: -8.3333333333%;
  }

  .pull-2-l {
    left: -16.6666666667%;
  }

  .pull-3-l {
    left: -25%;
  }

  .pull-4-l {
    left: -33.3333333333%;
  }

  .pull-5-l {
    left: -41.6666666667%;
  }

  .pull-6-l {
    left: -50%;
  }

  .pull-7-l {
    left: -58.3333333333%;
  }

  .pull-8-l {
    left: -66.6666666667%;
  }

  .pull-9-l {
    left: -75%;
  }

  .pull-10-l {
    left: -83.3333333333%;
  }

  .pull-11-l {
    left: -91.6666666667%;
  }

  .pull-1-2-l {
    left: -50%;
  }

  .pull-1-3-l {
    left: -33.3333333333%;
  }

  .pull-2-3-l {
    left: -66.6666666667%;
  }

  .pull-1-4-l {
    left: -25%;
  }

  .pull-3-4-l {
    left: -75%;
  }

  .pull-1-5-l {
    left: -20%;
  }

  .pull-2-5-l {
    left: -40%;
  }

  .pull-3-5-l {
    left: -60%;
  }

  .pull-4-5-l {
    left: -80%;
  }
}
@media only screen and (min-width: 1140px) {
  .col-1-xl,
.col-2-xl,
.col-3-xl,
.col-4-xl,
.col-5-xl,
.col-6-xl,
.col-7-xl,
.col-8-xl,
.col-9-xl,
.col-10-xl,
.col-11-xl,
.col-12-xl,
.col-1-2-xl,
.col-1-3-xl,
.col-2-3-xl,
.col-1-4-xl,
.col-3-4-xl,
.col-1-5-xl,
.col-2-5-xl,
.col-3-5-xl,
.col-4-5-xl {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: left;
  }

  .col-1-xl {
    width: 8.3333333333%;
  }

  .col-2-xl {
    width: 16.6666666667%;
  }

  .col-3-xl {
    width: 25%;
  }

  .col-4-xl {
    width: 33.3333333333%;
  }

  .col-5-xl {
    width: 41.6666666667%;
  }

  .col-6-xl {
    width: 50%;
  }

  .col-7-xl {
    width: 58.3333333333%;
  }

  .col-8-xl {
    width: 66.6666666667%;
  }

  .col-9-xl {
    width: 75%;
  }

  .col-10-xl {
    width: 83.3333333333%;
  }

  .col-11-xl {
    width: 91.6666666667%;
  }

  .col-12-xl {
    width: 100%;
  }

  .col-1-2-xl {
    width: 50%;
  }

  .col-1-3-xl {
    width: 33.3333333333%;
  }

  .col-2-3-xl {
    width: 66.6666666667%;
  }

  .col-1-4-xl {
    width: 25%;
  }

  .col-3-4-xl {
    width: 75%;
  }

  .col-1-5-xl {
    width: 20%;
  }

  .col-2-5-xl {
    width: 40%;
  }

  .col-3-5-xl {
    width: 60%;
  }

  .col-4-5-xl {
    width: 80%;
  }

  .col-full-xl {
    width: 100%;
  }

  .push-1-xl {
    left: 8.3333333333%;
  }

  .push-2-xl {
    left: 16.6666666667%;
  }

  .push-3-xl {
    left: 25%;
  }

  .push-4-xl {
    left: 33.3333333333%;
  }

  .push-5-xl {
    left: 41.6666666667%;
  }

  .push-6-xl {
    left: 50%;
  }

  .push-7-xl {
    left: 58.3333333333%;
  }

  .push-8-xl {
    left: 66.6666666667%;
  }

  .push-9-xl {
    left: 75%;
  }

  .push-10-xl {
    left: 83.3333333333%;
  }

  .push-11-xl {
    left: 91.6666666667%;
  }

  .push-1-2-xl {
    left: 50%;
  }

  .push-1-3-xl {
    left: 33.3333333333%;
  }

  .push-2-3-xl {
    left: 66.6666666667%;
  }

  .push-1-4-xl {
    left: 25%;
  }

  .push-3-4-xl {
    left: 75%;
  }

  .push-1-5-xl {
    left: 20%;
  }

  .push-2-5-xl {
    left: 40%;
  }

  .push-3-5-xl {
    left: 60%;
  }

  .push-4-5-xl {
    left: 80%;
  }

  .pull-1-xl {
    left: -8.3333333333%;
  }

  .pull-2-xl {
    left: -16.6666666667%;
  }

  .pull-3-xl {
    left: -25%;
  }

  .pull-4-xl {
    left: -33.3333333333%;
  }

  .pull-5-xl {
    left: -41.6666666667%;
  }

  .pull-6-xl {
    left: -50%;
  }

  .pull-7-xl {
    left: -58.3333333333%;
  }

  .pull-8-xl {
    left: -66.6666666667%;
  }

  .pull-9-xl {
    left: -75%;
  }

  .pull-10-xl {
    left: -83.3333333333%;
  }

  .pull-11-xl {
    left: -91.6666666667%;
  }

  .pull-1-2-xl {
    left: -50%;
  }

  .pull-1-3-xl {
    left: -33.3333333333%;
  }

  .pull-2-3-xl {
    left: -66.6666666667%;
  }

  .pull-1-4-xl {
    left: -25%;
  }

  .pull-3-4-xl {
    left: -75%;
  }

  .pull-1-5-xl {
    left: -20%;
  }

  .pull-2-5-xl {
    left: -40%;
  }

  .pull-3-5-xl {
    left: -60%;
  }

  .pull-4-5-xl {
    left: -80%;
  }
}
body {
  position: relative;
  overflow-x: hidden;
}

.overlay {
  position: fixed;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  z-index: 2;
  opacity: 0;
  left: -100%;
  transition: opacity 0.5s, left 0.1s;
}

.overlay.open {
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 0.5s, left 0.1s;
  opacity: 1;
}

.hamburger span:after, .hamburger span:before, .hamburger span {
  width: 32px;
  height: 4px;
  background-color: #73BE4C;
  display: block;
  border-radius: 10px;
}

.hamburger-wrapper {
  z-index: 9;
  position: relative;
}

.hamburger {
  width: 34px;
  height: 34px;
  cursor: pointer;
  background: transparent;
  padding: 9px 5px 5px 5px;
  z-index: 10;
  margin-left: 20px;
}
.hamburger span {
  transition-duration: 0s;
  margin: 0 auto;
  position: relative;
  top: 8px;
  width: 32px;
  border-radius: 10px;
}
.hamburger span:before {
  transition-property: margin, transform;
  transition-duration: 0.2s;
  margin-top: -8px;
  position: absolute;
  content: "";
  width: 32px;
}
.hamburger span:after {
  transition-property: margin, transform;
  transition-duration: 0.2s;
  margin-top: 8px;
  position: absolute;
  content: "";
  width: 32px;
}
.hamburger.open span {
  background-color: transparent;
}
.hamburger.open span:before {
  margin-top: 0;
  transform: rotate(45deg);
  background-color: lightgrey;
}
.hamburger.open span:after {
  margin-top: 0;
  transform: rotate(-45deg);
  background-color: lightgrey;
}

.move {
  transform: translate(0, 0);
  transition: 300ms transform ease;
}
.move.open {
  transform: translate(-300px, 0);
  transition: 300ms transform ease;
}

#mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 300px;
  height: 100%;
  background: #f5f6f5;
  z-index: 12;
  transform: translate(300px, 0);
  transition: 300ms transform ease;
}
#mobile-menu.open {
  transform: translate(0, 0);
  transition: 300ms transform ease;
}
#mobile-menu ul {
  margin: 0;
  padding: 15px;
}
#mobile-menu ul li {
  list-style-type: none;
}
#mobile-menu ul li a,
#mobile-menu ul li span {
  display: block;
  padding: 15px;
  font-size: 17px;
  color: #fc8f06;
  text-decoration: none;
  border-bottom: solid 1px #e8eae8;
}
#mobile-menu ul li a:hover {
  text-decoration: none;
}
#mobile-menu ul li.current_page_item > a, #mobile-menu ul li.menu-item--active-trail > a {
  background: #00a4a6;
  color: #fff;
}

#mobile-menu ul li.current_page_item a, #mobile-menu ul li.menu-item--active-trail a {
  padding-left: 2em;
}

#mobile-menu .menu-item--expanded,
#mobile-menu .menu-item--collapsed {
  list-style-type: none;
  list-style: none;
}

#mobile-menu ul ul {
  padding: 0;
  margin: 0;
}

@media print {
  *,
*:before,
*:after {
    background: transparent;
    color: #000;
    box-shadow: none;
    text-shadow: none;
  }

  a, a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: "";
  }

  pre, blockquote {
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr {
    page-break-inside: avoid;
  }

  img {
    page-break-inside: avoid;
    max-width: 100%;
  }

  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }
}
#header {
  background: #383962;
}

.container {
  width: 100%;
  margin: auto;
  max-width: 1200px;
}
@media only screen and (min-width: 980px) {
  .container {
    max-width: 74%;
  }
}

.main-header-menu ul {
  padding: 0;
  margin: 0;
}
.main-header-menu ul li {
  margin: 0;
  padding: 0;
}
.main-header-menu ul li a {
  display: block;
  text-decoration: none;
  padding: 50px 15px;
  transition: background 300ms ease;
  font-size: 17px;
  font-weight: bold;
  white-space: nowrap;
}
.main-header-menu ul li a:hover {
  background: lightgrey;
  transition: background 300ms ease;
}
.main-header-menu ul li a.is-active {
  background: #0656a2;
  color: white;
  transition: background 300ms ease;
}

/*Basic Grid Styles*/
#block-digitalunite-page-title {
  width: 100%;
}
@media only screen and (min-width: 740px) {
  #block-digitalunite-page-title {
    width: calc(100% - 293px);
  }
}

.footer-menu ul {
  padding: 0;
  margin: 0;
}
.footer-menu ul li {
  margin: 0;
  padding: 0;
  list-style-type: disc;
  color: white;
  display: flex;
  align-items: center;
}
.footer-menu ul li a {
  display: inline-block;
  text-decoration: none;
  padding: 10px 15px 10px 0;
  transition: color 300ms ease;
  font-size: 17px;
  color: white;
}
@media only screen and (min-width: 980px) {
  .footer-menu ul li a {
    padding: 10px 15px;
  }
}
.footer-menu ul li a:hover {
  color: #71bf45;
  transition: color 300ms ease;
}
.footer-menu ul li a.is-active {
  color: #71bf45;
  transition: color 300ms ease;
}

.twitter-wrapper #twitter-widget-0 {
  position: relative !important;
  height: 100% !important;
  top: 0 !important;
}
@media only screen and (min-width: 980px) {
  .twitter-wrapper #twitter-widget-0 {
    position: absolute !important;
  }
}

.footer-bottom {
  min-height: 240px;
}

.big-footer-button {
  background: #71bf45;
  transition: background 300ms ease;
  color: white;
}
@media only screen and (min-width: 740px) {
  .big-footer-button {
    width: 50%;
  }
}
@media only screen and (min-width: 980px) {
  .big-footer-button {
    width: auto;
  }
}
.big-footer-button.first {
  border-bottom: solid 1px white;
}
@media only screen and (min-width: 740px) {
  .big-footer-button.first {
    border-bottom: 0;
  }
}
@media only screen and (min-width: 980px) {
  .big-footer-button.first {
    border-bottom: solid 1px white;
  }
}
.big-footer-button:hover {
  background: #599234;
  transition: background 300ms ease;
  color: white;
}

body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
}

body #wrapper {
  background: white;
  color: #282828;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

#footer {
  margin-top: auto;
  background: grey;
}

#block-digitalunite-branding {
  max-width: 537px;
}
#block-digitalunite-branding a {
  display: block;
}
#block-digitalunite-branding img {
  width: 100%;
  height: auto;
  display: block;
}

.coloured-block .white-text {
  color: white;
}
.coloured-block .white-text a,
.coloured-block .white-text h1,
.coloured-block .white-text h2,
.coloured-block .white-text h3,
.coloured-block .white-text h4,
.coloured-block .white-text h5,
.coloured-block .white-text h6 {
  color: white;
}

.field--name-body a,
.field--name-field-body a,
.leftside-content a,
.rightside-content a,
.white-cell a
 {
  color: #D6398D;
}
.blue-cell a,
.turq-cell a,
.text-left-m a {
  color: #fff;
}

aside .coloured-block h2.white-text {
  font-size: 25px;
  line-height: 32px;
}

.recent-news .view-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.recent-news .view-content img {
  width: 100%;
  height: auto;
}
.recent-news.view-display-id-block_3 {
  clear: both;
}
.recent-news.view-display-id-block_3 .view-content {
  clear: both;
  display: block;
}
.recent-news.view-display-id-block_3 .view-content a {
  font-size: 15px;
  line-height: 20px;
  transition: color 300ms ease;
}
.recent-news.view-display-id-block_3 .view-content a:hover {
  color: #0656a2;
  transition: color 300ms ease;
}
.recent-news.view-display-id-block_1 {
  clear: both;
}
.recent-news.view-display-id-block_1 .view-content {
  clear: both;
  display: flex;
  flex-wrap: wrap;
}
.recent-news.view-display-id-block_1 .view-content a {
  line-height: 20px;
  transition: color 300ms ease;
}
.recent-news.view-display-id-block_1 .view-content a:hover {
  color: #0656a2;
  transition: color 300ms ease;
}

.our-clients-home .view-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.our-clients-home .view-content img {
  width: 100%;
  height: auto;
}

aside .newsletter-block .left-background,
aside .newsletter-block .right-background {
  display: none;
}

.newsletter-block {
  position: relative;
}
.newsletter-block .darkgreen-bg {
  background: linear-gradient(to bottom, #00a9ae 0%, #00888b 100%);
}
.newsletter-block .left-background {
  position: absolute;
  left: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(to bottom, #00a9ae 0%, #00888b 100%);
}
.newsletter-block .right-background {
  position: absolute;
  right: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(to bottom, #00c1c5 0%, #009a9c 100%);
}
.newsletter-block .lightgreen-bg {
  background: linear-gradient(to bottom, #00c1c5 0%, #009a9c 100%);
}
.newsletter-block .darkgreen-light-green-bg {
  background: linear-gradient(to right, #1aa7a9 0%, #1aa7a9 50%, #20c3c6 50%, #20c3c6 100%);
}
.newsletter-block input {
  border: 0;
  width: 100%;
}

.social-media-sharing ul {
  margin: 0;
  padding: 0;
}
.social-media-sharing ul li {
  margin: 0;
}
.social-media-sharing ul li a {
  height: 53px;
  width: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: 300ms ease opacity;
}
.social-media-sharing ul li a img {
  width: 0;
  height: 0;
}
.social-media-sharing ul li a.email {
  background: url("/themes/digitalunite/images/email-icon.svg") no-repeat center center;
}
.social-media-sharing ul li a.linkedin {
  background: url("/themes/digitalunite/images/linkedin.svg") no-repeat center center;
}
.social-media-sharing ul li a.twitter {
  background: url("/themes/digitalunite/images/twitter.svg") no-repeat center center;
}
.social-media-sharing ul li a.facebook-share {
  background: url("/themes/digitalunite/images/facebook.svg") no-repeat center center;
}
.social-media-sharing ul li a.whatsapp-share {
  background: url("/themes/digitalunite/images/whatsapp.svg") no-repeat center center;
}
.social-media-sharing ul li a.pdf {
  background: url("/themes/digitalunite/images/pdf.svg") no-repeat center center;
}
.social-media-sharing ul li a:hover {
  opacity: 0.8;
  transition: 300ms ease opacity;
}

.region-beforecontent {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 40px;
  flex-direction: column;
}
@media only screen and (min-width: 740px) {
  .region-beforecontent {
    flex-direction: row;
    align-items: center;
  }
}
.region-beforecontent h1 {
  margin: 0;
  margin-bottom: 1em;
  padding-bottom: 5px;
}

@media only screen and (min-width: 740px) {
  .region-beforecontent #block-socialsharingblock {
    margin-left: auto;
    padding-left: 30px;
  }
}

.page-node-type-blog .region-beforecontent {
  padding-bottom: 0;
}

.blog-sidebar-posts {
  background: #4caf50;
}

@media only screen and (max-width: 740px) {
  .blog-pages-content img {
    width: 100% !important;
    height: auto !important;
  }
}



.three-blocks-with-images ul {
  padding: 0;
  margin: 0;
}
.three-blocks-with-images ul li {
  list-style-position: inside;
}

.quote-marks {
  font-size: 34px;
}

blockquote.bigquotes {
  font-size: 34px;
  line-height: 48px;
  font-family: "Caveat";
  padding-left: 20px;
  padding-top: 41px;
  position: relative;
  margin: 0;
}
blockquote.bigquotes:before {
  content: "";
  background: url(/themes/digitalunite/images/quotes.svg) no-repeat center center/contain;
  position: absolute;
  left: 0px;
  top: 10px;
  display: block;
  width: 100px;
  height: 80px;
  z-index: -1;
}

.triangle-block .leftside-content ul {
  padding: 0;
  margin: 0;
}
.triangle-block .leftside-content ul li {
  list-style-position: inside;
  list-style-type: none;
  position: relative;
  padding: 0 0 20px 40px;
}
.triangle-block .leftside-content ul li:before {
  content: "";
  height: 5px;
  width: 5px;
  border-radius: 100%;
  position: absolute;
  left: 15px;
  top: 10px;
  background: #343a40;
  flex-grow: 0;
  flex-shrink: 0;
}
.triangle-block .rightside-content ul {
  text-align: center;
  padding: 0;
  margin: 0;
}
.triangle-block .rightside-content ul li {
  list-style-position: inside;
  list-style-type: none;
  position: relative;
  padding: 0 0 0 10px;
  display: flex;
  justify-content: center;
}
.triangle-block .rightside-content ul li:before {
  content: "";
  height: 5px;
  width: 5px;
  border-radius: 100%;
  left: 2px;
  top: 11px;
  background: #343a40;
  display: block;
  margin-right: 7px;
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
}

.triangle-set {
  position: absolute;
  right: 10px;
  height: 50px;
  width: calc(100% + 20px);
  top: -18px;
  left: -10px;
  transform: rotate(2deg);
}
@media only screen and (min-width: 740px) {
  .triangle-set {
    position: absolute;
    left: -37px;
    right: auto;
    height: 100%;
    transform: skew(-11deg);
    width: 160px;
    top: 0;
  }
}

.triangle-set2 {
  position: absolute;
  right: 15px;
  height: 100%;
  width: calc(100% + 30px);
  top: 250px;
  left: -15px;
  transform: rotate(2deg);
}

.block-webform-set2 .form-actions {
  margin-bottom: 0;
}

.block-webform-set .webform-submission-form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media only screen and (min-width: 740px) {
  .block-webform-set .webform-submission-form {
    flex-direction: row;
  }
}
.block-webform-set .form-item {
  width: 100%;
}
@media only screen and (min-width: 740px) {
  .block-webform-set .form-item {
    width: 50%;
    margin: 0;
  }
}
@media only screen and (min-width: 740px) {
  .block-webform-set .form-item.form-item-email {
    padding-left: 10px;
  }
}
.block-webform-set .form-actions {
  width: 100%;
  justify-content: center;
}
@media only screen and (min-width: 740px) {
  .block-webform-set .form-actions {
    justify-content: flex-start;
  }
}

.newsletter-block {
  border-top: solid 1px white;
}

#block-searchform {
  background-image: linear-gradient(to bottom, #00c1c5 0%, #009a9c 100%);
  margin-bottom: 30px;
}
#block-searchform h2 {
  margin: 0;
  padding: 15px;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 32px;
  line-height: 2rem;
  color: white;
  background: linear-gradient(to bottom, #00a9ae 0%, #00888b 100%);
}
#block-searchform form {
  padding: 0 15px 15px 15px;
  display: flex;
  flex-direction: column;
  position: relative;
}
#block-searchform #edit-submit {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  background: #d2057c;
  padding: 16px 55px;
  border: solid 1px white !important;
  border-radius: 50px;
  text-decoration: none;
  transition: 300ms background ease;
}
#block-searchform #edit-submit:hover {
  color: #fff;
  transition: 300ms background ease;
  background: #b9046d;
}
#block-searchform #edit-keys {
  width: 100%;
  padding: 14px;
  box-sizing: border-box;
}

.search-results {
  margin: 0;
  padding: 0;
}
.search-results li {
  margin: 0 0 40px 0;
}
.search-results li h3 a {
  color: #D6398D;
  text-decoration: none;
}
.search-results li .search-result__info {
  display: none;
}

img {
  max-width: 100%;
  height: auto;
}

.field--name-field-guide-related {
  padding-bottom: 40px;
}

ul.links {
  padding-left: 0;
  margin: 5px 0;
}
ul.links a:hover {
  text-decoration: none;
}

table th h2 {
  font-size: 1.4em;
}
table th h3 {
  font-size: 1.3em;
}
table th h4 {
  font-size: 1.2em;
}
table th h5 {
  font-size: 1.1em;
}
table th h6 {
  font-size: 1em;
}
table td.green-cell, table th.green-cell {
  background-color: #71bf45;
  color: #fff !important;
}
table td.green-cell h2, table td.green-cell h3, table td.green-cell h4, table td.green-cell h5, table td.green-cell h6, table th.green-cell h2, table th.green-cell h3, table th.green-cell h4, table th.green-cell h5, table th.green-cell h6 {
  color: #fff;
}
table td.turq-cell, table th.turq-cell {
  background-color: #00a4a6;
  color: #fff !important;
}
table td.turq-cell h2, table td.turq-cell h3, table td.turq-cell h4, table td.turq-cell h5, table td.turq-cell h6, table th.turq-cell h2, table th.turq-cell h3, table th.turq-cell h4, table th.turq-cell h5, table th.turq-cell h6 {
  color: #fff;
}
table td.blue-cell, table th.blue-cell {
  background-color: #0656a2;
  color: #fff !important;
}
table td.blue-cell h2, table td.blue-cell h3, table td.blue-cell h4, table td.blue-cell h5, table td.blue-cell h6, table th.blue-cell h2, table th.blue-cell h3, table th.blue-cell h4, table th.blue-cell h5, table th.blue-cell h6 {
  color: #fff;
}
table td.grey-cell, table th.grey-cell {
  background-color: #343a40;
  color: #fff !important;
}
table td.grey-cell h2, table td.grey-cell h3, table td.grey-cell h4, table td.grey-cell h5, table td.grey-cell h6, table th.grey-cell h2, table th.grey-cell h3, table th.grey-cell h4, table th.grey-cell h5, table th.grey-cell h6 {
  color: #fff;
}
table td.orange-cell, table th.orange-cell {
  background-color: #fc8f06;
  color: #fff !important;
}
table td.orange-cell h2, table td.orange-cell h3, table td.orange-cell h4, table td.orange-cell h5, table td.orange-cell h6, table th.orange-cell h2, table th.orange-cell h3, table th.orange-cell h4, table th.orange-cell h5, table th.orange-cell h6 {
  color: #fff;
}
table td.white-cell, table th.white-cell {
  background-color: #ffffff;
  color: inherit !important;
}

table.with-borders td {
  border: 1px solid #cacaca;
}

.text-align-center {
  text-align: center;
}

.text-align-right {
  text-align: right;
}

.text-align-justify {
  text-align: justify;
}

img.align-right {
  float: none;
}

img.align-left {
  float: none;
}

@media only screen and (min-width: 740px) {
  img.align-right {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
  }

  img.align-left {
    float: left;
    margin-left: 30px;
    margin-bottom: 30px;
  }
}
html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.container-fluid,
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.cursor {
  cursor: pointer;
}

.no-margin {
  margin: 0;
}

.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.no-float {
  float: none;
}

.no-background {
  background: transparent;
}

.no-border {
  border: 0;
}

.no-select {
  user-select: none;
  cursor: default;
}

.margin-top-auto {
  margin-top: auto;
}

.font-300 {
  font-weight: 300;
}

.font-400 {
  font-weight: 400;
}

.font-500 {
  font-weight: 500;
}

.font-600 {
  font-weight: 600;
}

.clear {
  clear: both;
}

.overflow {
  overflow: hidden;
}

.no-decoration {
  text-decoration: none;
}
.no-decoration:hover {
  text-decoration: underline;
}
.no-decoration a {
  text-decoration: none;
}
.no-decoration a:hover {
  text-decoration: underline;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.font-normal {
  font-style: normal;
}

.font-italic {
  font-style: italic;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.none {
  display: none;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.flex-row {
  flex-direction: row;
}

.flex-column {
  flex-direction: column;
}

.flex-space-around {
  justify-content: space-around;
}

.flex-space-between {
  justify-content: space-between;
}

.flex-start {
  justify-content: flex-start;
}

.flex-center {
  justify-content: center;
}

.flex-end {
  justify-content: flex-end;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.align-items {
  align-items: center;
}

.flex-fill {
  flex: 1 0 auto;
}

.align-items-end {
  align-items: end;
}

.left {
  float: left;
}

.right {
  float: right;
}

.center {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.pad-top-5 {
  padding-top: 5px;
}

.pad-top-10 {
  padding-top: 10px;
}

.pad-top-15 {
  padding-top: 15px;
}

.pad-top-20 {
  padding-top: 20px;
}

.pad-top-25 {
  padding-top: 25px;
}

.pad-top-30 {
  padding-top: 30px;
}

.pad-top-35 {
  padding-top: 35px;
}

.pad-top-40 {
  padding-top: 40px;
}

.pad-top-45 {
  padding-top: 45px;
}

.pad-top-50 {
  padding-top: 50px;
}

.pad-top-55 {
  padding-top: 55px;
}

.pad-top-60 {
  padding-top: 60px;
}

.pad-top-70 {
  padding-top: 70px;
}

.pad-top-80 {
  padding-top: 80px;
}

.pad-top-100 {
  padding-top: 100px;
}

.pad-bottom-5 {
  padding-bottom: 5px;
}

.pad-bottom-10 {
  padding-bottom: 10px;
}

.pad-bottom-15 {
  padding-bottom: 15px;
}

.pad-bottom-20 {
  padding-bottom: 20px;
}

.pad-bottom-25 {
  padding-bottom: 25px;
}

.pad-bottom-30 {
  padding-bottom: 30px;
}

.pad-bottom-35 {
  padding-bottom: 35px;
}

.pad-bottom-40 {
  padding-bottom: 40px;
}

.pad-bottom-45 {
  padding-bottom: 45px;
}

.pad-bottom-50 {
  padding-bottom: 50px;
}

.pad-bottom-55 {
  padding-bottom: 55px;
}

.pad-bottom-60 {
  padding-bottom: 60px;
}

.pad-bottom-70 {
  padding-bottom: 70px;
}

.pad-bottom-80 {
  padding-bottom: 80px;
}

.pad-bottom-100 {
  padding-bottom: 100px;
}

.pad-5 {
  padding: 5px;
}

.pad-10 {
  padding: 10px;
}

.pad-15 {
  padding: 15px;
}

.pad-20 {
  padding: 20px;
}

.pad-25 {
  padding: 25px;
}

.pad-30 {
  padding: 30px;
}

.pad-35 {
  padding: 35px;
}

.pad-40 {
  padding: 40px;
}

.pad-45 {
  padding: 45px;
}

.pad-50 {
  padding: 50px;
}

.pad-55 {
  padding: 55px;
}

.pad-60 {
  padding: 60px;
}

.order1 {
  order: 1;
}

.order2 {
  order: 2;
}

.padding {
  padding-left: 15px;
  padding-right: 15px;
}

.pad-left-0 {
  padding-left: 0;
}

.pad-left-5 {
  padding-left: 5px;
}

.pad-left-10 {
  padding-left: 10px;
}

.pad-left-15 {
  padding-left: 15px;
}

.pad-left-20 {
  padding-left: 20px;
}

.pad-left-30 {
  padding-left: 30px;
}

.pad-left-40 {
  padding-left: 40px;
}

.pad-left-50 {
  padding-left: 50px;
}

.pad-right-0 {
  padding-right: 0;
}

.pad-right-5 {
  padding-right: 5px;
}

.pad-right-10 {
  padding-right: 10px;
}

.pad-right-15 {
  padding-right: 15px;
}

.pad-right-20 {
  padding-right: 20px;
}

.pad-right-30 {
  padding-right: 30px;
}

.pad-right-40 {
  padding-right: 40px;
}

.pad-right-50 {
  padding-right: 50px;
}

@media only screen and (min-width: 740px) {
  .padding-m {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pad-left-0-m {
    padding-left: 0;
  }

  .pad-left-5-m {
    padding-left: 5px;
  }

  .pad-left-10-m {
    padding-left: 10px;
  }

  .pad-left-15-m {
    padding-left: 15px;
  }

  .pad-left-20-m {
    padding-left: 20px;
  }

  .pad-left-30-m {
    padding-left: 30px;
  }

  .pad-left-40-m {
    padding-left: 40px;
  }

  .pad-left-50-m {
    padding-left: 50px;
  }

  .pad-right-0-m {
    padding-right: 0;
  }

  .pad-right-5-m {
    padding-right: 5px;
  }

  .pad-right-10-m {
    padding-right: 10px;
  }

  .pad-right-15-m {
    padding-right: 15px;
  }

  .pad-right-20-m {
    padding-right: 20px;
  }

  .pad-right-30-m {
    padding-right: 30px;
  }

  .pad-right-40-m {
    padding-right: 40px;
  }

  .pad-right-50-m {
    padding-right: 50px;
  }

  .margin-left-auto-m {
    margin-left: auto;
  }

  .margin-right-auto-m {
    margin-right: auto;
  }

  .align-items-m {
    align-items: center;
  }

  .order1-m {
    order: 1;
  }

  .order2-m {
    order: 2;
  }

  .margin-left-auto-m {
    margin-left: auto;
  }

  .no-float-m {
    float: none;
  }

  .no-padding-m {
    padding-left: 0;
    padding-right: 0;
  }

  .no-margin-m {
    margin: 0;
  }

  .relative-m {
    position: relative;
  }

  .absolute-m {
    position: absolute;
  }

  .static-m {
    position: static;
  }

  .fixed-m {
    position: fixed;
  }

  .none-m {
    display: none;
  }

  .block-m {
    display: block;
  }

  .inline-block-m {
    display: inline-block;
  }

  .inline-m {
    display: inline;
  }

  .flex-m {
    display: flex;
  }

  .flex-row-m {
    flex-direction: row;
  }

  .flex-column-m {
    flex-direction: column;
  }

  .flex-space-around-m {
    justify-content: space-around;
  }

  .flex-space-between-m {
    justify-content: space-between;
  }

  .flex-start-m {
    justify-content: flex-start;
  }

  .flex-center-m {
    justify-content: center;
  }

  .flex-end-m {
    justify-content: flex-end;
  }

  .flex-wrap-m {
    flex-wrap: wrap;
  }

  .flex-nowrap-m {
    flex-wrap: nowrap;
  }

  .flex-fill-m {
    flex: 1 0 auto;
  }

  .self-flex-end {
    align-self: flex-end;
  }

  .left-m {
    float: left;
  }

  .right-m {
    float: right;
  }

  .center-m {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .text-left-m {
    text-align: left;
  }

  .text-right-m {
    text-align: right;
  }

  .text-center-m {
    text-align: center;
  }

  .text-justify-m {
    text-align: justify;
  }

  .no-col-m {
    width: auto;
    float: none;
  }

  .no-push-m, .no-pull-m {
    left: 0;
  }

  .pad-top-0-m {
    padding-top: 0;
  }

  .pad-top-5-m {
    padding-top: 5px;
  }

  .pad-top-10-m {
    padding-top: 10px;
  }

  .pad-top-15-m {
    padding-top: 15px;
  }

  .pad-top-20-m {
    padding-top: 20px;
  }

  .pad-top-25-m {
    padding-top: 25px;
  }

  .pad-top-30-m {
    padding-top: 30px;
  }

  .pad-top-35-m {
    padding-top: 35px;
  }

  .pad-top-40-m {
    padding-top: 40px;
  }

  .pad-top-45-m {
    padding-top: 45px;
  }

  .pad-top-50-m {
    padding-top: 50px;
  }

  .pad-top-55-m {
    padding-top: 55px;
  }

  .pad-top-60-m {
    padding-top: 60px;
  }

  .pad-bottom-0-m {
    padding-bottom: 0;
  }

  .pad-bottom-5-m {
    padding-bottom: 5px;
  }

  .pad-bottom-10-m {
    padding-bottom: 10px;
  }

  .pad-bottom-15-m {
    padding-bottom: 15px;
  }

  .pad-bottom-20-m {
    padding-bottom: 20px;
  }

  .pad-bottom-25-m {
    padding-bottom: 25px;
  }

  .pad-bottom-30-m {
    padding-bottom: 30px;
  }

  .pad-bottom-35-m {
    padding-bottom: 35px;
  }

  .pad-bottom-40-m {
    padding-bottom: 40px;
  }

  .pad-bottom-45-m {
    padding-bottom: 45px;
  }

  .pad-bottom-50-m {
    padding-bottom: 50px;
  }

  .pad-bottom-55-m {
    padding-bottom: 55px;
  }

  .pad-bottom-60-m {
    padding-bottom: 60px;
  }

  .pad-0-m {
    padding: 0;
  }

  .pad-5-m {
    padding: 5px;
  }

  .pad-10-m {
    padding: 10px;
  }

  .pad-15-m {
    padding: 15px;
  }

  .pad-20-m {
    padding: 20px;
  }

  .pad-25-m {
    padding: 25px;
  }

  .pad-30-m {
    padding: 30px;
  }

  .pad-35-m {
    padding: 35px;
  }

  .pad-40-m {
    padding: 40px;
  }

  .pad-45-m {
    padding: 45px;
  }

  .pad-50-m {
    padding: 50px;
  }

  .pad-55-m {
    padding: 55px;
  }

  .pad-60-m {
    padding: 60px;
  }
}
@media only screen and (min-width: 1201px) {
  .padding-l {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pad-left-0-l {
    padding-left: 0;
  }

  .pad-left-5-l {
    padding-left: 5px;
  }

  .pad-left-10-l {
    padding-left: 10px;
  }

  .pad-left-15-l {
    padding-left: 15px;
  }

  .pad-left-20-l {
    padding-left: 20px;
  }

  .pad-left-30-l {
    padding-left: 30px;
  }

  .pad-left-40-l {
    padding-left: 40px;
  }

  .pad-left-50-l {
    padding-left: 50px;
  }

  .pad-right-0-l {
    padding-right: 0;
  }

  .pad-right-5-l {
    padding-right: 5px;
  }

  .pad-right-10-l {
    padding-right: 10px;
  }

  .pad-right-15-l {
    padding-right: 15px;
  }

  .pad-right-20-l {
    padding-right: 20px;
  }

  .pad-right-30-l {
    padding-right: 30px;
  }

  .pad-right-40-l {
    padding-right: 40px;
  }

  .pad-right-50-l {
    padding-left: 50px;
  }

  .margin-left-auto-l {
    margin-left: auto;
  }

  .margin-right-auto-l {
    margin-right: auto;
  }

  .align-items-l {
    align-items: center;
  }

  .order1-l {
    order: 1;
  }

  .order2-l {
    order: 2;
  }

  .margin-left-auto-l {
    margin-left: auto;
  }

  .no-float-l {
    float: none;
  }

  .no-padding-l {
    padding-left: 0;
    padding-right: 0;
  }

  .no-margin-l {
    margin: 0;
  }

  .relative-l {
    position: relative;
  }

  .absolute-l {
    position: absolute;
  }

  .static-l {
    position: static;
  }

  .fixed-l {
    position: fixed;
  }

  .none-l {
    display: none;
  }

  .block-l {
    display: block;
  }

  .inline-block-l {
    display: inline-block;
  }

  .inline-l {
    display: inline;
  }

  .flex-l {
    display: flex;
  }

  .flex-row-l {
    flex-direction: row;
  }

  .flex-column-l {
    flex-direction: column;
  }

  .flex-space-around-l {
    justify-content: space-around;
  }

  .flex-space-between-l {
    justify-content: space-between;
  }

  .flex-start-l {
    justify-content: flex-start;
  }

  .flex-center-l {
    justify-content: center;
  }

  .flex-end-l {
    justify-content: flex-end;
  }

  .flex-wrap-l {
    flex-wrap: wrap;
  }

  .flex-nowrap-l {
    flex-wrap: nowrap;
  }

  .flex-fill-l {
    flex: 1 0 auto;
  }

  .left-l {
    float: left;
  }

  .right-l {
    float: right;
  }

  .center-l {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .text-left-l {
    text-align: left;
  }

  .text-right-l {
    text-align: right;
  }

  .text-center-l {
    text-align: center;
  }

  .text-justify-l {
    text-align: justify;
  }

  .no-col-l {
    width: auto;
    float: none;
  }

  .no-push-l, .no-pull-l {
    left: 0;
  }

  .pad-top-0-l {
    padding-top: 0;
  }

  .pad-top-5-l {
    padding-top: 5px;
  }

  .pad-top-10-l {
    padding-top: 10px;
  }

  .pad-top-15-l {
    padding-top: 15px;
  }

  .pad-top-20-l {
    padding-top: 20px;
  }

  .pad-top-25-l {
    padding-top: 25px;
  }

  .pad-top-30-l {
    padding-top: 30px;
  }

  .pad-top-35-l {
    padding-top: 35px;
  }

  .pad-top-40-l {
    padding-top: 40px;
  }

  .pad-top-45-l {
    padding-top: 45px;
  }

  .pad-top-50-l {
    padding-top: 50px;
  }

  .pad-top-55-l {
    padding-top: 55px;
  }

  .pad-top-60-l {
    padding-top: 60px;
  }

  .pad-bottom-0-l {
    padding-bottom: 0;
  }

  .pad-bottom-5-l {
    padding-bottom: 5px;
  }

  .pad-bottom-10-l {
    padding-bottom: 10px;
  }

  .pad-bottom-15-l {
    padding-bottom: 15px;
  }

  .pad-bottom-20-l {
    padding-bottom: 20px;
  }

  .pad-bottom-25-l {
    padding-bottom: 25px;
  }

  .pad-bottom-30-l {
    padding-bottom: 30px;
  }

  .pad-bottom-35-l {
    padding-bottom: 35px;
  }

  .pad-bottom-40-l {
    padding-bottom: 40px;
  }

  .pad-bottom-45-l {
    padding-bottom: 45px;
  }

  .pad-bottom-50-l {
    padding-bottom: 50px;
  }

  .pad-bottom-55-l {
    padding-bottom: 55px;
  }

  .pad-bottom-60-l {
    padding-bottom: 60px;
  }

  .pad-0-l {
    padding: 0;
  }

  .pad-5-l {
    padding: 5px;
  }

  .pad-10-l {
    padding: 10px;
  }

  .pad-15-l {
    padding: 15px;
  }

  .pad-20-l {
    padding: 20px;
  }

  .pad-25-l {
    padding: 25px;
  }

  .pad-30-l {
    padding: 30px;
  }

  .pad-35-l {
    padding: 35px;
  }

  .pad-40-l {
    padding: 40px;
  }

  .pad-45-l {
    padding: 45px;
  }

  .pad-50-l {
    padding: 50px;
  }

  .pad-55-l {
    padding: 55px;
  }

  .pad-60-l {
    padding: 60px;
  }
}
@media only screen and (min-width: 1201px) {
  .padding-xl {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pad-left-0-xl {
    padding-left: 0;
  }

  .pad-left-5-xl {
    padding-left: 5px;
  }

  .pad-left-10-xl {
    padding-left: 10px;
  }

  .pad-left-15-xl {
    padding-left: 15px;
  }

  .pad-left-20-xl {
    padding-left: 20px;
  }

  .pad-left-30-xl {
    padding-left: 30px;
  }

  .pad-left-40-xl {
    padding-left: 40px;
  }

  .pad-left-50-xl {
    padding-left: 50px;
  }

  .pad-right-0-xl {
    padding-right: 0;
  }

  .pad-right-5-xl {
    padding-right: 5px;
  }

  .pad-right-10-xl {
    padding-right: 10px;
  }

  .pad-right-15-xl {
    padding-right: 15px;
  }

  .pad-right-20-xl {
    padding-right: 20px;
  }

  .pad-right-30-xl {
    padding-right: 30px;
  }

  .pad-right-40-xl {
    padding-right: 40px;
  }

  .pad-right-50-xl {
    padding-right: 50px;
  }

  .margin-left-auto-xl {
    margin-left: auto;
  }

  .margin-right-auto-xl {
    margin-right: auto;
  }

  .align-items-xl {
    align-items: center;
  }

  .order1-xl {
    order: 1;
  }

  .order2-xl {
    order: 2;
  }

  .no-float-xl {
    float: none;
  }

  .no-padding-xl {
    padding-left: 0;
    padding-right: 0;
  }

  .no-margin-xl {
    margin: 0;
  }

  .relative-xl {
    position: relative;
  }

  .absolute-xl {
    position: absolute;
  }

  .static-xl {
    position: static;
  }

  .fixed-xl {
    position: fixed;
  }

  .none-xl {
    display: none;
  }

  .block-xl {
    display: block;
  }

  .inline-block-xl {
    display: inline-block;
  }

  .inline-xl {
    display: inline;
  }

  .flex-xl {
    display: flex;
  }

  .flex-row-xl {
    flex-direction: row;
  }

  .flex-column-xl {
    flex-direction: column;
  }

  .flex-space-around-xl {
    justify-content: space-around;
  }

  .flex-space-between-xl {
    justify-content: space-between;
  }

  .flex-start-xl {
    justify-content: flex-start;
  }

  .flex-center-xl {
    justify-content: center;
  }

  .flex-end-xl {
    justify-content: flex-end;
  }

  .flex-wrap-xl {
    flex-wrap: wrap;
  }

  .flex-nowrap-xl {
    flex-wrap: nowrap;
  }

  .flex-fill-xl {
    flex: 1 0 auto;
  }

  .left-xl {
    float: left;
  }

  .right-xl {
    float: right;
  }

  .center-xl {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .text-left-xl {
    text-align: left;
  }

  .text-right-xl {
    text-align: right;
  }

  .text-center-xl {
    text-align: center;
  }

  .text-justify-xl {
    text-align: justify;
  }

  .no-col-xl {
    width: auto;
    float: none;
  }

  .no-push-xl, .no-pull-xl {
    left: 0;
  }

  .pad-top-0-xl {
    padding-top: 0;
  }

  .pad-top-5-xl {
    padding-top: 5px;
  }

  .pad-top-10-xl {
    padding-top: 10px;
  }

  .pad-top-15-xl {
    padding-top: 15px;
  }

  .pad-top-20-xl {
    padding-top: 20px;
  }

  .pad-top-25-xl {
    padding-top: 25px;
  }

  .pad-top-30-xl {
    padding-top: 30px;
  }

  .pad-top-35-xl {
    padding-top: 35px;
  }

  .pad-top-40-xl {
    padding-top: 40px;
  }

  .pad-top-45-xl {
    padding-top: 45px;
  }

  .pad-top-50-xl {
    padding-top: 50px;
  }

  .pad-top-55-xl {
    padding-top: 55px;
  }

  .pad-top-60-xl {
    padding-top: 60px;
  }

  .pad-bottom-0-xl {
    padding-bottom: 0;
  }

  .pad-bottom-5-xl {
    padding-bottom: 5px;
  }

  .pad-bottom-10-xl {
    padding-bottom: 10px;
  }

  .pad-bottom-15-xl {
    padding-bottom: 15px;
  }

  .pad-bottom-20-xl {
    padding-bottom: 20px;
  }

  .pad-bottom-25-xl {
    padding-bottom: 25px;
  }

  .pad-bottom-30-xl {
    padding-bottom: 30px;
  }

  .pad-bottom-35-xl {
    padding-bottom: 35px;
  }

  .pad-bottom-40-xl {
    padding-bottom: 40px;
  }

  .pad-bottom-45-xl {
    padding-bottom: 45px;
  }

  .pad-bottom-50-xl {
    padding-bottom: 50px;
  }

  .pad-bottom-55-xl {
    padding-bottom: 55px;
  }

  .pad-bottom-60-xl {
    padding-bottom: 60px;
  }

  .pad-0-xl {
    padding: 0;
  }

  .pad-5-xl {
    padding: 5px;
  }

  .pad-10-xl {
    padding: 10px;
  }

  .pad-15-xl {
    padding: 15px;
  }

  .pad-20-xl {
    padding: 20px;
  }

  .pad-25-xl {
    padding: 25px;
  }

  .pad-30-xl {
    padding: 30px;
  }

  .pad-35-xl {
    padding: 35px;
  }

  .pad-40-xl {
    padding: 40px;
  }

  .pad-45-xl {
    padding: 45px;
  }

  .pad-50-xl {
    padding: 50px;
  }

  .pad-55-xl {
    padding: 55px;
  }

  .pad-60-xl {
    padding: 60px;
  }
}
.full-width {
  width: 100%;
}

.full-height {
  height: 100%;
}

.opacity-1 {
  opacity: 0.1;
}

.opacity-2 {
  opacity: 0.2;
}

.opacity-3 {
  opacity: 0.3;
}

.opacity-4 {
  opacity: 0.4;
}

.opacity-5 {
  opacity: 0.5;
}

.opacity-6 {
  opacity: 0.6;
}

.opacity-7 {
  opacity: 0.7;
}

.opacity-8 {
  opacity: 0.8;
}

.opacity-9 {
  opacity: 0.9;
}

.opacity-10 {
  opacity: 1;
}

.z-index-1 {
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-3 {
  z-index: 3;
}

.z-index-4 {
  z-index: 4;
}

.z-index-5 {
  z-index: 5;
}

.cover {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sharetext {
  font-size: 13px;
}

.full-height {
  min-height: 100%;
}

.fluid-img {
  max-width: 100%;
  height: auto;
  display: block;
}

.green-border-top {
  border-top: solid 5px #00cace;
}

.pager {
  display: flex;
  align-items: center;
}
.pager a {
  text-decoration: none;
}
.pager .pager__items {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 50px;
}
.pager .pager__item a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 30px;
  color: #343a40;
  border-radius: 100%;
  font-weight: bold;
}
.pager .pager__item.is-active a {
  width: 41px;
  height: 41px;
  background: #fc8f06;
  color: #fff;
}
.pager .pager__item--last,
.pager .pager__item--first,
.pager .pager__item--ellipsis {
  display: none;
}
.pager .pager__item .pager__item--next a,
.pager .pager__item .pager__item--previous a {
  font-size: 15px;
  line-height: 22px;
  width: auto;
  height: auto;
}
.pager .pager__item .pager__item--next a span,
.pager .pager__item .pager__item--previous a span {
  font-size: 15px;
  line-height: 22px;
}

.breadcrumb {
  font-size: 14px;
  line-height: 22px;
  color: #82848e;
}
.breadcrumb li:before {
  display: none;
}
.breadcrumb a {
  text-decoration: none;
  font-size: 14px;
  line-height: 22px;
  color: #82848e;
  font-weight: bold;
}

.fluid-img-wrapper img {
  height: auto;
  max-width: 100%;
  display: block;
  margin: auto;
}

.author {
  color: #0656a2;
}

.border-grey-bottom {
  border-bottom: solid 1px #cccccc;
}

.border-grey-bottom-dashed {
  height: 2px;
  border-bottom: dashed 1px #cccccc;
}

.grey-border-top {
  display: block;
  height: 1px;
  width: 100%;
  background: #eaeaeb;
}

.print-button li.print {
  list-style-type: none;
}
.print-button li.print a {
  background: url(/themes/digitalunite/images/print.png) no-repeat left center;
  display: flex;
  align-items: center;
  height: 51px;
  line-height: 22px;
  width: 122px;
  background-size: contain;
  padding-left: 60px;
  color: #D6398D;
}

.node--type-external-guide .field--name-field-external-link-text {
  padding: 10px;
  font-size: 0.9em;
  font-style: italic;
  background: #f5f6f5;
}
.node--type-external-guide .field--name-field-external-link-text p{
  margin-bottom: 0;
}
.node--type-book .field--name-body p,
.node--type-external-guide .field--name-body p{
  margin-bottom: 5px;
}
.node--type-external-guide .field--name-field-link{
  margin-bottom: 12px;
}
.node--type-external-guide .field--name-field-link a{
  font-size: 16px;
  font-weight: bold;
  line-height: 1.63;
  text-align: left;
  color: #0656a2;
  transition: 300ms color ease;
}


.field--name-field-attachments {
  margin-bottom: 5em;
}

ul.arrows li {
  list-style: none;
  background-image:url('../images/triangle-bullet.png');
  background-repeat: no-repeat;
  background-position: center left;
  margin-bottom: 0.5em;
  padding: 0 !important;
  padding-left: 2.5em !important;

}
ul.checks li {
  list-style: none;
  background-image:url('../images/checkmark-bullet.png');
  background-repeat: no-repeat;
  background-position: center left;
  padding: 0 !important;
  padding-left: 2.5em !important;
   margin-bottom: 0.5em;

}
ul.blocks li {
  list-style: none;
  background-image:url('../images/block-bullet.png');
  background-repeat: no-repeat;
  background-position: center left;
   margin-bottom: 0.5em;
  padding: 0 !important;
  padding-left: 2.5em !important;
}
/*# sourceMappingURL=style.css.map */
ul.arrows li:before,
ul.checks li:before,
ul.blocks li:before {
  content: none !important;
}

img.height-75 {
  height: 75px !important;
  width: auto !important;
}
img.inline {
  display: inline-block;
}

.logos {
  margin-top: 1em;
}

.view-accordion-paragraph {
  margin-bottom: 3em;
}
.view-accordion-paragraph .views-field-field-title {
  overflow: hidden;

}
.view-accordion-paragraph .views-field-field-title h5 {
  font-size: 1.2em;
  display: inline-block;
  vertical-align: middle;
}
.view-accordion-paragraph .views-field-field-title img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1em;

}

.view-accordion-paragraph .ui-state-active {
  background: #fff;
  border-color: #c5c5c5;
}

.view-accordion-paragraph .views-row {
  overflow: hidden;
}

ol.big-green-numbers-one {
  list-style: none;
  counter-reset: my-counter 0;
}
ol.big-green-numbers-two {
  list-style: none;
  counter-reset: my-counter 1;
}
ol.big-green-numbers-three {
  list-style: none;
  counter-reset: my-counter 2;
}
ol.big-green-numbers-four {
  list-style: none;
  counter-reset: my-counter 3;
}
ol.big-green-numbers-five {
  list-style: none;
  counter-reset: my-counter 4;
}
ol.big-green-numbers-one li,
ol.big-green-numbers-two li,
ol.big-green-numbers-three li,
ol.big-green-numbers-four li,
ol.big-green-numbers-five li {
    counter-increment: my-counter;
    padding-left: 5em;
    position: relative;
    margin-bottom: 3em;
    text-align: left;
}
ol.big-green-numbers-one li::before,
ol.big-green-numbers-two li::before,
ol.big-green-numbers-three li::before,
ol.big-green-numbers-four li::before,
ol.big-green-numbers-five li::before {
    content: counter(my-counter) '';
    font-size: 27px;
    color: #fff;
    padding: 12px 18px;
    border-radius: 50%;
    display: block;
    background-color: #71bf45;
    position: absolute;
    left: 0;
    top: 30%;
}
     


@media print {
    body {
    font-size:  1.2em;
    line-height:  1.4em;
  }

  li, p {
    margin-bottom:1em;
  }

  .img-responsive {
    max-width:  500px;
  }

  #block-socialsharingblock {
    display: none;
  }

  aside {
    display: none;

  }
  #block-digitalunite-local-tasks {
    display: none;
  }
  #block-printlink {
    display: none;
  }
  .page-footer {
    display: none;
  }
  #block-masquerade {
    display: none;
  }
  .field--name-field-comments {
    display: none;
  }
}

/* POPUP */

.spb-popup-main-wrapper {
  padding:  2em;
  border: none !important;
  background-color: #007a86 !important;
  color:  #fff !important;
  text-align:  center !important;
}

.spb-popup-main-wrapper h1,
.spb-popup-main-wrapper h2,
.spb-popup-main-wrapper h3,
.spb-popup-main-wrapper h4 {
  color:  #fff !important;
}

.spb-controls {
   position:  relative !important;
}

#block-digitalunitepopup {
  display: none;
}

.spb-popup-main-wrapper #block-digitalunitepopup {
  display: block
}

.tbm-item.level-1 {
  border:  none !important;
  background-color: transparent !important;
}
.tbm-link.level-1 {
  height: 100% !important;
  padding: 50px 15px;
}

.tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link {
  padding-left: 1em;
  padding-right: 1em;
}

.tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link:hover {
  color: #000;
  padding-left: 1em;
  padding-right: 1em;
}

.tbm {
  background-color: transparent !important;
}

span.tbm-link.level-1.no-link.tbm-toggle {
    font-weight: bold;
}

iframe#twitter-widget-0 {
    width: 100% !important;
}