/* Turn off native tap color highlighting in mobile */
html * {
  -webkit-tap-highlight-color: transparent;
}

/* Margins */
.mr-4 {
  margin-right: 4px;
}

.mb--10 {
  margin-bottom: -10px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mt--10 {
  margin-top: -10px;
}

.mt-0 {
  margin-top: 0px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.mx-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}

/* Max-Widths */
.max-width,
.max-width-1440 {
  max-width: 1440px; /* Set the maximum width */
  width: 100%;
  margin-left: auto; /* Center the container */
  margin-right: auto; /* Center the container */
}

/* Displays */
.display-inline {
  display: inline;
}

/* TYPOGRAPHY */

.din-massive {
  width: 100%;
  padding: 0 30px 30px;
  font-family: urw-din-condensed, sans-serif;
  line-height: 1;
  text-transform: uppercase;
  font-size: 80px;
}

@media only screen and (max-width: 760px) {
  .din-massive {
    font-size: 56px;
  }
}

.din-header {
  width: 100%;
  padding: 0 30px 30px;
  font-family: urw-din-condensed, sans-serif;
  line-height: 1;
  text-transform: uppercase;
  font-size: 55px;
}

.din-header span.sup {
  font-size: 18px;
  position: relative;
  top: -26px;
}

.din-header span.sup.reg {
  font-size: 21px;
  top: -21px;
  left: 1px;
}

@media only screen and (max-width: 760px) {
  .din-header {
    font-size: 45px;
  }
}

.thin-header-wrapper {
  width: 100%;
  padding: 60px 30px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #FFFFFF;
  box-shadow: rgba(7, 142, 227, 0.15) 0px 0px 40px;
}

@media only screen and (max-width: 760px) {
  .thin-header-wrapper {
    padding: 40px 0 20px;
  }
}

.thin-header,
.normal-header {
  width: 100%;
  padding: 0 30px 20px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.thin-header {
  line-height: 1.2;
  font-size: 44px;
  font-weight: 200;
  letter-spacing: -.01em;
}

h3.normal-header {
  line-height: 1.4;
  font-size: 22px;
  font-weight: 400;
}

h4 {
  line-height: 1.4;
  font-size: 18px;
  font-weight: 700;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.thin-header span.sup {
  font-size: 16px;
  position: relative;
  top: -21px;
  font-weight: 400;
}

.thin-header.smaller {
  width: 100%;
  padding: 0 30px 20px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 38px;
  font-weight: 200;
}

@media only screen and (max-width: 760px) {
  .thin-header {
    font-size: 36px;
  }

  .thin-header span.sup {
    font-size: 12px;
    top: -14px;
  }
}

.subheader {
  width: 100%;
  padding: 0 30px 20px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.4;
  font-weight: 700;
  font-size: 22px;
}

.subheader.smaller {
  width: 100%;
  padding: 0 30px 20px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-weight: 700;
  font-size: 18px;
}

.body-copy-18 {
  width: 100%;
  padding: 0 30px 40px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  font-size: 18px;
}

.body-copy-18 span.sup {
  font-size: 14px;
  position: relative;
  top: -3px;
}

.body-copy-16 {
  width: 100%;
  padding: 0 30px 40px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  font-size: 16px;
}

.body-copy-16 span.sup {
  font-size: 12px;
  position: relative;
  top: -3px;
}

.body-copy-16 span.sup.reg {
    font-size: inherit;
    top: inherit;
}

.body-copy-14 {
  width: 100%;
  padding: 0 30px 40px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  font-size: 14px;
}

.body-copy-14 span.sup {
  font-size: 10px;
  position: relative;
  top: -3px;
}

.body-copy-14 span.sup.reg {
    font-size: inherit;
    top: inherit;
}

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

.body-copy {
  width: 100%;
  padding: 0 30px 20px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  font-size: 18px;
}

.boxed-tag,
.boxed-tag-not-all-caps {
  display: inline-block;
  padding: 0 15px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  background-color: #214595;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
  font-size: 14px;
  border-radius: 4px;
}

.boxed-tag-not-all-caps {
  text-transform: none;
}

.boxed-tag span.sup,
.boxed-tag-not-all-caps span.sup {
  font-size: 10px;
  position: relative;
  top: -2.5px;
  font-weight: 700;
}

.boxed-tag-small {
  font-size: 12px;
  padding: 8px 10px;
  height: auto;
}

.boxed-tag-extra-small {
  font-size: 12px;
  padding: 4px 8px;
  height: auto;
}

.boxed-tag-inline {
  display: inline;
}

.tag-copy {
  padding: 0 30px 16px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
  font-size: 14px;
}

.tag-copy span.sup {
    font-size: 10px;
    position: relative;
    top: -2px;
    font-weight: 700;
}

.tag-copy.header {
  padding: 0 0 12px;
}

.tag-copy.icon {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.footnote {
  width: 100%;
  padding: 0 30px 40px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.4;
  font-size: 14px;
}

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

.no-wrap {
  white-space: nowrap;
}

.bold {
  font-weight: 700;
}

/* BULLETS */

.bullet-list {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0 30px 30px;
}

.bullet {
  position: relative;
  width: 100%;
  padding: 0 0 5px 18px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: #535E79;
}

.bullet.body-copy-18 {
  padding: 0 0 5px 18px;
}

.bullet:before {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  top: 12px;
  left: 0;
  border-radius: 50%;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1.6;
  background-color: #0590D5;
}

/* REMOVE PADDING */

.remove-padding {
  padding: 0 !important;
}

.remove-padding-bottom {
  padding-bottom: 0 !important;
}

.remove-padding-x {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* TEXT ALIGNMENT */

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

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

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

@media only screen and (max-width: 760px) {
  .text-center-left {
    text-align: left;
  }
}

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

@media only screen and (max-width: 760px) {
  .text-left-center {
    text-align: center;
  }
}

/* GRADIENTS AND GRAINS */

.secondary-dark-gradient-grain {
  background: url(https://cdn.brief.vet/plumbs/marketing-site/images/grain/noise_seamless_navy_20_2.png), linear-gradient(90deg, #0A2447, #214595);
  background-size: 200px, auto;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
  background-blend-mode: normal;
}

.blend-yes .secondary-dark-gradient-grain {
  background: url(https://cdn.brief.vet/plumbs/marketing-site/images/grain/noise_seamless_125.png), linear-gradient(90deg, #0A2447, #214595);
  background-size: 200px, auto;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
  background-blend-mode: overlay;
}

.secondary-dark-gradient-grain-fallback {
  background: linear-gradient(90deg, #0A2447, #214595);
  background-size: auto;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
}

.primary-light-gradient-grain {
  background: url(https://cdn.brief.vet/plumbs/marketing-site/images/grain/noise_seamless_white_08.png), linear-gradient(-90deg, #00CAE0, #0590D5);
  background-size: 250px, auto;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
  background-blend-mode: normal;
}

.blend-yes .primary-light-gradient-grain {
  background: url(https://cdn.brief.vet/plumbs/marketing-site/images/grain/noise_seamless_110.png), linear-gradient(-90deg, #00CAE0, #0590D5);
  background-size: 200px, auto;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
  background-blend-mode: overlay;
}

.primary-light-gradient-grain-fallback {
  background: linear-gradient(-90deg, #00CAE0, #0590D5);
  background-size: auto;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
  height: 100%;
}

.light-primary-gradient-grain {
  background: url(https://cdn.brief.vet/plumbs/marketing-site/images/grain/noise_seamless_white_08.png), linear-gradient(90deg, #00CAE0, #0590D5);
  background-size: 250px, auto;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
  background-blend-mode: normal;
}

.blend-yes .light-primary-gradient-grain {
  background: url(https://cdn.brief.vet/plumbs/marketing-site/images/grain/noise_seamless_110.png), linear-gradient(90deg, #00CAE0, #0590D5);
  background-size: 200px, auto;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
  background-blend-mode: overlay;
}

.light-primary-gradient-grain-fallback {
  background: linear-gradient(90deg, #00CAE0, #0590D5);
  background-size: auto;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
}

.secondary-primary-gradient-grain {
  background: url(https://cdn.brief.vet/plumbs/marketing-site/images/grain/noise_seamless_white_05.png), linear-gradient(-157deg, #00CAE0, #0590D5 20%, #0A2447);
  background-size: 200px, auto;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
  background-blend-mode: normal;
}

.blend-yes .secondary-primary-gradient-grain {
  background: url(https://cdn.brief.vet/plumbs/marketing-site/images/grain/noise_seamless.png), linear-gradient(-157deg, #00CAE0, #0590D5 20%, #0A2447);
  background-size: 250px, auto;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
  background-blend-mode: overlay;
}

.secondary-primary-gradient-grain-fallback {
  background: linear-gradient(-157deg, #00CAE0, #0590D5 20%, #0A2447);
  background-size: auto;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
  background-blend-mode: normal;
}

.super-dark-gradient-grain-fallback {
  background: radial-gradient(234.57% 168.64% at 52.22% -66.25%, #214595 0%, #0A2447 60%, #212B3F 75%, #0D1115 100%);
  background-size: auto;
  background-repeat: repeat;
  background-position: center;

}

.blend-yes .super-dark-gradient-grain {
  background: url(https://cdn.brief.vet/plumbs/marketing-site/images/grain/noise_seamless_125.png), radial-gradient(234.57% 168.64% at 52.22% -66.25%, #214595 0%, #0A2447 60%, #212B3F 75%, #0D1115 100%);
  background-size: 200px, auto;
  background-repeat: repeat;
  background-position: center;
  background-blend-mode: overlay;
}

.dark-blue-to-navy-gradient-grain {
  background: url(../png/noise_seamless_125_navy_dark.png), linear-gradient(45deg, #214595 0%, #0A2447 60%);
  background-size: 200px, auto;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
}

.dark-blue-to-navy-gradient-grain-fallback {
  background: linear-gradient(45deg, #214595 0%, #0A2447 60%);
  background-size: auto;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
}

.dark-blue-to-navy-gradient-grain-reverse {
  background: url(../png/noise_seamless_125_navy_dark.png), linear-gradient(45deg, #0A2447 40%, #214595 100%);
  background-size: 200px, auto;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
}

.dark-blue-to-navy-gradient-grain-fallback-reverse {
  background: linear-gradient(45deg, #0A2447 40%, #214595 100%);
  background-size: auto;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
}

.navy-grain {
  background: url(../noise_seamless_125_navy_dark.html), #0A2447;
  background-size: 200px, auto;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
}

.navy-grain-fallback {
  background: #0A2447;
  background-size: auto;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
}

/* COLORS */

.color-primary {
  color: #0590D5;
}

.color-secondary {
  color: #0A2447;
}

.color-tertiary {
  color: #214595;
}

.color-gry5 {
  color: #535E79;
}

.color-gry4 {
  color: #7E8BA8;
}

.color-gry3 {
  color: #ABB5CD;
}

.color-gry2 {
  color: #D0D7E8;
}

.color-white {
  color: #FFFFFF;
}

/* WHITE BUTTON */

.white-button {
  /* min-width: 240px; */
  min-width: 230px;
  /* height: 75px; */
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  padding: 24px 30px;
  margin: 0 30px 15px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #0590D5;
  box-shadow: rgba(7, 142, 227, 0.2) 0px 2px 24px;
  border-radius: 5px;
  transition: all 250ms;
  user-select: none;
  cursor: pointer;
}

.white-button span.sup {
    font-size: 10px;
    position: relative;
    top: -2px;
    font-weight: 600;
}

.white-button.side-by-side {
  margin: 15px;
}

.white-button:hover,
.white-button:focus {
  box-shadow: rgba(7, 142, 227, 0.4) 0px 2px 24px;
  color: #0A2447;
}

.white-button:hover .white-button-icon,
.white-button:focus .white-button-icon {
  left: 5px;
  background-color: #0A2447;
}

.white-button-icon {
  position: relative;
  left: 0;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  background-color: #0590D5;
  border-radius: 50%;
  transition: all 250ms;
}

.white-button-arrow {
  width: 6px;
  height: 10px;
  margin-left: 1px;
}

/* GRADIENT BUTTON */

.gradient-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 230px;
  height: 64px;
  margin: 0 30px 15px;
  background: linear-gradient(90deg, #0590D5, #00CAE0);
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  box-shadow: rgba(7, 142, 227, 0.2) 0px 2px 24px;
  border-radius: 5px;
  transition: all 250ms;
  user-select: none;
  cursor: pointer;
  overflow: hidden;
}

.gradient-button.half.left {
  background: linear-gradient(90deg, #0590D5, #02AEDB);
}

.gradient-button.half.right {
  background: linear-gradient(90deg, #02AEDB, #00CAE0);
}

.gradient-button.full {
  width: 100%;
  margin: 0;
  border-radius: 0;
}

.gradient-button.small {
  height: 55px;
}

.gradient-button-wrapper {
  width: 100%;
  /* height: 75px; */
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding: 25px 30px; */
  padding: 22px 30px;
  background-color: rgba(0, 202, 224, 0);
  transition: all 250ms;
}

.gradient-button.small .gradient-button-wrapper {
  padding: 15px 18px;
  height: 55px;
  font-size: 14px;
  font-weight: 600;
}

.gradient-button.dark {
  background: linear-gradient(90deg, #0A2447, #214595);
}

.gradient-button.side-by-side {
  margin: 15px;
}

.gradient-button:hover .gradient-button-wrapper,
.gradient-button:focus .gradient-button-wrapper {
  background-color: rgba(0, 202, 224, 1);
}

.gradient-button:hover,
.gradient-button:focus {
  box-shadow: rgba(7, 142, 227, 0.4) 0px 2px 24px;
  color: #FFFFFF;
}

.gradient-button:hover .gradient-button-icon,
.gradient-button:focus .gradient-button-icon {
  left: 5px;
}

.gradient-button-icon {
  position: relative;
  left: 0;
  width: 25px;
  min-width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  background-color: #FFFFFF;
  border-radius: 50%;
  transition: all 250ms;
}

.gradient-button-arrow {
  width: 6px;
  height: 10px;
  margin-left: 1px;
}

.gradient-button.disabled {
  background: #ABB5CD;
  cursor: default;
  box-shadow: none;
}

.gradient-button.disabled:hover,
.gradient-button.disabled:focus {
  box-shadow: none;
  color: #FFFFFF;
}

/* OUTLINE BUTTONS */

.white-outlined-button {
  width: 100%;
  max-width: 240px;
  /* height: 75px; */
  height: 64px;
  padding: 25px 18px;
  margin: 0 30px 15px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  border: 2px solid #FFFFFF;
  border-radius: 5px;
  transition: all 250ms;
  user-select: none;
  cursor: pointer;
}

.white-outlined-button.side-by-side {
  margin: 15px;
}

.white-outlined-button:hover,
.white-outlined-button:focus {
  background-color: #FFFFFF;
  color: #0590D5;
}

/* the wrapper a stuff is for when inserting a delete button into a view */
.blue-outlined-button-small,
.blue-outlined-button-small-wrapper a,
.blue-outlined-button-small:focus,
.blue-outlined-button-small-wrapper a:focus,
.formidable-view .form-edit .frm_submit .frm_button_submit,
.formidable-view .form-edit .frm_submit .frm_button_submit:focus {
  width: auto;
  padding: 4px 8px;
  margin: 0;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  text-align: center;
  color: #0590D5;
  border: 1px solid #0590D5;
  background-color: #fff;
  border-radius: 4px;
  transition: all 250ms;
  user-select: none;
  cursor: pointer;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

.blue-outlined-button-small.side-by-side,
.blue-outlined-button-small-wrapper a.side-by-side {
  margin: 15px;
}

.blue-outlined-button-small:hover,
.blue-outlined-button-small-wrapper a:hover,
.formidable-view .form-edit .frm_submit .frm_button_submit:hover {
  background-color: #0590D5;
  color: #fff;
}

/* LINKS */

.small-link-primary {
  display: block;
  padding: 15px 30px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #0590D5;
  text-align: center;
  text-decoration: none;
}

.small-link-primary:hover,
.small-link-primary:focus {
  color: #0590D5;
}

.small-link-primary:hover .link-arrow,
.small-link-primary:focus .link-arrow {
  left: 8px;
}

.small-link-white {
  padding: 15px 30px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
}

.small-link-white:hover,
.small-link-white:focus {
  color: #FFFFFF;
}

.small-link-white:hover .link-arrow,
.small-link-white:focus .link-arrow {
  left: 8px;
}

.large-link-white {
  padding: 0 30px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #FFFFFF;
  text-align: left;
  text-decoration: none;
}

.large-link-white:hover,
.large-link-white:focus {
  color: #FFFFFF;
}

.large-link-white:hover .link-arrow,
.large-link-white:focus .link-arrow {
  left: 8px;
}

.large-link-primary,
.large-link-secondary {
  padding: 0 30px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #0590D5;
  text-align: left;
  text-decoration: none;
}

.large-link-secondary {
  color: #0A2447;
}

.large-link-primary:hover,
.large-link-primary:focus {
  color: #0590D5;
}

.large-link-secondary:hover,
.large-link-secondary:focus {
  color: #0A2447;
}

.large-link-primary:hover .link-arrow,
.large-link-primary:focus .link-arrow,
.large-link-secondary:hover .link-arrow,
.large-link-secondary:focus .link-arrow {
  left: 8px;
}

.link-arrow,
.link-arrow-mobile {
  position: relative;
  left: 0;
  width: 23px;
  height: 10px;
  margin-left: 5px;
  transition: all 250ms;
}

/* BLUE BOXES */

.blue-boxes-container {
  position: relative;
  width: 100%;
  max-width: 1570px;
  padding: 15px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  z-index: 1;
}

@media only screen and (max-width: 1000px) {
  .blue-boxes-container {
    justify-content: center;
  }
}

.blue-box-wrapper {
  width: 33.33%;
  padding: 15px;
}

@media only screen and (max-width: 1000px) {
  .blue-box-wrapper {
    width: 50%;
  }
}

@media only screen and (max-width: 700px) {
  .blue-box-wrapper {
    width: 100%;
  }
}

.blue-box-gradient-fallback {
  width: 100%;
  height: 100%;
}

.blue-box-gradient {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  padding: 60px 0px 10px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-align: center;
}

.blue-box-button {
  width: 100%;
  max-width: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-45deg, rgba(255,255,255,0.35),  rgba(255,255,255,0.1));
  height: 68px;
  padding: 25px;
  margin: 0 30px 30px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  box-shadow: rgba(7, 142, 227, 0.2) 0px 2px 24px;
  border-radius: 5px;
  transition: all 250ms;
  user-select: none;
  cursor: pointer;
}

.blue-box-button:hover,
.blue-box-button:focus {
  max-width: 250px;
  box-shadow: rgba(7, 142, 227, 0.8) 0px 2px 24px;
  color: #FFFFFF;
}

.blue-box-header {
  width: 100%;
  padding: 0 30px 20px;
  font-family: urw-din-condensed, sans-serif;
  line-height: 1;
  text-transform: uppercase;
  font-size: 90px;
}

.blue-box-text {
  width: 100%;
  max-width: 400px;
}

.blue-box-header sup {
  font-size: 42px;
  top: -34px;
  left: 4px;
}

.blue-box-larger-text {
  width: 100%;
  max-width: 320px;
  font-size: 22px;
}

.blue-box-large-link {
  padding: 0 0 50px;
}

/* WHITE BOXES */

.white-boxes-container {
  position: relative;
  width: 100%;
  max-width: 1440px;
  z-index: 2;
}

.white-boxes-container.wide {
  max-width: 1560px;
}

.white-boxes-container.wide-gradient-background {
  max-width: 1380px;
}

.white-boxes-grain {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 15px;
}

@media only screen and (max-width: 1000px) {
  .white-boxes-grain {
    justify-content: center;
  }
}

.white-boxes-margin {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -80px 0 0;
}

.white-boxes-container.wide-gradient-background .white-boxes-margin {
  width: calc(100% + 120px);
  margin: -80px -60px 0;
}

@media only screen and (max-width: 1380px) {
  .white-boxes-container.wide-gradient-background .white-boxes-margin {
    width: 100%;
    margin: -80px 0 0;
  }
}

@media only screen and (max-width: 1000px) {
  .white-boxes-margin {
    justify-content: center;
  }
}

.white-boxes-wrapper {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 15px;
}

@media only screen and (max-width: 1000px) {
  .white-boxes-wrapper {
    justify-content: center;
  }
}

.white-box-wrapper {
  width: 33.33%;
  padding: 15px;
}

@media only screen and (max-width: 1000px) {
  .white-box-wrapper {
    width: 50%;
  }
}

@media only screen and (max-width: 700px) {
  .white-box-wrapper {
    width: 100%;
  }
}

.white-box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  background-color: #ffffff;
  padding: 60px 0px 10px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-align: center;
}

.white-box.shadow,
.blue-shadow {
  box-shadow: rgba(7, 142, 227, 0.2) 0px 2px 24px;
}

.white-box-button {
  width: 100%;
  max-width: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-45deg, rgba(255,255,255,0.35),  rgba(255,255,255,0.1));
  height: 68px;
  padding: 25px;
  margin: 0 30px 30px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  box-shadow: rgba(7, 142, 227, 0.2) 0px 2px 24px;
  border-radius: 5px;
  transition: all 250ms;
  user-select: none;
  cursor: pointer;
}

.white-box-button:hover,
.white-box-button:focus {
  max-width: 250px;
  box-shadow: rgba(7, 142, 227, 0.8) 0px 2px 24px;
  color: #FFFFFF;
}

.white-box-header {
  width: 100%;
  padding: 0 30px 20px;
  font-family: urw-din-condensed, sans-serif;
  line-height: 1;
  text-transform: uppercase;
  font-size: 90px;
}

.white-box-text {
  width: 100%;
  max-width: 350px;
}

.white-box-larger-text {
  width: 100%;
  max-width: 380px;
  font-size: 22px;
}

.white-box-header sup {
  font-size: 42px;
  top: -34px;
  left: 4px;
}

.white-box-large-link {
  padding: 0 0 50px;
}

/* CTA SECTION CSS */

.cta-container {
  width: 100%;
  max-width: 1440px;
}

.cta-outer-padding {
  width: 100%;
  max-width: 1440px;
  padding: 30px 0 0;
}

.cta-outer-padding p {
  padding-bottom: 36px;
}

@media only screen and (max-width: 1000px) {
  .cta-outer-padding {
    padding: 0px;
  }
}

.cta-gradient {
  width: 100%;
  max-width: 1440px;
  width: 100%;
  padding: 150px 0 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}


@media only screen and (max-width: 760px) {
  .cta-gradient {
    padding: 100px 0 90px;
  }
}

.cta-text {
  max-width: 680px;
}

.cta-buttons {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

@media only screen and (max-width: 760px) {
  .cta-buttons {
    flex-direction: column;
  }
}

/* STICKY IMAGES CSS */

.sticky-images-dark-blue {
  width: 100%;
  max-width: 1440px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sticky-images-dark-blue .sticky-images-container,
.sticky-images-container {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  width: calc(100% - 60px);
  max-width: 1440px;
  height: 2000px;
  z-index: 3;
}

.sticky-images-wrapper {
  position: absolute;
  top: -50px;
  left: 0;
  width: 720px;
}

.sticky-images-wrapper.fixed {
  position: fixed;
}

@media only screen and (max-width: 1440px) {
  .sticky-images-wrapper {
    width: 50% !important;
  }
  .sticky-images-wrapper.fixed {
    width: calc( (100vw - 60px) / 2) !important;
  }
}

@media only screen and (max-width: 1200px) {
  .sticky-images-wrapper {
    display: none;
  }
}

.sticky-image {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  transition: all 250ms;
}

.sticky-images-dark-blue .sticky-image {
  padding: 0;
}

.sticky-information-wrapper {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding-top: 200px;
  padding-right: 30px;
  padding-left: 60px;
  height: 100%;
}

@media only screen and (max-width: 1200px) {
  .sticky-information-wrapper {
    width: 100%;
    padding: 30px;
    align-items: center;
  }
}

@media only screen and (max-width: 800px) {
  .sticky-information-wrapper {
    padding: 30px;
  }
}

.sticky-information {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0 0 0 20px;
  border-left: 2px solid #D0D7E8;
}

@media only screen and (max-width: 1200px) {
  .sticky-information {
    padding: 60px 0 40px 0;
    border-left: 0;
    flex-grow: 0;
    max-width: 600px;
  }
}

.sticky-images-dark-blue .sticky-information {
  border-left: 2px solid rgba(225,225,225,0.7);
}

@media only screen and (max-width: 1200px) {
  .sticky-images-dark-blue .sticky-information {
    border-left: 0;
  }
}

.sticky-information:last-of-type {
  flex-grow: 0;
  border-left: 2px solid transparent;
}

@media only screen and (max-width: 1200px) {
  .sticky-information:last-of-type {
    border-left: 0;
  }
}

.sticky-information-circle {
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  border: 2px solid #D0D7E8;
  border-radius: 50%;
  top: 6px;
  left: -8px;
}

.sticky-images-dark-blue .sticky-information-circle {
  /* background-color: #214595; */
  background-color: #16356f;
  border: 2px solid rgba(255,255,255,0.7);
}

.sticky-information-hidding-line {
  position: absolute;
  width: 2px;
  height: 6px;
  background-color: #FFFFFF;
  top: 0px;
  left: -2px;
}

.sticky-images-dark-blue .sticky-information-hidding-line {
  background: linear-gradient(90deg, #0A2447, #214595);
  background-size: auto;
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: center;
}

.sticky-information-extending-line {
  position: absolute;
  width: 2px;
  height: 6px;
  background-color: #D0D7E8;
  top: 0px;
  left: -2px;
}

.sticky-images-dark-blue .sticky-information-extending-line {
  opacity: 0.7;
}

@media only screen and (max-width: 1200px) {
  .sticky-information-circle {
    display: none;
  }
  .sticky-information-hidding-line {
    display: none;
  }
  .sticky-information-extending-line {
    display: none;
  }
}

.sticky-title.active {
  color: #0590D5;
}

@media only screen and (max-width: 1200px) {
  .sticky-title {
    color: #0590D5;
  }
}

.sticky-copy {
  padding: 0 30px 20px;
}

.sticky-link-primary,
.sticky-link-white {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 30px 30px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.sticky-link-primary {
  color: #0590D5;
}

.sticky-link-white {
  color: #FFFFFF;
}

.sticky-link-primary:hover,
.sticky-link-primary:focus {
  color: #0590D5;
}

.sticky-link-white:hover,
.sticky-link-white:focus {
  color: #FFFFFF;
}

.sticky-link-arrow {
  position: relative;
  left: 0;
  width: 23px;
  height: 10px;
  margin-left: 10px;
  transition: all 250ms;
}

.sticky-link-primary:hover .sticky-link-arrow,
.sticky-link-primary:focus .sticky-link-arrow,
.sticky-link-white:hover .sticky-link-arrow,
.sticky-link-white:focus .sticky-link-arrow {
  left: 13px;
}

.sticky-tag {
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: 0 30px 10px;
  margin: -24px 0 0;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
  font-size: 14px;
}

.sticky-tag.icon {
  margin: -38px 0 0;
}

@media only screen and (max-width: 1200px) {
  .sticky-tag,
  .sticky-tag.icon {
    margin: 0;
  }
}

.sticky-image-mobile {
  display: none;
}

@media only screen and (max-width: 1200px) {
  .sticky-image-mobile {
    display: flex;
  }
}

@media only screen and (max-width: 1200px) {
  .sticky-tag,
  .sticky-title,
  .sticky-copy,
  .sticky-link-primary,
  .sticky-link-white {
    padding-left: 0;
    padding-right: 0;
  }
}

/* STICKY IMAGES REVERSED CSS */

.sticky-images-container.reversed {
  align-items: flex-start;
}

.sticky-images-container.reversed .sticky-images-wrapper {
  left: inherit;
  right: 0;
}

.sticky-images-container.reversed .sticky-images-wrapper.fixed {
  position: fixed;
}

@media only screen and (max-width: 1440px) {
  .sticky-images-container.reversed .sticky-images-wrapper {
    width: 50% !important;
  }
  .sticky-images-container.reversed .sticky-images-wrapper.fixed {
    width: 50% !important;
  }
}

@media only screen and (max-width: 1200px) {
  .sticky-images-container.reversed .sticky-images-wrapper {
    display: none;
  }
}

/* STICKY SECTION INTRO */

.sticky-section-intro-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  padding: 80px 0px 100px;
  max-width: 1440px;
}

@media only screen and (max-width: 1200px) {
  .sticky-section-intro-container {
    padding: 80px 0px 0px;
  }
}

.sticky-section-intro-header.clinical-tools {
  max-width: 600px;
}

.sticky-section-intro-header.drug-information {
  max-width: 600px;
}

.sticky-section-intro-header.pet-owner-education {
  max-width: 420px;
}

.sticky-section-intro-copy {
  max-width: 600px;
}

/* CENTERED SECTION INTRO */

.centered-section-intro-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  padding: 80px 0px 40px;
  max-width: 1440px;
}

.centered-section-intro-header {
  max-width: 600px;
}

.centered-section-intro-header.clinical-tools {
  max-width: 600px;
}

.centered-section-intro-header.drug-information {
  max-width: 600px;
}

.centered-section-intro-header.pet-owner-education {
  max-width: 420px;
}

.centered-section-intro-copy {
  max-width: 600px;
}

 /* BLOG POSTS */

.blog-posts-container {
  width: 100%;
  height: 100%;
  max-width: 1440px;
  padding: 0 30px;
}

@media only screen and (max-width: 1000px) {
  .blog-posts-container {
    padding: 0;
  }
}

.blog-posts-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  padding: 120px 0px 45px;
  background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/backgrounds/ConcreteWallBackground.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

@media only screen and (max-width: 1000px) {
  .blog-posts-wrapper {
    background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/backgrounds/ConcreteWallBackground_Mobile.jpg);
    background-position: bottom;
    padding: 80px 0px 15px;
  }
}

.blog-posts-header {
  width: 100%;
  max-width: 750px;
  padding: 0 30px 60px;
}

.blog-posts-header.text-below {
  padding: 0 30px 20px;
}

.blog-posts {
  width: calc(100% + 90px);
  height: 100%;
  margin-left: -30px;
  margin-right: -30px;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: row;
}

@media only screen and (max-width: 1000px) {
  .blog-posts {
    flex-wrap: wrap;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0 15px;
  }
}

.blog-post-padding {
  width: 33.33%;
  padding: 15px;
  text-decoration: none;
}

@media only screen and (max-width: 1000px) {
  .blog-post-padding {
    width: 50%;
  }
}

@media only screen and (max-width: 700px) {
  .blog-post-padding {
    width: 100%;
  }
}

.blog-post {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #FFFFFF;
  box-shadow: rgba(23, 40, 94, 0.08) 0px 4px 24px;
  transition: all 250ms;
}

.blog-post:hover {
  box-shadow: rgba(23, 40, 94, 0.2) 0px 4px 24px;
  /* transform: scale(1.01); */
}

.blog-page .blog-image-wrapper,
.blog-posts .blog-image-wrapper {
  width: 100%;
  height: 250px;
  overflow: hidden;
}

.blog-page .blog-image,
.blog-posts .blog-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: all 250ms;
}

.blog-post:hover .blog-image {
  transform: scale(1.02);
}

.blog-post-header-wrapper {
  width: 100%;
  text-decoration: none;
}

.blog-post-header {
  padding: 40px 40px 20px;
  text-decoration: none;
  transition: all 250ms;
}

.blog-post-header:hover {
  color: #0070A8;
}

.blog-tags-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 40px 20px;
}

.blog-tags-line {
  width: 1px;
  height: 12px;
  margin: 5px 10px 0;
  background-color: #D0D7E8;
}

.blog-tag {
  padding: 5px 0 0;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #0590D5;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
  line-height: 1;
  font-size: 14px;
  text-decoration: none;
  transition: all 250ms;
}

.blog-tag a {
  text-decoration: none;
}

.blog-detail-wrapper {
  padding: 5px 0 0;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #7E8BA8;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
  font-size: 14px;
}

.blog-post-copy {
  padding: 0px 40px 20px;
  text-decoration: none;
}

.blog-post-cta {
  padding: 0px 40px 40px;
  text-decoration: none;
}

.blog-post-button {
  padding: 18px 20px;
  margin: 0 40px 0;
  height: 66px;
  max-width: 190px;
  text-decoration: none;
}

/* SOLUTIONS STICKY HEADER */

.blue-sticky-header {
  position: fixed;
  top: 80px;
  left: 0;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: #0590D5;
  transition: all 250ms;
  z-index: 10;
  box-shadow: rgba(23, 40, 94, 0.08) 0px 4px 24px;
}

@media only screen and (max-width: 782px) {
  .blue-sticky-header {
    display: none;
  }
}

.blue-sticky-header-links {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 15px;
  background-color: #0590D5;
  color: #FFFFFF;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-weight: 400;
  line-height: 1.6;
  font-size: 14px;
  transition: background-color 250ms;
}

@media only screen and (max-width: 1000px) {
  .blue-sticky-header-links {
    flex: auto;
  }
}

.blue-sticky-header-links.active {
  background-color: #37A6DD;
  z-index: 2
}

.blue-sticky-header-links:hover,
.blue-sticky-header-links:focus {
  background-color: #0070A8;
  padding: 0 16px;
  margin: 0 -1px;
  color: #FFFFFF;
  z-index: 1;
}

.blue-sticky-header-links.active:hover,
.blue-sticky-header-links.active:focus {
  padding: 0 15px;
  margin: 0;
  background-color: #37A6DD;
  user-select: none;
  cursor: default;
}

.blue-sticky-header-links-line {
  height: 12px;
  width: 1px;
  background-color: #FFFFFF;
  opacity: 0.5;
}

.blue-sticky-header-proxy {
  width: 100%;
  height: 40px;
}

@media only screen and (max-width: 782px) {
  .blue-sticky-header-proxy {
    display: none;
  }
}

/* LOGO BARS CSS */

.logo-bar-container {
  padding: 0 30px;
  width: 100%;
  max-width: 1440px;
  z-index: 2;
}

.logo-bar-container.full {
  padding: 0;
}

.logo-bar-proxy {
  width: 100%;
  height: 103px;
}

.logo-bar-wrapper {
  width: 100%;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: rgba(23, 40, 94, 0.08) 0px 4px 24px;
}

.logo-bar-title {
  width: 100%;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #D0D7E8;
}

.logo-bar-title .tag-copy {
  padding: 0 30px;
}

.animated-logos-wrapper {
  position: relative;
  width: 100%;
}

.animated-logos {
  width: 100%;
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  overflow: auto;
  -ms-overflow-style: none; /* IE 11 */
  scrollbar-width: none; /* Firefox 64 */
}

.animated-logos::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.animated-logo {
  min-width: 120px;
  margin: 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.animated-logo img {
  width: 100%;
}

.animated-logos-gradient-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 10%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0));
}

.animated-logos-gradient-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 10%;
  height: 100%;
  background: linear-gradient(-90deg, rgba(255,255,255,1), rgba(255,255,255,0));
}

/* FAQ SECTION CSS */

.faq-container {
  width: 100%;
  max-width: 1440px;
  padding: 120px 0 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

/* override for when using the template setup version of FAQs */
.page-body-content > .faq-container {
  padding: 0;
}

@media only screen and (max-width: 760px) {
  .faq-container {
    padding: 80px 0 80px;
  }
}

.faq-container.content-around {
  padding: 160px 0 80px;
}

@media only screen and (max-width: 760px) {
  .faq-container.content-around {
    padding: 120px 0 80px;
  }
}

.faq-tag {
  margin: 0 30px 30px;
}

.faq-header {
  width: 100%;
  padding: 0 0 10px 0;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 44px;
  font-weight: 200;
  text-align: center;
  color: #0590D5;
}

@media only screen and (max-width: 760px) {
  .faq-header {
    font-size: 34px;
  }
}

.faq-subheader {
  width: 100%;
  padding: 20px 30px 10px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 200;
  line-height: 1.6;
  font-size: 20px;
}

.faq-wrapper {
  width: 100%;
  max-width: 800px;
  padding: 0 30px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

.faq-question-wrapper {
  width: 100%;
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  cursor: pointer;
}

@media only screen and (max-width: 700px) {
  .faq-question-wrapper {
    padding: 0;
  }
}

.faq-question {
  width: 100%;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.4;
  font-size: 22px;
  text-align: left;
  color: #535E79;
  transition: all 250ms;
}

.faq-question-wrapper:hover .faq-question,
.faq-question-link-wrapper:hover .faq-question {
  color: #0590D5;
}

.faq-container.reversed .faq-question {
  width: 100%;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.4;
  font-size: 22px;
  text-align: left;
  text-decoration: none;
  color: #FFFFFF;
  transition: all 250ms;
}

.faq-question span.sup {
  font-size: 14px;
  position: relative;
  top: -5px;
  font-weight: 600;
}

.faq-question span.sup.reg {
    font-size: 20px;
    top: -0.5px;
}

.faq-question-link-wrapper {
  width: 100%;
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  cursor: pointer;
}

.faq-icon {
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  margin-left: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0590D5;
  border-radius: 50%;
  transition: all 250ms;
  transform: rotate(90deg);
}

.faq-icon.reversed {
  background-color: #FFFFFF;
}

.faq-icon-link {
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  margin-left: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  border-radius: 50%;
  transition: all 250ms;
}

.faq-icon.active {
  transform: rotate(270deg);
}

.faq-question-wrapper:hover .faq-icon,
.faq-question-link-wrapper:hover .faq-icon-link {
  box-shadow: rgba(7, 142, 227, 0.4) 0px 2px 24px;
}

.faq-arrow {
  width: 6px;
  height: 10px;
  margin-left: 2px;
  user-select: none;
}

.faq-arrow.reversed {
  transform: rotate(180deg);
}

.faq-answer {
  padding: 30px 30px 0;
  transition: all 250ms;
}

@media only screen and (max-width: 700px) {
  .faq-answer {
    padding: 30px 0 0;
  }
}

.faq-answer-link {
  cursor: pointer;
  text-decoration: underline;
}

.faq-line {
  width: 100%;
  border-bottom: 1px solid #D0D7E8;
  margin: 40px 0;
  opacity: 0.7;
}

/* TESTIMONIALS CSS */

.testimonials-gradient-fallback {
  width: 100%;
  max-width: 1440px;
  z-index: 1;
}

.testimonials-gradient {
  width: 100%;
  max-width: 1440px;
  padding: 60px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.testimonials-header {
  width: 100%;
  max-width: 650px;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 30px 0;
  margin: 0 0 60px 0;
  background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/testimonials/pro/Testimonials_QuoteMarks.svg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 132px;
}

.light-primary-gradient-grain .testimonials-header {
  background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/testimonials/pro/Testimonials_QuoteMarks_White_20.svg);
}

.testimonials-wrapper {
  width: 100%;
  padding: 15px;
  margin-bottom: -80px;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.testimonial-padding {
  width: 33.33%;
  padding: 15px;
}

@media only screen and (max-width: 1000px) {
  .testimonial-padding {
    width: 50%;
  }
}

@media only screen and (max-width: 700px) {
  .testimonial-padding {
    width: 100%;
  }
}

.testimonial {
  width: 100%;
  height: 100%;
  padding: 45px 15px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  background-color: #FFFFFF;
  box-shadow: rgba(23, 40, 94, 0.08) 0px 4px 24px;
}

.testimonial-information {
  width: 100%;
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonial-person-image {
  width: 56px;
  min-width: 56px;
  height: 56px;
  min-height: 56px;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}

.testimonial-person-name {
  width: 100%;
  padding: 0 0 0 30px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 200;
  line-height: 1.6;
  font-size: 16px;
  text-align: left;
  font-style: italic;
  color: #535E79;
}


/* TESTIMONIALS CAROUSEL */

.testimonials-carousel-container {
  width: 100%;
  max-width: 1440px;
}

@media only screen and (max-width: 1500px) {
  .testimonials-carousel-container {
    width: calc(100vw - 60px);
  }
}

.pricing-containers.taller .testimonials-carousel-container {
  margin: 130px 0 0;
}

.testimonials-carousel-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  padding: 80px 30px;
}

.testimonial-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 0 60px;
}

.testimonial-copy {
  width: 100%;
  max-width: 600px;
  padding: 0 0 40px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 200;
  line-height: 1.6;
  font-size: 18px;
}

.testimonial-author {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.testimonial-image {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}

.testimonial-info {
  display: flex;
  flex-direction: column;
  padding: 0 0 0 20px;
}

.testimonial-name {
  width: 100%;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.6;
  font-size: 16px;
}

.testimonial-location {
  width: 100%;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 200;
  line-height: 1.6;
  font-size: 16px;
  opacity: 0.6;
}


/* JWPLAYER VIDEO CSS */

.jw-player-video {
  width: 100%;
  position:relative;
  overflow: hidden;
  padding-bottom: 56.25%;
}

/* HYPERLINKS */

.hyperlink-container {
  position: relative;
  width: 100%;
}

.hyperlink {
  position: absolute;
  top: 0;
}

/* ADJUST SHEERID POPUP */

.sid-modal__wrapper {
  position: fixed !important;
}

/* SIGNED IN HEADER AND FOOTER */

body.signed-in .site-footer-hyperlinks-wrapper.signed-in {
  display: flex;
}

body.signed-in .site-footer-hyperlinks-wrapper.signed-out {
  display: none;
}

body.signed-in .site-header .signed-out {
  visibility: hidden;
}

body.signed-in .site-header .signed-in {
  display: block;
}

body.signed-in .site-header-fake-height {
  height: 80px;
}

@media only screen and (max-width: 900px) {
  body.signed-in .header-link-bar {
    justify-content: center;
  }
}

/* QUOTE */

.quote-container {
  width: 100%;
  max-width: 1440px;
  z-index: 1;
}

.quote-wrapper {
  width: 100%;
  max-width: 1440px;
  padding: 80px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.quote-copy {
  width: 100%;
  max-width: 700px;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 30px 0;
  margin: 0 0 60px 0;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-weight: 200;
  font-size: 28px;
  background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/testimonials/pro/Testimonials_QuoteMarks.svg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 132px;
}

.light-primary-gradient-grain .quote-copy {
  background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/testimonials/pro/Testimonials_QuoteMarks_White_20.svg);
}

.quote-author {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.quote-image {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}

.quote-info {
  display: flex;
  flex-direction: column;
  padding: 0 0 0 20px;
}

.quote-name {
  width: 100%;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.6;
  font-size: 16px;
}

.quote-location {
  width: 100%;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 200;
  line-height: 1.6;
  font-size: 16px;
  opacity: 0.8;
}

/* BULLETS CSS */

/* fancy bullets */

.bullets-container {
  position: relative;
  width: 100%;
  max-width: 1440px;
  padding: 0 30px;
  z-index: 2;
}

@media only screen and (max-width: 1000px) {
  .bullets-container {
    padding: 0;
  }
}

.bullets-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  padding: 80px 0px;
}

@media only screen and (max-width: 1000px) {
  .bullets-wrapper {
    align-items: center;
    padding: 100px 0px 40px;
  }
}

.bullets-information-wrapper {
  width: 100%;
  max-width: 600px;
  padding: 0 0 0 60px;
}

@media only screen and (max-width: 1000px) {
  .bullets-information-wrapper {
    width: 100%;
    padding: 0;
    align-items: center;
  }
}

.bullets-copy {
  padding-left: 55px;
}

@media only screen and (max-width: 1000px) {
  .bullets-copy {
    padding-left: 30px;
  }
}

.bullets-list-wrapper {
  width: 100%;
  padding: 30px 0 30px 0px;
}

@media only screen and (max-width: 1000px) {
  .bullets-list-wrapper {
    padding: 30px 30px 0px;
  }
}

.bullets-information {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 0 0 0 20px;
  border-left: 2px solid #ABB5CD;
}

@media only screen and (max-width: 1000px) {
  .bullets-information {
    flex-grow: 0;
    max-width: 700px;
  }
}

.bullets-information:last-of-type {
  flex-grow: 0;
  border-left: 2px solid #FFFFFF;
}

.darker .bullets-information:last-of-type {
  border-left: 2px solid transparent;
}

@media only screen and (max-width: 1000px) {
  .darker.normal-mobile .bullets-information:last-of-type {
    border-left: 2px solid #FFFFFF;
  }
}

.bullets-information-circle {
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: #FFFFFF;
  border: 2px solid #ABB5CD;
  border-radius: 50%;
  top: 6px;
  left: -8px;
}

.darker .bullets-information-circle {
  background-color: #F4F6FC;
}

@media only screen and (max-width: 1000px) {
  .darker.normal-mobile .bullets-information-circle {
    background-color: #FFFFFF;
  }
}

.bullets-information-hidding-line {
  position: absolute;
  width: 2px;
  height: 6px;
  background-color: #FFFFFF;
  top: 0px;
  left: -2px;
}

.darker .bullets-information-hidding-line {
  background-color: #F4F6FC;
}

@media only screen and (max-width: 1000px) {
  .darker.normal-mobile .bullets-information-hidding-line {
    background-color: #FFFFFF;
  }
}

.bullets-information-extending-line {
  position: absolute;
  width: 2px;
  height: 6px;
  background-color: #ABB5CD;
  top: 0px;
  left: -2px;
}

/* PRO ICONS */

.white-pro-icon,
.blue-pro-icon {
  width: 37px;
  height: 20px;
  margin: 0 0 0 10px;
}

/* Generic Page Containers and Wrappers */
.page-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}

/* INTRO CSS */

.page-container .page-intro-container,
.page-container .page-body-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 100%;
}

.page-container .page-intro-container {
  z-index: 1;
}

.page-container .page-intro-container .content-container {
  padding-top: 0;
}

@media only screen and (max-width: 768px) {
  .page-container .page-intro-container .content-container {
    padding: 60px 30px;
  }
}

@media only screen and (max-width: 450px) {
  .page-container .page-intro-container .content-container {
    padding: 60px 0;
  }
}

.page-container .page-intro-content,
.page-container .page-body-content  {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  padding: 90px 0px;
  max-width: 1440px;
}

/* first .page-container gets extra padding-top */
#page > .page-container[data-element="2-column"] .page-body-content  {
  padding: 60px 0px;
}

/* if the page has extra .page-containers, then they get zero padding-top */
#page > .page-container[data-element="2-column"] ~ .page-container .page-body-content  {
  padding: 0 0px 60px;
}

.page-container.basic-page .page-intro-content  {
  padding: 90px 0px 60px; /* 60px less padding to account for 30px under intro paragraph and 30px above footer */
}

.page-container .page-intro-content.gray-background {
  background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/backgrounds/ConcreteWallBackground.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  padding: 120px 0px 160px;
}

@media only screen and (max-width: 1100px) {
  .page-container .page-intro-content  {
    padding: 80px 0;
  }

  .page-container.basic-page .page-intro-content  {
    padding: 80px 0 20px;
  }
}

.page-container .page-intro-heading {
  width: 100%;
  max-width: 900px;
}

.page-container .header-text-header {
    padding: 0 30px 30px;
}

.page-container .page-intro-copy {
  width: 100%;
  max-width: 650px;
}

/* BLUE BOX SECTION */

.page-container .blue-box-padding {
  margin: -100px 0 0;
  width: 100%;
  max-width: 1200px;
  padding: 0 30px;
  z-index: 1;
}

.page-container .blue-box-container {
  width: 100%;
  padding: 80px 0px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.page-container .blue-box-container-title {
  width: 100%;
  max-width: 600px;
}

.page-container .blue-box-container-text {
  width: 100%;
  max-width: 500px;
}

/* CARDS */

.cards-container {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding: 0;
  width: 100%;
  max-width: 1440px;
}

@media only screen and (max-width: 1100px) {
  .cards-container {
    justify-content: flex-start;
    padding: 0 30px;
  }

  .cards-container.cards-column.icons-left {
    padding: 0;
  }
}

.cards-container.cards-row {
  flex-direction: row;
  padding: 0;
}

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

@media only screen and (max-width: 1365px) {
  .cards-container.cards-row[data-cards-count="6"] {
    justify-content: start;
    flex-wrap: wrap;
    width: calc(100vw - 30px);
  }

  /* 3 per row */
  .cards-container.cards-row[data-cards-count="6"] .card-container {
    width: calc((100vw / 3) - ((30px * 4) / 3));
  }
}

@media only screen and (max-width: 960px) {
  .cards-container.cards-row[data-cards-count="4"] {
    justify-content: start;
    flex-wrap: wrap;
    width: calc(100vw - 30px);
  }

  /* 2 per row */
  .cards-container.cards-row[data-cards-count="4"] .card-container {
    width: calc((100vw / 2) - ((30px * 3) / 2));
    max-width: inherit;
  }
}

@media only screen and (max-width: 720px) {
  /* 2 per row */
  .cards-container.cards-row[data-cards-count="6"] .card-container {
    width: calc((100vw / 2) - ((30px * 3) / 2));
  }
}

@media only screen and (max-width: 550px) {
  .cards-container.cards-row {
    flex-direction: column;
  }

  .cards-container.cards-row[data-cards-count="4"],
  .cards-container.cards-row[data-cards-count="6"] {
    justify-content: start;
    flex-wrap: wrap;
    width: calc(100vw - 60px);
  }

  .cards-container.cards-row[data-cards-count="4"] .card-container,
  .cards-container.cards-row[data-cards-count="6"] .card-container {
    width: 100%;
  }
}

.cards-container .card-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  width: 100%;
  padding: 30px 30px 0;
  position: relative;
}

@media only screen and (max-width: 1100px) {
  .cards-container .card-container  {
    padding: 15px 0;
  }
  .cards-container .card-container:first-of-type  {
    padding: 30px 0 15px;
  }
}

.cards-container .card-container.white-box.shadow {
  padding: 15px 30px 30px;
  margin: 30px 0;
  height: auto;
}

.cards-container .card-container.white-box.shadow.no-icon {
  padding: 30px;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cards-container .card-container.white-box.shadow.no-icon h3 {
  padding-bottom: 5px;
}

.cards-container.cards-column .card-container.white-box.shadow {
  margin: 30px 0 0 0;
}

.cards-container.cards-column .card-container.white-box.shadow:first-of-type {
  margin: 0;
}


.cards-container.cards-row .card-container.white-box.shadow {
  margin: 0 0 0 30px;
}


.cards-container.cards-row .card-container.white-box.shadow:first-of-type {
  margin: 0;
}

@media only screen and (max-width: 1365px) {
  .cards-container.cards-row .card-container.white-box.shadow,
  .cards-container.cards-row .card-container.white-box.shadow:first-of-type {
    margin: 15px;
  }
}


@media only screen and (max-width: 550px) {
  .cards-container.cards-row .card-container.white-box.shadow {
    margin: 30px 0 0 0;
  }

  .cards-container.cards-row .card-container.white-box.shadow:first-of-type {
    margin: 0;
  }
}

.cards-container.icons-left .card-container {
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
}

.cards-container.icons-top .card-container {
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}

@media only screen and (max-width: 550px) {
  .cards-container.icons-left .card-container {
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
}

.cards-container .card-container .icon {
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.cards-container.cards-column.icons-left .card-container .icon {
  min-height: auto;
}

@media only screen and (max-width: 550px) {
  .cards-container.cards-column.icons-left .card-container .icon {
    min-height: 100px;
  }
}

.cards-container .card-container .text {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.cards-container.icons-left .card-container .text * {
  text-align: left;
}

.cards-container.icons-top .card-container .text * {
  text-align: center;
}

@media only screen and (max-width: 550px) {
  .cards-container.icons-left .card-container .text * {
    text-align: center;
  }
}

.cards-container .card-container.pro-tag-right .text h3 {
  display: flex;
  flex-direction: row;
  justify-content: left;
}

.cards-container .card-container.pro-tag-top .text h3 {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

@media only screen and (max-width: 550px) {
  .cards-container .card-container.pro-tag-right .text h3 {
    flex-direction: column;
    justify-content: center;
  }
}

.cards-container.icons-top .card-container .text h3 {
  padding-left: 0;
  padding-right: 0;
}

.cards-container.icons-top .card-container .text h3.heading-22 {
  font-size: 22px;
}

.cards-container.icons-top .card-container .text h3.heading-18 {
  font-size: 18px;
}

.cards-container .card-container .text h3 .feature-pro-tag {
  width: 37px;
  height: 20px;
  margin: 0 0 0 10px;
}

.cards-container .card-container > .feature-pro-tag {
  position: absolute;
  top: -10px;
  left: 50%;
  margin: 0 0 0 -18px;
}

@media only screen and (max-width: 550px) {
  .cards-container .card-container .text h3 .feature-pro-tag {
    margin: 10px 0 0 0;
  }
}

.cards-container.icons-top .card-container .text p {
  padding: 0;
}

.cards-container .card-container .mobile-invisible-height {
  display: none;
}

@media only screen and (max-width: 1100px) {
  .drug-monographs-page .list-mobile-invisible-height {
    display: flex;
    width: 100%;
    height: calc(200vw - 80vw);
  }
}

/* FULL WIDTH IMAGE */

.full-width-image-container {
  width: 100%;
}

@media only screen and (max-width: 900px) {
  .full-width-image-container {
    padding: 0px;
  }
}

.full-width-image-inner {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 650px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
}

@media only screen and (max-width: 900px) {
  .full-width-image-inner {
    justify-content: center;
    padding: 80px 0 70vw;
    margin-top: 0px;
    margin-bottom: 0px;
    background-position: bottom;
  }
}

@media only screen and (max-width: 520px) {
  .full-width-image-inner {
    padding: 80px 0 125vw;
  }
}

.full-width-image-text-container {
  width: 50%;
  max-width: 550px;
  padding: 0 0 0 40px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

@media only screen and (max-width: 900px) {
  .full-width-image-text-container {
    width: 100%;
    max-width: 660px;
    padding: 0 0 40px;
  }
}

.full-width-image-container .boxed-tag,
.full-width-image-container .boxed-tag-not-all-caps {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-self: center;
  margin: 0 30px 30px;
}

.full-width-image-container .pro-icon {
  width: 37px;
  height: 20px;
  margin: 0 0 0 10px;
}

/* Padding Overrides */

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

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

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

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

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

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

.padding-top-220 {
  padding-top: 220px;
}

/* Margin Overrides */

.margin-bottom-0 {
  margin-bottom: 0;
}

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

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-top-60 {
  margin-top: 60px;
}

/* Strike Through */

.strike-through {
  text-decoration: line-through;
}

/* Inset Elements on Smaller Screens */

/* add left/right padding as soon as there's 30px spacing on each side (prevents it from having less than 30px left/right padding) */
@media only screen and (max-width: 1500px) {
  .page-container.inset-x {
    padding-left: 30px;
    padding-right: 30px;
  }

  .page-container.inset-y {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .page-container.inset-top {
    padding-top: 30px;
  }

  .page-container.inset-bottom {
    padding-bottom: 30px;
  }
}

/* Horizontal Rule */
.horizontal-rule {
  width: 100%;
  padding: 0 30px;
}

.horizontal-rule:before {
  width: 100%;
  border-top: 1px solid #D0D7E8;
  margin: 30px 0 55px;
  content: "";
  display: flex;
}

/* Show and Hide at different breakpoints */
.show-at-1100 {
  display: none !important;
}

@media only screen and (max-width: 1100px) {
  .hide-at-1100 {
    display: none !important;
  }
  .show-at-1100 {
    display: flex !important;
  }
}

/* Hide in Mobile */
@media only screen and (max-width: 700px) {
  .hide-at-700 {
    display: none;
  }
}

/* Loader */
.spinner-loader-psuedo {
    position: relative;
}

.spinner-loader-psuedo::before  {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -65px 0 0 -37px;
  display: flex;
}

.spinner-loader,
.spinner-loader-psuedo::before  {
  background-image: url(https://cdn.brief.vet/plumbs/marketing-site/images/icons/pro/Icons_Loader_Large.svg);
  background-position: center center;
  background-repeat: no-repeat;
  animation: spinner-loader-rotate 1.2s infinite linear;
  min-height: 130px;
  width: 74px;
  background-size: 50px;
}

@keyframes spinner-loader-rotate {
  from {
    transform: rotate(0deg);
  } to {
    transform: rotate(360deg);
  }
}

/* Section Container and Wrappers */
.section-container,
.section-wrapper {
  width: 100%;
}

/* Padding */
.padding-x-0 {
  padding-left: 0;
  padding-right: 0;
}

.padding-y-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.padding-0 {
  padding: 0;
}

.padding-x-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.padding-y-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.padding-30 {
  padding: 30px;
}

.padding-x-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.padding-y-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.padding-40 {
  padding: 40px;
}

/*
section-content content data elements -- generic component for flexible layouts
used in single-events.php
*/
[data-element="section-content"] .columns-2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

[data-element="section-content"] .columns-2-gap-16 {
  gap: 16px;
}

[data-element="section-content"] .columns-2.columns-2-gap-50 {
  gap: 50px;
}

@media only screen and (max-width: 900px) {
  [data-element="section-content"] .columns-2.columns-1-900 {
    flex-direction: column;
    align-items: center;
  }

  [data-element="section-content"] .columns-2.columns-1-900-gap-40 {
    gap: 40px;
  }
}

[data-element="section-content"] .columns-2 .columns-2-column {
  display: flex;
  flex-direction: column;
}

[data-element="section-content"] .columns-2 .columns-2-column > *:last-child {
  padding-bottom: 0;
}

/* Columns 2 Table */
[data-element="columns-2-table"] {
  width: 100%;
  background: #F4F6FC;
}

[data-element="columns-2-table"] .columns-2-column-1 {
  font-weight: 700;
  align-items: flex-start;
}

[data-element="columns-2-table"] .columns-2-column-2 {
  flex: 1;
}

/* Flexible Width Elements */
.width-flex {
  flex: 1;
}

/* Borders */

/* Gry2 Borders */
.border-top-1-gry2 {
  border-top: 1px solid #D0D7E8;
}

.border-right-1-gry2 {
  border-right: 1px solid #D0D7E8;
}

.border-bottom-1-gry2 {
  border-bottom: 1px solid #D0D7E8;
}

.border-left-1-gry2 {
  border-left: 1px solid #D0D7E8;
}

.border-x-1-gry2 {
  border-left: 1px solid #D0D7E8;
  border-right: 1px solid #D0D7E8;
}

.border-y-1-gry2 {
  border-top: 1px solid #D0D7E8;
  border-bottom: 1px solid #D0D7E8;
}

.border-1-gry2 {
  border: 1px solid #D0D7E8;
}

/* Translucent White Borders */
.border-top-1-white-30 {
  border-top: 1px solid rgba(255, 255, 255, .3);
}

.border-right-1-white-30 {
  border-right: 1px solid rgba(255, 255, 255, .3);
}

.border-bottom-1-white-30 {
  border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.border-left-1-white-30 {
  border-left: 1px solid rgba(255, 255, 255, .3);
}

.border-x-1-white-30 {
  border-left: 1px solid rgba(255, 255, 255, .3);
  border-right: 1px solid rgba(255, 255, 255, .3);
}

.border-y-1-white-30 {
  border-top: 1px solid rgba(255, 255, 255, .3);
  border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.border-1-white-30 {
  border: 1px solid rgba(255, 255, 255, .3);
}

/* Flexible Content */
.flexible-content-container {
  width: 100%;
}

.flexible-content-container > *:last-child {
  padding-bottom: 0;
}

/* Overflow Hidden */
.overflow-hidden {
  overflow: hidden;
}

@media only screen and (min-width: 1101px) {
  body.overflow-hidden {
    overflow: inherit;
  }
}

/* Tables */
.wp-block-table {
  position: relative;
  margin: -20px 0 0 -60px;
  padding: 30px 0;
  width: calc(100% + 120px);
  overflow: hidden;
}

@media only screen and (max-width: 900px) {
  .wp-block-table {
    width: calc(100vw - 60px);
    position: relative;
    left: 50%;
    margin: -20px 0 0 calc(((100vw - 60px)/2) * -1);
  }
}

.wp-block-table .wp-block-table-wrapper {
  overflow: auto;
}

.wp-block-table .wp-block-table-wrapper::-webkit-scrollbar {
  height: 18px;
}

.wp-block-table .wp-block-table-wrapper::-webkit-scrollbar-track {
  background-color: #fff;
}

.wp-block-table .wp-block-table-wrapper::-webkit-scrollbar-thumb {
  background-color: #D0D7E8;
  border: 5px solid #fff;
  border-radius: 9px;
  opacity: 0;
}

.wp-block-table .wp-block-table-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #BEC7DB;
}

.wp-block-table .wp-block-table-shadow-start,
.wp-block-table .wp-block-table-shadow-end {
  box-shadow: rgba(23, 40, 94, 0.08) 0px 4px 24px;
  height: calc(100% - 18px);
  width: 20px;
  top: 9px;
  bottom: 0;
  position: absolute;
  opacity: 0;
  transition: all 250ms;
}

.wp-block-table .wp-block-table-shadow-start {
  left: -20px;
}

.wp-block-table .wp-block-table-shadow-end {
  right: -20px;
}

.wp-block-table.table-scroll-start .wp-block-table-shadow-start,
.wp-block-table.table-scroll-end .wp-block-table-shadow-end  {
  opacity: 1;
}

.wp-block-table table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
}

.wp-block-table tbody {
  width: 100%;
}

.wp-block-table tr  {
  border-bottom: 1px solid #D0D7E8;
}

.wp-block-table:not(.is-style-simple, .is-style-simple-stack-in-mobile) tr:first-child,
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background: #F4F6FC;
  border-bottom: none;
}

.wp-block-table td {
  padding: 20px;
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #535E79;
  border: none;
  min-width: 250px;
  width: 250px;
}

.wp-block-table:not(.is-style-simple, .is-style-simple-stack-in-mobile) tr:first-child td {
  color: #0A2447;
  font-weight: 700;
}

@media only screen and (max-width: 700px) {
  .wp-block-table td {
    padding: 25px 15px;
  }
}

.wp-block-table.is-style-stripes,
.wp-block-table.is-style-stripes tr,
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
  border: none;
}

.wp-block-table.is-style-simple tr:first-child,
.wp-block-table.is-style-simple-stack-in-mobile tr:first-child {
  border-top: 1px solid #D0D7E8;
}

@media only screen and (max-width: 560px) {
  .wp-block-table.is-style-simple-stack-in-mobile .wp-block-table-wrapper table > tbody > tr {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .wp-block-table.is-style-simple-stack-in-mobile .wp-block-table-wrapper table > tbody > tr > td {
    text-align: center;
  }
  .wp-block-table.is-style-simple-stack-in-mobile tr:first-child,
  .wp-block-table.is-style-simple-stack-in-mobile tr {
    border: none;
  }
  .wp-block-table.is-style-simple-stack-in-mobile td {
    width: 100%;
  }
  .wp-block-table.is-style-simple-stack-in-mobile tr:first-child td:first-child {
    border-top: 1px solid #D0D7E8;
  }
  .wp-block-table.is-style-simple-stack-in-mobile td {
    border-bottom: 1px solid #D0D7E8;
  }
}

/* HUBSPOT CTA CSS OVERRIDES */

/* Allow the width to get a little wider */
#hs-web-interactives-bottom-anchor div[id^='hs-overlay-cta'],
#hs-web-interactives-bottom-anchor div[id*='hs-overlay-cta'] {
    width: 460px !important;
}

/* Allow the CTA to cover the main menu if needed */
#hs-web-interactives-bottom-anchor {
    z-index: 99999;
}

/* Text Transform Classes */
.no-caps {
  text-transform: none;
}

/* Flat background colors */
.background-gray-l60 {
  background: #F4F6FC;
}

.background-navy {
  background: #0A2447;
}

/* Border Radius */
.border-radius-large {
  border-radius: 12px;
}

.border-radius-hero {
  margin: 40px 0 0; /* need extra space between the hero and header bar with the border-radius */
}

.border-radius-top-0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.border-radius-bottom-0 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.overflow-hidden {
  overflow: hidden;
}

@media only screen and (max-width: 1440px) {
  .border-radius-full-width-mobile {
    border-radius: 0; /* kill the border-radius in mobile since full width images with border-radius's look odd */
  }
  body .border-radius-large.border-radius-hero {
    margin: 0; /* kill the margin once we remove the border-radius in mobile */
  }
}