/*
Buttons and links.
 */
.btn,
.form-item.form-type-managed-file label,
a.btn,
input[type=file],
input[type=submit] {
  font-family: "HelveticaNeueLTW04-65Medium", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
  font-size: 0.9375rem;
  transition: all 0.6s ease 0s;
  display: inline-block;
  border-radius: 28px;
  padding: 6px 42px;
  line-height: 1.8;
  color: #fff;
  border: 2px solid #cd4c00;
  background-color: #cd4c00;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: hidden;
}
.btn:active,
.form-item.form-type-managed-file label:active,
.btn:focus,
.form-item.form-type-managed-file label:focus,
.btn:hover,
.form-item.form-type-managed-file label:hover,
a.btn:active,
a.btn:focus,
a.btn:hover,
input[type=file]:active,
input[type=file]:focus,
input[type=file]:hover,
input[type=submit]:active,
input[type=submit]:focus,
input[type=submit]:hover {
  text-decoration: none;
  border: 2px solid #cd4c00;
  color: #070707;
  background-color: transparent;
}
.btn.btn-small,
.form-item.form-type-managed-file label.btn-small,
a.btn.btn-small,
input[type=file].btn-small,
input[type=submit].btn-small {
  padding: 2px 16px;
  border-radius: 17px;
}
.btn.btn-inverse:active,
.form-item.form-type-managed-file label.btn-inverse:active,
.btn.btn-inverse:focus,
.form-item.form-type-managed-file label.btn-inverse:focus,
.btn.btn-inverse:hover,
.form-item.form-type-managed-file label.btn-inverse:hover,
a.btn.btn-inverse:active,
a.btn.btn-inverse:focus,
a.btn.btn-inverse:hover,
input[type=file].btn-inverse:active,
input[type=file].btn-inverse:focus,
input[type=file].btn-inverse:hover,
input[type=submit].btn-inverse:active,
input[type=submit].btn-inverse:focus,
input[type=submit].btn-inverse:hover {
  color: #fff;
}
.btn.btn-hollow,
.form-item.form-type-managed-file label.btn-hollow,
a.btn.btn-hollow,
input[type=file].btn-hollow,
input[type=submit].btn-hollow {
  background-color: transparent;
  color: #cd4c00;
  border: 2px solid #e5e5e5;
}
.btn.btn-hollow:active,
.form-item.form-type-managed-file label.btn-hollow:active,
.btn.btn-hollow:focus,
.form-item.form-type-managed-file label.btn-hollow:focus,
.btn.btn-hollow:hover,
.form-item.form-type-managed-file label.btn-hollow:hover,
a.btn.btn-hollow:active,
a.btn.btn-hollow:focus,
a.btn.btn-hollow:hover,
input[type=file].btn-hollow:active,
input[type=file].btn-hollow:focus,
input[type=file].btn-hollow:hover,
input[type=submit].btn-hollow:active,
input[type=submit].btn-hollow:focus,
input[type=submit].btn-hollow:hover {
  color: #fff;
  border: 2px solid #cd4c00;
  background-color: #cd4c00;
}

.hero__text .btn:hover,
.hero__text .form-item.form-type-managed-file label:hover,
.form-item.form-type-managed-file .hero__text label:hover,
.hero__text .btn:active,
.hero__text .form-item.form-type-managed-file label:active,
.form-item.form-type-managed-file .hero__text label:active,
.hero__text .btn:focus,
.hero__text .form-item.form-type-managed-file label:focus,
.form-item.form-type-managed-file .hero__text label:focus {
  background-color: #fff !important;
}

.footer .btn:hover,
.footer .form-item.form-type-managed-file label:hover,
.form-item.form-type-managed-file .footer label:hover,
.footer .btn:active,
.footer .form-item.form-type-managed-file label:active,
.form-item.form-type-managed-file .footer label:active,
.footer .btn:focus,
.footer .form-item.form-type-managed-file label:focus,
.form-item.form-type-managed-file .footer label:focus {
  background-color: transparent;
  color: #070707;
}

.form-item.form-type-managed-file {
  position: relative;
}
.form-item.form-type-managed-file input[type=file] {
  visibility: hidden;
}
.cke_editable a:not(.btn),
.l-content a:not(.btn) {
  color: #bd4500;
  transition: all 0.6s ease 0s;
  text-decoration: underline;
  padding: 3px;
}
.cke_editable a:not(.btn):active,
.cke_editable a:not(.btn):focus,
.cke_editable a:not(.btn):hover,
.l-content a:not(.btn):active,
.l-content a:not(.btn):focus,
.l-content a:not(.btn):hover {
  text-decoration: none;
  background-color: #485e7f;
  color: #fff;
}

a.link {
  font-size: 1.0625rem;
  line-height: 1.47;
  letter-spacing: 0.43px;
  position: relative;
}
.cke_editable a.link,
.l-content a.link {
  text-decoration: none;
}
.cke_editable a.link:active,
.l-content a.link:active,
.cke_editable a.link:focus,
.l-content a.link:focus,
.cke_editable a.link:hover,
.l-content a.link:hover {
  background-color: transparent;
  text-decoration: underline;
  color: #cd4c00;
}
a.link--telephone:before {
  content: " ";
  background-image: url("/sites/dermatology.ucsf.edu/themes/custom/ucsf_dermatology_th/dist/icon/svg/phone-icon.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 29px;
  height: 29px;
  background-size: 100%;
  margin: 0 8px 0 0;
  position: relative;
  top: 8px;
}
a.link--email:before {
  content: " ";
  background-image: url("/sites/dermatology.ucsf.edu/themes/custom/ucsf_dermatology_th/dist/icon/svg/mail-icon.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  margin: 0 12px 0 0;
  position: relative;
  top: 10px;
  left: 2px;
}
a.link--video:before {
  content: " ";
  background-image: url("/sites/dermatology.ucsf.edu/themes/custom/ucsf_dermatology_th/dist/icon/svg/video-icon.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 100%;
  margin: 0 18px 0 0;
  position: relative;
  top: 4px;
}
a.link--download:before {
  content: " ";
  background-image: url("/sites/dermatology.ucsf.edu/themes/custom/ucsf_dermatology_th/dist/icon/svg/download-icon.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 23px;
  height: 23px;
  background-size: 100%;
  margin: 0 14px 0 0;
  position: relative;
  top: 2px;
}
a.link--website:before {
  content: " ";
  background-image: url("/sites/dermatology.ucsf.edu/themes/custom/ucsf_dermatology_th/dist/icon/svg/icon_website.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 23px;
  height: 26px;
  background-size: 100%;
  margin: 0 18px 0 0;
  position: relative;
  top: 6px;
}

a.link-bg {
  font-size: 0.9375rem;
  display: inline-block;
  line-height: 1.8;
  letter-spacing: 0.38px;
  background-color: #f9f9f9;
  position: relative;
  text-align: left;
  cursor: pointer;
  margin-bottom: 20px;
  width: 100%;
}
p a.link-bg {
  margin-bottom: 0;
}
a.link-bg:after {
  transform: translate(0, -50%);
}
.cke_editable a.link-bg,
.l-content a.link-bg {
  padding: 20px 64px 17px 25px;
  text-decoration: none;
  color: #4f4f4f;
}
@media (max-width: 32.49em) {
  .cke_editable a.link-bg,
  .l-content a.link-bg {
    padding: 20px 60px 17px 20px;
  }
}
a.link-bg--video:after {
  content: " ";
  background-image: url("/sites/dermatology.ucsf.edu/themes/custom/ucsf_dermatology_th/dist/icon/svg/video-icon.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 18px;
  height: 20px;
  background-size: 100%;
  margin: 0 0 0 10px;
  position: absolute;
  top: 50%;
  right: 20px;
}
a.link-bg--video:active:after,
a.link-bg--video:focus:after,
a.link-bg--video:hover:after {
  content: " ";
  background-image: url("/sites/dermatology.ucsf.edu/themes/custom/ucsf_dermatology_th/dist/icon/svg/video-icon-white.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 18px;
  height: 20px;
  background-size: 100%;
  margin: 0 0 0 10px;
  position: absolute;
  top: 50%;
  right: 20px;
}
a.link-bg--download:after {
  content: " ";
  background-image: url("/sites/dermatology.ucsf.edu/themes/custom/ucsf_dermatology_th/dist/icon/svg/download-icon.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 23px;
  height: 23px;
  background-size: 100%;
  margin: 0 0 0 10px;
  position: absolute;
  top: 50%;
  right: 20px;
}
a.link-bg--download:active:after,
a.link-bg--download:focus:after,
a.link-bg--download:hover:after {
  content: " ";
  background-image: url("/sites/dermatology.ucsf.edu/themes/custom/ucsf_dermatology_th/dist/icon/svg/download-icon-white.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 23px;
  height: 23px;
  background-size: 100%;
  margin: 0 0 0 10px;
  position: absolute;
  top: 50%;
  right: 20px;
}
/*# sourceMappingURL=buttons-links.css.map */