@charset "UTF-8";
/*
Theme Name: Avellanet Surgical Aesthetics SRQ
*/
/*
Description: Theme for Dr. Avellanet SRQ Site
Author: Nathan Hoeller
Version: 1.0.0
*/
/* line 5, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}

/* line 103, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

.ui-widget {
  font-family: inherit;
  font-size: 1em;
}

/*
 * jQuery Dynatable plugin 0.3.1
 *
 * Copyright (c) 2014 Steve Schwartz (JangoSteve)
 *
 * Dual licensed under the AGPL and Proprietary licenses:
 *   http://www.dynatable.com/license/
 *
 * Date: Tue Jan 02 2014
 */
th a {
  color: #fff;
}

th a:hover {
  color: #fff;
  text-decoration: underline;
}

th a:active, th a:focus {
  color: #fff;
}

.dynatable-search {
  float: right;
  margin-bottom: 10px;
}

.dynatable-pagination-links {
  float: right;
}

.dynatable-record-count {
  display: block;
  padding: 5px 0;
}

.dynatable-pagination-links span,
.dynatable-pagination-links li {
  display: inline-block;
}

.dynatable-page-link,
.dynatable-page-break {
  display: block;
  padding: 5px 7px;
}

.dynatable-page-link {
  cursor: pointer;
}

.dynatable-active-page,
.dynatable-disabled-page {
  cursor: text;
}

.dynatable-active-page:hover,
.dynatable-disabled-page:hover {
  text-decoration: none;
}

.dynatable-active-page {
  background: #ED2991;
  border-radius: 5px;
  color: #fff;
}

.dynatable-active-page:hover {
  color: #fff;
}

.dynatable-disabled-page,
.dynatable-disabled-page:hover {
  background: none;
  color: #999;
}

/*----------------------------------------------------------------------------------------------------
General styling
----------------------------------------------------------------------------------------------------*/
@keyframes fstAnimationEnter {
  from {
    opacity: 0;
    transform: translate3d(0, -1em, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fstElement {
  display: inline-block;
  position: relative;
  border: 1px solid #D7D7D7;
  box-sizing: border-box;
  color: #232323;
  font-size: 1.1em;
  background-color: #fff;
}

.fstElement > select,
.fstElement > input {
  position: absolute;
  left: -999em;
}

.fstToggleBtn {
  font-size: 1.4em;
  display: block;
  position: relative;
  box-sizing: border-box;
  padding: 0.71429em 1.42857em 0.71429em 0.71429em;
  min-width: 14.28571em;
  cursor: pointer;
}

.fstToggleBtn:after {
  position: absolute;
  content: "";
  right: 0.71429em;
  top: 50%;
  margin-top: -0.17857em;
  border: 0.35714em solid transparent;
  border-top-color: #cacaca;
}

.fstQueryInput {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  box-sizing: border-box;
  background: transparent;
  border: 0;
}

.fstResults {
  position: absolute;
  left: -1px;
  top: 100%;
  right: -1px;
  max-height: 30em;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #D7D7D7;
  border-top: 0;
  background-color: #FFF;
  display: none;
}

.fstResultItem {
  font-size: 1.4em;
  display: block;
  padding: 0.5em 0.71429em;
  margin: 0;
  cursor: pointer;
  border-top: 1px solid #fff;
}

.fstResultItem.fstUserOption {
  color: #707070;
}

.fstResultItem.fstFocused {
  color: #fff;
  background-color: #43A2F3;
  border-color: #73baf6;
}

.fstResultItem.fstSelected {
  color: #fff;
  background-color: #2694f1;
  border-color: #73baf6;
}

.fstGroupTitle {
  font-size: 1.4em;
  display: block;
  padding: 0.5em 0.71429em;
  margin: 0;
  font-weight: bold;
}

.fstGroup {
  padding-top: 1em;
}

.fstGroup:first-child {
  padding-top: 0;
}

.fstNoResults {
  font-size: 1.4em;
  display: block;
  padding: 0.71429em 0.71429em;
  margin: 0;
  color: #999;
}

/*----------------------------------------------------------------------------------------------------
Single Mode
----------------------------------------------------------------------------------------------------*/
.fstSingleMode .fstControls {
  position: absolute;
  left: -1px;
  right: -1px;
  top: 100%;
  padding: 0.5em;
  border: 1px solid #D7D7D7;
  background-color: #fff;
  display: none;
}

.fstSingleMode .fstQueryInput {
  font-size: 1.4em;
  display: block;
  width: 100%;
  padding: 0.5em 0.35714em;
  color: #999;
  border: 1px solid #D7D7D7;
}

.fstSingleMode.fstActive {
  z-index: 100;
}

.fstSingleMode.fstActive.fstElement,
.fstSingleMode.fstActive .fstControls,
.fstSingleMode.fstActive .fstResults {
  box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1);
}

.fstSingleMode.fstActive .fstControls {
  display: block;
}

.fstSingleMode.fstActive .fstResults {
  display: block;
  z-index: 10;
  margin-top: -1px;
}

/*----------------------------------------------------------------------------------------------------
Multiple mode
----------------------------------------------------------------------------------------------------*/
.fstChoiceItem {
  display: inline-block;
  font-size: 1.2em;
  position: relative;
  margin: 0 0.41667em 0.41667em 0;
  padding: 0.33333em 0.33333em 0.33333em 1.5em;
  float: left;
  border-radius: 0.25em;
  border: 1px solid #43A2F3;
  cursor: auto;
  color: #fff;
  background-color: #43A2F3;
  animation: fstAnimationEnter 0.2s;
}

.fstChoiceItem.mod1 {
  background-color: #F9F9F9;
  border: 1px solid #D7D7D7;
  color: #232323;
}

.fstChoiceItem.mod1 > .fstChoiceRemove {
  color: #a4a4a4;
}

.fstChoiceRemove {
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
  font-size: 1.16667em;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1.28571em;
  line-height: 1.28571em;
  margin-top: -0.64286em;
  text-align: center;
  color: #fff;
}

.fstChoiceRemove::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.fstMultipleMode .fstControls {
  box-sizing: border-box;
  padding: 0.5em 0.5em 0em 0.5em;
  overflow: hidden;
  width: 20em;
  cursor: text;
}

.fstMultipleMode .fstQueryInput {
  font-size: 1.4em;
  float: left;
  padding: 0.28571em 0;
  margin: 0 0 0.35714em 0;
  width: 2em;
  color: #999;
}

.fstMultipleMode .fstQueryInputExpanded {
  float: none;
  width: 100%;
  padding: 0.28571em 0.35714em;
}

.fstMultipleMode .fstFakeInput {
  font-size: 1.4em;
}

.fstMultipleMode.fstActive,
.fstMultipleMode.fstActive .fstResults {
  box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1);
}

.fstMultipleMode.fstActive .fstResults {
  display: block;
  z-index: 10;
  border-top: 1px solid #D7D7D7;
}

/* Custom DRA Styles */
.fstResultItem {
  font-size: inherit;
  padding: 3px 6px;
  color: #555;
}

.fstChoiceRemove {
  font-size: 1em !important;
}

.fstChoiceItem {
  font-size: inherit;
  padding: 5px 5px 5px 18px;
  background-color: #ED2991;
  border: 1px solid #ED2991;
  margin: 0 0 0.5em 0.5em;
}

.fstElement, .fstToggleBtn,
.fstMultipleMode .fstQueryInput,
.fstSingleMode .fstQueryInput {
  font-size: inherit;
  vertical-align: middle;
}

.fstResultItem.fstSelected {
  background-color: #ED2991;
  border: 1px solid rgb(244.9137931034, 135.0862068966, 193.3620689655);
}

.fstResultItem.fstFocused {
  background-color: rgb(244.9137931034, 135.0862068966, 193.3620689655);
  border-color: rgb(244.9137931034, 135.0862068966, 193.3620689655);
}

.fstSingleMode {
  width: 100%;
  max-width: 285px;
}

.fstToggleBtn {
  color: #666;
}

.fstNoneSelected .fstToggleBtn {
  color: #BBB;
}

.fstControls .fstQueryInput::-moz-placeholder {
  color: #BBB;
  opacity: 1; /* firefox */
}

.fstControls .fstQueryInput::placeholder {
  color: #BBB;
  opacity: 1; /* firefox */
}

.fstControls .fstQueryInput:-ms-input-placeholder {
  color: #BBB;
}

.fstControls .fstQueryInput::-ms-input-placeholder {
  color: #BBB;
}

.fstControls .fstQueryInput {
  color: #666;
}

.fstElement {
  border: 1px solid #767676;
  border-radius: 2px;
}

.editForm .fstElement {
  width: 100%;
  max-width: 285px;
  margin-bottom: 16px;
  margin-top: 8px;
}

.editForm .fstMultipleMode .fstControls {
  width: auto;
  padding-left: 0;
}

.fstDisabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.fstDisabled .fstResults {
  display: none !important;
}

@media screen and (max-width: 399px) {
  .fstElement, .fstControls {
    width: 100% !important;
  }
}
/* juxtapose - v1.2.2 - 2020-09-03
 * Copyright (c) 2020 Alex Duner and Northwestern University Knight Lab
 */
div.juxtapose {
  width: 100%;
  font-family: Helvetica, Arial, sans-serif;
}

div.jx-slider {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: #f3f3f3;
}

div.jx-handle {
  position: absolute;
  height: 100%;
  width: 40px;
  cursor: col-resize;
  z-index: 15;
  margin-left: -20px;
}

.vertical div.jx-handle {
  height: 40px;
  width: 100%;
  cursor: row-resize;
  margin-top: -20px;
  margin-left: 0;
}

div.jx-control {
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  width: 3px;
  background-color: currentColor;
}

.vertical div.jx-control {
  height: 3px;
  width: 100%;
  background-color: currentColor;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

div.jx-controller {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  height: 60px;
  width: 9px;
  margin-left: -3px;
  background-color: currentColor;
}

.vertical div.jx-controller {
  height: 9px;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  top: -3px;
  position: relative;
}

div.jx-arrow {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  transition: all 0.2s ease;
}

.vertical div.jx-arrow {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  transition: all 0.2s ease;
}

div.jx-arrow.jx-left {
  left: 2px;
  border-style: solid;
  border-width: 8px 8px 8px 0;
  border-color: transparent currentColor transparent transparent;
}

div.jx-arrow.jx-right {
  right: 2px;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent currentColor;
}

.vertical div.jx-arrow.jx-left {
  left: 0px;
  top: 2px;
  border-style: solid;
  border-width: 0px 8px 8px 8px;
  border-color: transparent transparent currentColor transparent;
}

.vertical div.jx-arrow.jx-right {
  right: 0px;
  top: auto;
  bottom: 2px;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: currentColor transparent transparent transparent;
}

div.jx-handle:hover div.jx-arrow.jx-left,
div.jx-handle:active div.jx-arrow.jx-left {
  left: -1px;
}

div.jx-handle:hover div.jx-arrow.jx-right,
div.jx-handle:active div.jx-arrow.jx-right {
  right: -1px;
}

.vertical div.jx-handle:hover div.jx-arrow.jx-left,
.vertical div.jx-handle:active div.jx-arrow.jx-left {
  left: 0px;
  top: 0px;
}

.vertical div.jx-handle:hover div.jx-arrow.jx-right,
.vertical div.jx-handle:active div.jx-arrow.jx-right {
  right: 0px;
  bottom: 0px;
}

div.jx-image {
  position: absolute;
  height: 100%;
  display: inline-block;
  top: 0;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
}

.vertical div.jx-image {
  width: 100%;
  left: 0;
  top: auto;
}

div.jx-image img {
  height: 100%;
  width: auto;
  z-index: 5;
  position: absolute;
  margin-bottom: 0;
  max-height: none;
  max-width: none;
  max-height: initial;
  max-width: initial;
}

.vertical div.jx-image img {
  height: auto;
  width: 100%;
}

div.jx-image.jx-left {
  left: 0;
  background-position: left;
}

div.jx-image.jx-left img {
  left: 0;
}

div.jx-image.jx-right {
  right: 0;
  background-position: right;
}

div.jx-image.jx-right img {
  right: 0;
  bottom: 0;
}

.veritcal div.jx-image.jx-left {
  top: 0;
  background-position: top;
}

.veritcal div.jx-image.jx-left img {
  top: 0;
}

.vertical div.jx-image.jx-right {
  bottom: 0;
  background-position: bottom;
}

.veritcal div.jx-image.jx-right img {
  bottom: 0;
}

div.jx-image div.jx-label {
  font-size: 1em;
  padding: 0.25em 0.75em;
  position: relative;
  display: inline-block;
  top: 0;
  background-color: #000; /* IE 8 */
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  z-index: 10;
  white-space: nowrap;
  line-height: 18px;
  vertical-align: middle;
}

div.jx-image.jx-left div.jx-label {
  float: left;
  left: 0;
}

div.jx-image.jx-right div.jx-label {
  float: right;
  right: 0;
}

.vertical div.jx-image div.jx-label {
  display: table;
  position: absolute;
}

.vertical div.jx-image.jx-right div.jx-label {
  left: 0;
  bottom: 0;
  top: auto;
}

div.jx-credit {
  line-height: 1.1;
  font-size: 0.75em;
}

div.jx-credit em {
  font-weight: bold;
  font-style: normal;
}

/* Animation */
div.jx-image.transition {
  transition: width 0.5s ease;
}

div.jx-handle.transition {
  transition: left 0.5s ease;
}

.vertical div.jx-image.transition {
  transition: height 0.5s ease;
}

.vertical div.jx-handle.transition {
  transition: top 0.5s ease;
}

/* Knight Lab Credit */
a.jx-knightlab {
  background-color: #000; /* IE 8 */
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  display: table;
  height: 14px;
  line-height: 14px;
  padding: 1px 4px 1px 5px;
  position: absolute;
  right: 0;
  text-decoration: none;
  z-index: 10;
}

a.jx-knightlab div.knightlab-logo {
  display: inline-block;
  vertical-align: middle;
  height: 8px;
  width: 8px;
  background-color: #c34528;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: -1.25px;
  position: relative;
  cursor: pointer;
}

a.jx-knightlab:hover {
  background-color: #000; /* IE 8 */
  background-color: rgba(0, 0, 0, 0.35);
}

a.jx-knightlab:hover div.knightlab-logo {
  background-color: #ce4d28;
}

a.jx-knightlab span.juxtapose-name {
  display: table-cell;
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: white;
  font-size: 10px;
  padding-left: 0.375em;
  vertical-align: middle;
  line-height: normal;
  text-shadow: none;
}

/* keyboard accessibility */
div.jx-controller:focus,
div.jx-image.jx-left div.jx-label:focus,
div.jx-image.jx-right div.jx-label:focus,
a.jx-knightlab:focus {
  background: #eae34a;
  color: #000;
}

a.jx-knightlab:focus span.juxtapose-name {
  color: #000;
  border: none;
}

/* CUSTOM STYLES FOR DRA */
/* Remove logo and link */
a.jx-knightlab {
  display: none;
}

.juxtapose-cap {
  margin: 0 auto;
}
.juxtapose-cap .juxtapose-container {
  width: 100%;
  height: 0;
  position: relative;
  overflow: hidden;
}
.juxtapose-cap .juxtapose-container .juxtapose {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0px;
  left: 0px;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* Styles the form buttons */
body .slicewp-button-primary {
  background: #000;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
}

body .slicewp-button-primary:hover {
  background: #ED2991;
}

/* Styles the form fields */
body .slicewp-field-wrapper input[type=text],
body .slicewp-field-wrapper input[type=password],
body .slicewp-field-wrapper input[type=email],
body .slicewp-field-wrapper input[type=url],
body .slicewp-field-wrapper textarea,
body .slicewp-field-wrapper select {
  border: 2px solid #bdc3c7;
  padding: 5px 10px;
  background: #fff;
  border-radius: 5px;
}

/* Styles the form field labels */
body .slicewp-field-label-wrapper label {
  color: #000;
  font-size: 12.96px;
}

body table.slicewp-list-table th {
  background: #ED2991 !important;
}

body table.slicewp-list-table td {
  word-break: normal;
}

body .slicewp-field-label-wrapper label .slicewp-field-required-marker {
  color: #ED2991;
}

.slicewp-field-wrapper .slicewp-field-input-password .slicewp-show-hide-password {
  margin-top: -15px;
  transition: 0.2s;
}

.slicewp-field-wrapper {
  margin-bottom: 0;
}

.slicewp-lost-password {
  font-size: 12.96px;
}

.slicewp-field-wrapper.slicewp-field-wrapper-terms-and-conditions {
  margin-bottom: 25px;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./css/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./css/fonts/slick.eot");
  src: url("./css/fonts/slick.eot?#iefix") format("embedded-opentype"), url("./css/fonts/slick.woff") format("woff"), url("./css/fonts/slick.ttf") format("truetype"), url("./css/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent !important;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent !important;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: 0.2s;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}
.slick-prev:before {
  transition: 0.2s;
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  background: transparent !important;
  position: absolute;
  bottom: -35px;
  left: 0;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent !important;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  /*opacity: $slick-opacity-on-hover;*/
  background-color: rgba(255, 255, 255, 0.5);
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  /*font-family: $slick-font-family;
  font-size: $slick-dot-size;
  line-height: 20px;
  text-align: center;
  color: $slick-dot-color;
  opacity: $slick-opacity-not-active;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: rgb(255, 255, 255);
  border: 1px solid #fff;
  border-radius: 15px;
  transition: 0.2s;
}
.slick-dots li.slick-active button:before {
  /*color: $slick-dot-color-active;
  opacity: $slick-opacity-default;*/
  background-color: rgba(255, 255, 255, 0);
}

/**
 * Set up a decent box model on the root element
 */
html {
  box-sizing: border-box;
}

/* Stick Footer to bottom for short content pages */
html, body {
  height: 100%;
}

#page {
  height: 100%;
  display: flex;
  flex-direction: column;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #page {
    height: 100vh; /* Avoid the IE 10-11 `min-height` bug. */
  }
}
#content {
  flex: 1 0 auto; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
}

#bottomBar {
  flex-shrink: 0; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
  width: 100%;
}

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*, *::before, *::after {
  box-sizing: inherit;
}

/**
 * Basic styles for links
 */
a {
  color: #ED2991;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  transition: 0.2s;
  color: #000;
  text-decoration: underline;
}

/**
 * Basic typography style for copy text
 */
body {
  color: #000;
  font: normal 100%/1 "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.entryContent h1,
.entryContent h2,
.entryContent h3,
.entryContent h4,
.entryContent h5,
.entryContent h6 {
  margin-bottom: 0.4em;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

/*h1, h2 {
    letter-spacing: 1px;
}*/
h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.6em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.4em;
}

h5 {
  font-size: 1.3em;
}

h6 {
  font-size: 1em;
}

em {
  font-style: italic;
}

p, li, td, th, figcaption, label, select, input, textarea {
  /*font-size: .9em;*/
  font-size: 12.96px;
}

p, li, figcaption {
  line-height: 1.3;
}

p, figcaption {
  text-align: justify;
}

p {
  margin-bottom: 10px;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

small {
  font-size: 70%;
}

big {
  font-size: 125%;
}

.pinkTxt {
  color: #ED2991;
}

input, select, textarea {
  color: #000;
}

.stretch {
  letter-spacing: 1px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: inherit;
}

.ui-widget button {
  font-size: 0.9em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea {
  font-size: 12.96px;
}

#tribe-events-content li > ul {
  margin-bottom: 0 !important;
  margin-left: 1.5em;
  list-style: circle;
}

#tribe-events-content .pinkIconBullets {
  list-style: none;
}

/**
 * Clear inner floats
 */
/*.clearfix::after {
  clear: both;
  content: '';
  display: table;
}*/
.clear:before, .clear:after {
  display: table;
  content: "";
}

.clear:before, .clear:after {
  clear: both;
}

/*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/
/*.clear:before,
.clear:after,*/
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after {
  display: table;
  content: "";
}

/*.clear:after,*/
.entry-content:after,
.comment-content:after,
.site-content:after {
  clear: both;
}

/**
 * Main content containers
 * 1. Make the container full-width with a maximum width
 * 2. Center it in the viewport
 * 3. Leave some space on the edges, especially valuable on small screens
 */
.container {
  max-width: 1200px; /* 1 */
  margin-left: auto; /* 2 */
  margin-right: auto; /* 2 */
  padding-left: 20px; /* 3 */
  padding-right: 20px; /* 3 */
  width: 100%; /* 1 */
}

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text {
  overflow: hidden;
  padding: 0; /* 1 */
  text-indent: 101%;
  white-space: nowrap;
}

/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

.infoPopup {
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  margin: 20px;
  box-shadow: 3px 3px 6px #555;
  max-width: 640px;
}

.column-33 {
  width: 33%;
  padding-right: 20px;
  float: left;
}

.column-66 {
  width: 66%;
  padding-left: 20px;
  float: right;
}

.column-a {
  width: 50%;
  padding-right: 20px;
  float: left;
}

.column-b {
  width: 50%;
  padding-left: 20px;
  float: right;
}

.fieldBox .column-a,
.fieldBox .column-33 {
  padding-top: 3px;
}

@media screen and (max-width: 680px) {
  .column-33 {
    width: auto;
    padding-right: 0;
    float: none;
  }
  .column-66 {
    width: auto;
    padding-left: 0;
    float: none;
  }
  .column-a {
    width: auto;
    padding-right: 0px;
    float: none;
  }
  .column-a ul {
    margin-bottom: 0;
  }
  .column-b {
    width: auto;
    padding-left: 0px;
    float: none;
  }
}
.full-width {
  width: 100%;
}

.noMargin {
  margin: 0;
}

.spacedList li {
  margin-bottom: 20px;
}

ul.narrowList {
  margin: 0;
  list-style: none;
}

.pinkIconBullets, .whiteIconBullets, .patientBulletDarkBack, .pinkSrqIconBullets {
  margin: 0;
}
.pinkIconBullets > li, .whiteIconBullets > li, .patientBulletDarkBack > li, .pinkSrqIconBullets > li {
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 18px 17px;
  padding-left: 33px;
  padding-bottom: 13px;
}
.pinkIconBullets.tightList > li, .whiteIconBullets.tightList > li, .patientBulletDarkBack.tightList > li, .pinkSrqIconBullets.tightList > li {
  padding-bottom: 6px;
}

.pinkIconBullets > li {
  background-image: url("img/draIcon_pink.png");
}

.whiteIconBullets > li {
  background-image: url("img/draIcon_white.png");
}

.patientBulletDarkBack > li {
  background-image: url("img/patientBullet_18x17.png");
}

.pinkSrqIconBullets > li {
  background-image: url("img/srqIconPink_18x17.png");
}

/* @2x */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .pinkIconBullets > li {
    background-image: url("img/draIcon_pink@2x.png");
  }
  .whiteIconBullets > li {
    background-image: url("img/draIcon_white@2x.png");
  }
  .patientBulletDarkBack > li {
    background-image: url("img/patientBullet_18x17@2x.png");
  }
  .pinkSrqIconBullets > li {
    background-image: url("img/srqIconPink_18x17@2x.png");
  }
}
/* Overwrite with SVG if available */
.pinkIconBullets > li {
  background-image: linear-gradient(transparent, transparent), url("img/draIcon_pink.svg");
}

.whiteIconBullets > li {
  background-image: linear-gradient(transparent, transparent), url("img/draIcon_white.svg");
}

.patientBulletDarkBack > li {
  background-image: linear-gradient(transparent, transparent), url("img/patientBullet.svg");
}

.pinkSrqIconBullets > li {
  background-image: linear-gradient(transparent, transparent), url("img/srqIconPink.svg");
}

/* Override UL styling for content */
.entry-content ul.pinkIconBullets, .entry-content ul.whiteIconBullets, .entry-content ul.pinkSrqIconBullets, .entry-content ul.patientBulletDarkBack {
  list-style: none;
  margin: 0;
}

ul.patientBulletDarkBack ul, ul.pinkSrqIconBullets ul {
  margin-top: 10px;
}
ul.patientBulletDarkBack ul li, ul.pinkSrqIconBullets ul li {
  background: none;
  padding-left: 8px;
  padding-bottom: 0;
}

.biggerIcon {
  background-size: 28px 26px !important;
  left: -5px;
  position: relative;
  padding-left: 40px !important;
}

a.linkEmpty {
  color: #CCC;
}
a.linkEmpty:hover {
  color: #ED2991;
}

.r-mark {
  font-size: 50%;
  vertical-align: top;
}

/* ----- Responsive iFrame */
.responsive-iframe-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.responsive-iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lowerRight {
  position: absolute;
  right: 0;
  bottom: 0;
}

/*--------------------------------------------------------------
Sliders
--------------------------------------------------------------*/
.quoteSlider .slick-next {
  right: 10px;
}
.quoteSlider .slick-prev {
  left: 10px;
  z-index: 1;
}
.quoteSlider .slick-slide .quoteQuote, .quoteSlider .shortcodeQuoteContent .quoteQuote {
  position: relative;
  top: 70px;
  left: 50%;
  width: 62px;
  height: 62px;
  transform: translate(-50%, -50%);
  background: #000;
  border-radius: 50px;
  transition: 0.5s;
}
.quoteSlider .slick-slide .quoteQuote .tQuote, .quoteSlider .shortcodeQuoteContent .quoteQuote .tQuote {
  background-image: url("img/tQuote_68x54.png");
  background-image: linear-gradient(transparent, transparent), url("img/tQuote.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 35px;
  height: 55px; /* natural = 44. Bumped to give some space on top */
  background-position: center;
  margin: 0 auto;
}
.quoteSlider .slick-slide .quoteBox, .quoteSlider .shortcodeQuoteContent .quoteBox {
  color: #444;
  background: #000;
  padding: 30px 20px 20px;
  margin: 0 20px;
  transition: 0.5s;
  border-radius: 10px;
}
.quoteSlider .slick-slide .quoteBox p, .quoteSlider .shortcodeQuoteContent .quoteBox p {
  position: relative;
}
.quoteSlider .slick-slide .quoteBox p.quoteByline, .quoteSlider .shortcodeQuoteContent .quoteBox p.quoteByline {
  text-align: left;
}
.quoteSlider .slick-slide .quoteBox p .tReadMore, .quoteSlider .shortcodeQuoteContent .quoteBox p .tReadMore {
  float: right;
}
.quoteSlider .slick-slide:not(.slick-current) .tReadMore:hover, .quoteSlider .slick-slide:not(.slick-current) .tReadMore:active, .quoteSlider .slick-slide:not(.slick-current) .tReadMore:focus, .quoteSlider .shortcodeQuoteContent:not(.slick-current) .tReadMore:hover, .quoteSlider .shortcodeQuoteContent:not(.slick-current) .tReadMore:active, .quoteSlider .shortcodeQuoteContent:not(.slick-current) .tReadMore:focus {
  color: #444;
}
.quoteSlider .slick-slide.slick-current .quoteQuote, .quoteSlider .shortcodeQuoteContent.slick-current .quoteQuote {
  background: #fff;
}
.quoteSlider .slick-slide.slick-current .quoteBox, .quoteSlider .shortcodeQuoteContent.slick-current .quoteBox {
  color: #000;
  background: #fff;
}
.quoteSlider .slick-slide:focus, .quoteSlider .shortcodeQuoteContent:focus {
  outline: none;
}
.quoteSlider .slick-center {
  font-size: 100%;
  margin: 5px 0;
}

.cmeQuoteSlider .slick-slide .quoteQuote {
  background: #fff;
}
.cmeQuoteSlider .slick-slide .quoteBox {
  color: #000;
  background: #fff;
}

.homeQuoteSlider .slick-center {
  transform: scale(1.1) translateY(-20px);
  transition: 0.5s;
}

@media screen and (max-width: 767px) {
  .homeQuoteSlider .slick-center {
    transform: scale(1) translateY(-20px);
  }
}
.consultingQuoteSlider .slick-slide, .consultingQuoteSlider .shortcodeQuoteContent, .shortcodeQuoteSlider .slick-slide, .shortcodeQuoteSlider .shortcodeQuoteContent {
  position: relative;
  padding: 50px 0 0;
}
.consultingQuoteSlider .slick-slide .quoteQuote, .consultingQuoteSlider .shortcodeQuoteContent .quoteQuote, .shortcodeQuoteSlider .slick-slide .quoteQuote, .shortcodeQuoteSlider .shortcodeQuoteContent .quoteQuote {
  position: absolute;
  top: 50px;
}

.cmeQuoteSlider .slick-center {
  margin: 0;
}
.cmeQuoteSlider .videoFormat .slideBox {
  max-width: 620px;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
.cmeQuoteSlider .videoFormat .slideBox .slide-video {
  margin: 0 20px;
}
.cmeQuoteSlider .textFormat {
  position: relative;
  padding: 50px 0 0;
}
.cmeQuoteSlider .textFormat .slideBox {
  max-width: 940px;
  margin: 0 auto;
}
.cmeQuoteSlider .textFormat .slideBox .quoteQuote {
  position: absolute;
  top: 50px;
}

.shortcodeQuoteSlider {
  background: #000;
  border-radius: 20px;
  padding-bottom: 20px;
  margin: 40px 20px;
}

.mediaCarouselSlider-main .slick-slide .slide-image {
  display: block;
  width: 100%;
}

.mediaCarouselSlider-nav {
  margin-top: 20px;
}
.mediaCarouselSlider-nav .playBtn {
  background-image: url("img/playBtn_300x300.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 100%;
  max-width: 50px;
}
.mediaCarouselSlider-nav img {
  width: 50px;
  height: auto;
}
.mediaCarouselSlider-nav .slick-slide {
  margin: 0 5px;
}
.mediaCarouselSlider-nav .slick-slide .slide-image {
  text-align: center;
}
.mediaCarouselSlider-nav .slick-slide .playBtn, .mediaCarouselSlider-nav .slick-slide img {
  display: inline-block;
  border: 1px solid #fff;
}
.mediaCarouselSlider-nav .slick-slide.slick-current .playBtn, .mediaCarouselSlider-nav .slick-slide.slick-current img {
  border: 2px solid #ED2991;
}

/* @2x */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .mediaCarouselSlider-nav .playBtn {
    background-image: url("img/playBtn_300x300@2x.png");
  }
}
/* Load desktop size graphics if over mobile size */
/* @2x Desktop */
/* Overwrite with SVG if available */
.mediaCarouselSlider-nav .playBtn {
  background-image: linear-gradient(transparent, transparent), url("img/playBtn.svg");
}

.collapsibleForm {
  transition: 0.2s;
  border-radius: 10px;
}
.collapsibleForm .collapsibleFormBtn {
  border-radius: 10px;
  padding: 10px 15px;
  margin: 0 auto;
  display: block;
}
.collapsibleForm form {
  display: none;
  margin-top: 10px;
}
.collapsibleForm.active {
  width: 100%;
  background: black;
  padding: 20px;
}
.collapsibleForm.active .collapsibleFormBtn {
  cursor: default;
  background: black !important;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.redMsg, .error:not(input, textarea), .cwginstockerror {
  padding: 10px 30px;
  text-align: center;
  border: 1px solid red;
  color: red;
  border-radius: 6px;
  background-color: rgba(255, 0, 0, 0.2);
}
.redMsg p, .error:not(input, textarea) p, .cwginstockerror p {
  margin: 0;
}

.greenMsg, .success:not(input, textarea), .cwginstocksuccess {
  padding: 10px 30px;
  text-align: center;
  border: 1px solid #008C00;
  color: #008C00;
  border-radius: 6px;
  background-color: rgba(0, 140, 0, 0.2);
}
.greenMsg p, .success:not(input, textarea) p, .cwginstocksuccess p {
  margin: 0;
}

.yellowMsg {
  padding: 10px 30px;
  text-align: center;
  border: 1px solid #E1E100;
  border-radius: 6px;
  background-color: rgba(225, 225, 0, 0.2);
}

.subtleMsg {
  padding: 10px 30px;
  text-align: center;
  border: 1px solid #e0e0e0;
  color: #999;
  border-radius: 6px;
  background-color: rgba(220, 220, 220, 0.2);
}

p.greenMsg, p.redMsg, p.yellowMsg, p.subtleMsg {
  position: relative;
}

.msgClose {
  position: absolute;
  right: 15px;
  top: 10px;
  cursor: pointer;
  color: #333;
  font-weight: bold;
}
.msgClose:hover {
  color: #ED2991;
}

.cwginstocksuccess, .cwginstockerror {
  margin-bottom: 15px;
}

.scrollBox {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 400px;
  border: 1px solid #555;
  padding: 10px;
  box-shadow: inset 1px 3px 3px #999;
  border-radius: 15px;
}

.simpleScrollBox {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 400px;
  padding: 10px;
  box-shadow: inset 1px 3px 3px #999;
}

#draTabs {
  border-bottom: 2px solid #ED2991;
}
#draTabs ul {
  margin-left: 0 !important;
}
#draTabs ul li {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 6px 6px 0 0;
  color: #fff;
  background: #000;
}
#draTabs ul li.currentPage, #draTabs ul li.current_page_item {
  background: #ED2991;
}
#draTabs ul li a {
  color: #fff;
}
#draTabs ul li a:hover, #draTabs ul li a:active, #draTabs ul li a:focus {
  text-decoration: none;
}

.hasTabs {
  position: relative;
  border-radius: 0 10px 10px 10px !important;
}
.hasTabs #draTabs {
  position: absolute;
  top: -26px;
  border-bottom: none;
}
.hasTabs #draTabs ul li.currentPage {
  background: #fff;
}
.hasTabs #draTabs ul li.currentPage a {
  color: #ED2991;
}

.diamondPatternBack #draTabs {
  border-bottom: 2px solid #fff;
}
.diamondPatternBack #draTabs ul li {
  color: #fff;
  background: #7f1865;
  margin-right: 4px;
}
.diamondPatternBack #draTabs ul li.currentPage, .diamondPatternBack #draTabs ul li.current_page_item {
  background: #fff;
  color: #7f1865;
}
.diamondPatternBack #draTabs ul li.currentPage a, .diamondPatternBack #draTabs ul li.current_page_item a {
  color: #7f1865;
}

/* Between Tablet and Mobile */
@media screen and (max-width: 767px) {
  #draTabs ul li {
    border-radius: 6px;
    margin-bottom: 4px;
  }
  .hasTabs {
    border-radius: 10px !important;
    padding-top: 0 !important;
  }
  .hasTabs #draTabs {
    position: relative;
    top: -35px;
  }
}
.hoverDebugBox {
  z-index: 2;
  cursor: pointer;
  position: relative;
}
.hoverDebugBox span {
  color: #ED2991;
  font-size: 70%;
  position: absolute;
  z-index: 2;
}
.hoverDebugBox .hiddenBox {
  background: rgba(255, 255, 255, 0.9);
  display: none;
  z-index: 2;
  position: absolute;
  width: 100%;
}
.hoverDebugBox:hover .hiddenBox {
  display: block;
}

#floatingContactButton {
  position: fixed;
  bottom: 10px;
  right: 10px;
}
#floatingContactButton button {
  border: 4px solid #ED2991;
}

@media screen and (max-width: 900px) {
  #training #bottomBar, #consulting #bottomBar {
    padding-bottom: 80px;
  }
}
.otgs-development-site-front-end {
  display: none !important;
}

.visually-hidden, .hiddenData {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  direction: ltr;
}

#topBar {
  background: #fff;
  padding: 15px 0;
  width: 100%;
}
#topBar .container {
  justify-content: flex-end;
}

.btnGroup {
  float: right;
}
.btnGroup a:hover {
  text-decoration: none;
}
.btnGroup button {
  vertical-align: middle;
}

.siteHeader {
  background: #000 url("img/avellanet_banner_530x442.jpg") no-repeat fixed center;
  padding-bottom: 300px; /* reduce for mobile */
}

#patient_asa .patientHeader {
  background: #000 url("img/patientBanner_1920x1600.jpg") no-repeat fixed center;
  background-size: cover;
}

#patient_asa-srq .patientHeader {
  background: #000 url("img/srqBanner_1920x1600.jpg") no-repeat fixed center;
  background-size: cover;
}

.draIcon-Landing {
  transition: 0.2s;
}

.siteHeader, .patientHeader {
  width: 100%;
  position: relative;
  background-size: cover;
}
.siteHeader section, .patientHeader section {
  padding: 10px 0;
  background: transparent;
}
.siteHeader .container, .patientHeader .container {
  position: relative;
  display: flex;
  align-items: center;
}
.siteHeader .headerLogo, .patientHeader .headerLogo {
  display: inline-block;
  margin-right: 25px;
  height: 43px;
  width: 45px;
  min-width: 45px;
  vertical-align: middle;
}
.siteHeader .headerLogo a, .patientHeader .headerLogo a {
  padding: 0;
}
.siteHeader .headerLogo a:hover .draIcon-Landing, .patientHeader .headerLogo a:hover .draIcon-Landing {
  fill: #ED2991;
}
.siteHeader .headerLogoBR, .patientHeader .headerLogoBR {
  width: 137px;
  height: 129px;
  position: absolute;
  right: 20px;
  bottom: -280px;
}
.siteHeader #heading, .patientHeader #heading {
  margin-left: auto;
  text-shadow: 0 0 20px #000;
}
.siteHeader #heading h1, .patientHeader #heading h1 {
  margin: 0;
  letter-spacing: 0.25em;
}
.siteHeader #heading .draLogo-white, .siteHeader #heading .draLogoLanding, .siteHeader #heading .draLogoLanding_es, .patientHeader #heading .draLogo-white, .patientHeader #heading .draLogoLanding, .patientHeader #heading .draLogoLanding_es {
  display: none;
}

#global .siteHeader {
  padding-bottom: 370px;
}
#global .siteHeader .headerLogoBR {
  bottom: -260px;
}

/* Make sure background on home stays high-res */
.siteHeader.homeHeader {
  background-image: url("img/avellanet_banner_1920x1600.jpg");
}

/* @2x */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .siteHeader {
    background-image: url("img/avellanet_banner_530x442@2x.jpg");
  }
}
/* Load desktop size graphics if over mobile size */
@media only screen and (min-width: 531px) {
  .siteHeader {
    background-image: url("img/avellanet_banner_1920x1600.jpg");
  }
  .siteHeader:not(.homeHeader) {
    background-position-y: -90px;
  }
}
/* @2x Desktop */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 531px) {
  .siteHeader {
    background-position-y: center;
  }
}
/* Reduced header */
.reducedHeader .siteHeader {
  background: #000;
  padding-bottom: 10px;
}

.homeHeader,
#patient_asa .patientHeader,
#patient_asa-srq .patientHeader {
  min-height: 100%;
}

.patientHeader section {
  z-index: 2;
  position: relative;
}
.patientHeader #heading {
  text-shadow: none;
}

.page:not(.isSRQ) .patientHeader section {
  background: #D51B8D;
  border-bottom: 5px solid #680E4A;
}
.page:not(.isSRQ) .patientHeader #mainMenu li.currentPage a, .page:not(.isSRQ) .patientHeader #mainMenu li.current_page_item a, .page:not(.isSRQ) .patientHeader #mainMenu li.current-menu-parent a:not(.sub-menu a) {
  color: #680E4A;
}
.page:not(.isSRQ) .patientHeader #mainMenu li a:hover, .page:not(.isSRQ) .patientHeader #mainMenu li a:active {
  color: #680E4A;
}
.page:not(.isSRQ) .patientHeader #mainMenu li a:focus {
  color: #fff;
  text-decoration: none;
}
.page:not(.isSRQ) .patientHeader #mainMenu .sub-menu li, .page:not(.isSRQ) .patientHeader #mainMenu .children li {
  background-color: #D51B8D;
}
.page:not(.isSRQ) .patientHeader #mainMenu .sub-menu li:hover:not(.current_page_item), .page:not(.isSRQ) .patientHeader #mainMenu .sub-menu li:focus:not(.current_page_item), .page:not(.isSRQ) .patientHeader #mainMenu .children li:hover:not(.current_page_item), .page:not(.isSRQ) .patientHeader #mainMenu .children li:focus:not(.current_page_item) {
  background-color: #D51B8D;
}
.page:not(.isSRQ) .patientHeader #mainMenu .sub-menu li:not(.current_page_item) a:hover, .page:not(.isSRQ) .patientHeader #mainMenu .sub-menu li:not(.current_page_item) a:focus, .page:not(.isSRQ) .patientHeader #mainMenu .children li:not(.current_page_item) a:hover, .page:not(.isSRQ) .patientHeader #mainMenu .children li:not(.current_page_item) a:focus {
  background-color: #D51B8D;
}
.page:not(.isSRQ) .patientHeader #heading {
  text-shadow: none;
}
.page.isSRQ:not(#patient_asa-srq) .patientHeader section {
  background: #000;
  border-bottom: 5px solid #4C4C4C;
}

/* Used when centering text and images for both H & V */
.fullPageCenteredContentContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fullPageCenteredContentContainer .centered-content {
  padding: 20px;
}

#patient_asa-srq .patientHeader {
  display: grid;
  grid-template-rows: max-content;
  align-items: start;
}
#patient_asa-srq .patientHeader #patientHeading .centered-content .srqLogo {
  height: 0;
  margin: 15px auto 35px;
}

#patient_asa .patientHeader #patientHeading {
  position: absolute;
}

#patient_asa .patientHeader #patientHeading,
#patient_asa-srq .patientHeader #patientHeading {
  text-align: center;
  filter: drop-shadow(0 0 16px #000);
  top: 50%;
  width: 100%;
  transform: translateZ(0);
}
#patient_asa .patientHeader #patientHeading figure,
#patient_asa-srq .patientHeader #patientHeading figure {
  padding: 0 40px;
  height: 0;
}
#patient_asa .patientHeader #patientHeading figure .patientLogo,
#patient_asa-srq .patientHeader #patientHeading figure .patientLogo {
  display: block;
  transform: translateY(-50%);
  max-width: 360px;
  margin: 0 auto;
  position: relative;
  top: 50px;
}
#patient_asa .patientHeader #patientHeading figure .srqLogo,
#patient_asa-srq .patientHeader #patientHeading figure .srqLogo {
  display: block;
  transform: translateY(-50%);
  max-width: 500px;
  margin: 0 auto;
  position: relative;
  top: 50px;
}

@media screen and (max-width: 530px) {
  #patient_asa-srq .patientHeader {
    align-items: center;
  }
}
@media screen and (max-width: 530px), (orientation: landscape) and (max-height: 730px) {
  #patient_asa-srq .patientHeader #patientHeading .centered-content h2 {
    font-size: 3.8em !important;
  }
  #patient_asa-srq .patientHeader #patientHeading .centered-content h4 {
    font-size: 2.8em !important;
  }
  #patient_asa-srq .patientHeader #patientHeading .centered-content h6 {
    font-size: 1.5em !important;
  }
  #patient_asa-srq .patientHeader #patientHeading .centered-content p {
    font-size: inherit !important;
  }
  #patient_asa-srq .patientHeader #patientHeading .centered-content .srqLogo {
    max-width: 250px !important;
    height: 114px !important;
    padding-top: 0 !important;
  }
}
@media (orientation: landscape) and (max-height: 540px) {
  #patient_asa-srq .patientHeader #patientHeading .srqLogo {
    max-width: 250px !important;
  }
}
/* iPhone / iPad */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .siteHeader,
  #patient_asa .patientHeader,
  #patient_asa-srq .patientHeader {
    background-attachment: scroll;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .siteHeader {
    background-position-y: -60px;
  }
}
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.headerNav {
  display: inline-block;
}

/* Logged In Styles */
.loginHeader {
  display: inline-block;
}
.loginHeader span {
  font-weight: bold;
}
.loginHeader a {
  text-decoration: none;
}

@media screen and (max-width: 820px) {
  #heading h1 {
    display: none;
  }
}
#topBar .languageNav .sub-menu {
  right: 20px;
}

/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 100; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #000;
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 80px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
.sidenav .headerLogo {
  margin-left: 20px;
  margin-top: 20px;
  position: absolute;
  top: 0;
}
.sidenav {
  /* The navigation menu links */
}
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 12.96px;
  color: #fff;
  display: block;
  white-space: nowrap;
}
.sidenav a:hover {
  color: #ED2991;
}
.sidenav .side-nav-menu .menu-item-has-children {
  /*a[href="#"] {
      display: none;
  }*/
}
.sidenav .side-nav-menu .menu-item-has-children .sub-menu {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  margin-left: 32px;
}
.sidenav {
  /* Position and style the close button (top right corner) */
}
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.sidenav .menu li {
  display: block;
  padding: 0;
}
.sidenav hr {
  margin: 10px 32px;
}
.sidenav .btnGroup {
  float: none;
  margin-left: 32px;
}
.sidenav .btnGroup a {
  padding: 0;
}
.sidenav .btnGroup button {
  margin: 20px 0;
  display: block;
  white-space: nowrap;
}
.sidenav .btnGroup .social-menu {
  display: block;
}
.sidenav .btnGroup .social-menu li {
  padding: 0;
}
.sidenav .btnGroup .social-menu li svg {
  margin: 0;
}
.sidenav .btnGroup .loginHeader span {
  font-weight: normal;
}
.sidenav .btnGroup .languageNav {
  padding: 15px 0;
}
.sidenav .btnGroup .languageNav li {
  padding: 0;
  /*a[href="#pll_switcher"] {
      display: none;
  }*/
}
.sidenav .btnGroup .languageNav li .sub-menu {
  clip: inherit;
  overflow: inherit;
  height: inherit;
  width: inherit;
  position: relative;
}
.sidenav .btnGroup .languageNav li .sub-menu li:hover, .sidenav .btnGroup .languageNav li .sub-menu li:focus {
  background-color: transparent;
}
.sidenav .btnGroup .languageNav li .sub-menu a:hover, .sidenav .btnGroup .languageNav li .sub-menu a:focus {
  color: #ED2991;
  background-color: transparent;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
/*#main {
  transition: margin-left .5s;
  padding: 20px;
}*/
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
/*@media screen and (max-height: 550px) {
    .sidenav a { font-size: 12.96px; }
}
@media screen and (max-width: 475px) {
    .sidenav a { font-size: 12.96px; }
}*/
/* Small menu */
.menuToggle {
  display: none;
  cursor: pointer;
  font-size: 2.2em;
}

@media screen and (max-width: 530px) {
  .siteHeader {
    padding-top: 20px;
    height: 413px;
    padding-bottom: 393px;
  }
  .siteHeader:not(.homeHeader) {
    background-attachment: scroll;
  }
  .siteHeader section {
    padding: 0;
  }
  .siteHeader section .container {
    display: block;
  }
  .siteHeader #heading {
    float: none;
    padding: 0 40px;
    height: 285px;
  }
  .siteHeader #heading .draLogo-white, .siteHeader #heading .draLogoLanding, .siteHeader #heading .draLogoLanding_es {
    display: block;
    transform: translateY(-50%);
    position: relative;
    top: 50%;
  }
  .siteHeader .headerLogoBR {
    display: none;
  }
  #global .siteHeader {
    height: 450px;
  }
  #patient_asa .patientHeader #patientHeading figure .patientLogo,
  #patient_asa-srq .patientHeader #patientHeading figure .srqLogo {
    top: 0;
  }
  .menuToggle {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 3px;
    margin: 0;
  }
  .menuToggle:hover, .menuToggle:focus {
    color: #ED2991;
  }
  #mainMenu, #topBar {
    display: none;
  }
}
.grecaptcha-badge {
  display: none;
}

.siteFooter {
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
}
.siteFooter a {
  color: #fff;
}
.siteFooter #outroBox {
  padding: 50px 20px;
  background-color: #000;
}
.siteFooter #outroBox .logoBox {
  max-width: 250px;
  margin: 0 auto;
}
.siteFooter #bottomBar {
  background: #ED2991;
  padding: 0 16px 16px;
}
.siteFooter #bottomBar ul {
  margin: 0 auto;
}
.siteFooter #bottomBar ul li {
  display: inline-block;
  padding: 16px 16px 0;
}
.siteFooter #bottomBar ul li a:hover, .siteFooter #bottomBar ul li a:active {
  color: #fff;
}
.siteFooter #bottomBar {
  /*#bottom-bar-menu {
      li:first-child {
          ::before {
              content: "\00a9  2023 ";
          }
      }
  }*/
}

.patientFooter.siteFooter #bottomBar {
  background: #D51B8D;
}

#comingSoon #outroBox {
  display: none;
}

#siteSwitch {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.siteSwitchQuestion {
  text-transform: none;
  line-height: 1.5;
  max-width: 300px;
  padding: 15px;
}

.siteSwitchQuestion, .siteSwitchLink {
  padding: 10px;
}

.siteSwitchLink button {
  background: transparent !important;
  border: 1px solid #ED2991;
  color: #ED2991;
  padding: 10px;
  line-height: 1.2;
}
.siteSwitchLink button:hover, .siteSwitchLink button:active, .siteSwitchLink button:focus {
  border: 1px solid #fff;
  color: #fff;
}

button, input[type=submit], input[type=button], input[type=reset] {
  background: #000;
  border: none;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  padding: 5px 10px;
  transition: 0.2s;
}

button.purchaseBtn {
  border-radius: 3px;
}
button.purpleBtn {
  background: #b700a1;
  padding: 11px 20px;
  font-weight: 700;
}
button.purpleBtn:hover, button.purpleBtn:focus {
  background: rgb(81, 0, 71.262295082);
}

button:hover,
button:focus,
input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=button]:focus,
input[type=reset]:focus {
  background: #ED2991;
}

.reverseBox button, .reverseBox input[type=submit], .reverseBox input[type=button], .reverseBox input[type=reset] {
  background: #ED2991;
}
.reverseBox button:hover,
.reverseBox button:focus,
.reverseBox input[type=submit]:hover,
.reverseBox input[type=button]:hover,
.reverseBox input[type=reset]:hover,
.reverseBox input[type=submit]:focus,
.reverseBox input[type=button]:focus,
.reverseBox input[type=reset]:focus {
  background: rgb(162.3448275862, 13.6551724138, 92.5517241379);
}

.groundedBtn {
  border-radius: 5px 5px 0 0;
  margin: 0 10px;
}

input:disabled, option:disabled {
  cursor: not-allowed;
}

input[type=text]:disabled,
input[type=number]:disabled,
input[type=tel]:disabled,
input[type=email]:disabled,
input[type=url]:disabled,
textarea:disabled,
select:disabled {
  background: #eee;
  color: #bbb;
  cursor: not-allowed;
}

button:disabled,
input[type=submit]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.redBtn, input[type=submit].redBtn {
  background: #AD0000;
}

.redBtn:hover, input[type=submit].redBtn:hover {
  background: #470000;
}

.loadingBarSpinner.spinner {
  right: 20px;
  bottom: 20px; /* Change to 60 with reCAPTCHA, default 20 */
  position: absolute;
  z-index: 19 !important;
  cursor: help;
}
.loadingBarSpinner.spinner .spinnerIcon {
  width: 40px;
  height: 40px;
  border: solid 4px transparent;
  border-top-color: #ED2991 !important;
  border-left-color: #ED2991 !important;
  border-radius: 50%;
  animation: loadingBarSpinner 400ms linear infinite;
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.loadingBarSpinner.spinner .statusIcon {
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.3s ease 0.2s;
  position: absolute;
}

.smallSpinner.loadingBarSpinner.spinner {
  bottom: 28px;
}
.smallSpinner.loadingBarSpinner.spinner .spinnerIcon {
  width: 20px;
  height: 20px;
}
.smallSpinner.loadingBarSpinner.spinner.approved .spinnerIcon {
  animation: none;
  border-color: #78b13f !important;
  background-color: #78b13f;
}
.smallSpinner.loadingBarSpinner.spinner.approved .spinnerIcon .statusIcon {
  opacity: 1;
  transform: rotate(45deg) scale(0.5);
  width: 10px;
  height: 20px;
  bottom: -3px;
  border-right: 4px solid #fff;
  border-bottom: 4px solid #fff;
}
.smallSpinner.loadingBarSpinner.spinner.denied .spinnerIcon {
  animation: none;
  border-color: #d9534f !important;
  background-color: #d9534f;
}
.smallSpinner.loadingBarSpinner.spinner.denied .spinnerIcon .statusIcon {
  opacity: 1;
  transform: scale(0.5);
  width: 20px;
  height: 20px;
  position: relative;
}
.smallSpinner.loadingBarSpinner.spinner.denied .spinnerIcon .statusIcon::before, .smallSpinner.loadingBarSpinner.spinner.denied .spinnerIcon .statusIcon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 4px;
  background: #fff;
  transform-origin: center;
}
.smallSpinner.loadingBarSpinner.spinner.denied .spinnerIcon .statusIcon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.smallSpinner.loadingBarSpinner.spinner.denied .spinnerIcon .statusIcon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.smallSpinner.loadingBarSpinner.spinner.denied::after {
  content: "Verification Failed";
  position: absolute;
  left: 30px;
  top: 4px;
  font-size: 12px;
  color: #d9534f;
  white-space: nowrap;
}

/* Style for Admin pages and BA Gallery page */
.listContainer, #ba-gallery {
  position: relative;
}
.listContainer .loadingBarSpinner.spinner, #ba-gallery .loadingBarSpinner.spinner {
  right: 50%;
  margin-right: -25px;
  bottom: 0;
}

@keyframes loadingBarSpinner {
  0% {
    transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
input[type=text],
input[type=number],
input[type=tel],
input[type=email],
input[type=password],
input[type=search],
input[type=username],
input[type=file],
input[type=url],
textarea,
select {
  padding: 5px;
  margin-bottom: 16px;
  margin-top: 8px;
}

form input[type=text],
form input[type=number],
form input[type=tel],
form input[type=email],
form input[type=password],
form input[type=search],
form input[type=username],
form input[type=file],
form input[type=url],
form textarea,
form select {
  width: 100%;
  max-width: 285px;
}

.comment-form input[type=text],
.comment-form input[type=number],
.comment-form input[type=tel],
.comment-form input[type=email],
.comment-form input[type=password],
.comment-form input[type=search],
.comment-form input[type=username],
.comment-form input[type=file],
.comment-form input[type=url],
.comment-form textarea,
.comment-form select {
  max-width: 100%;
}

.spanishField {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAABFElEQVR4AXWRA2i1cRjF/1+2cbN1c32evYUpzVuYGWczDJk3D7kWZiPMtm2bv3quUb/X5zw4r1JquUn9GFcKei1pNQONgOGrMv+hPb9jPy//uCiX83ZGlrCRkABrUZGwHBoKOuQY8nM+o2M+i1OOb84v315fheenJ+Hh7k7OsDM5qTekJn6EhLxj29t8Qu3IJoaPhrrPxcV3zhh8vN+a41omwtNkhqWAgHl3d5j69ds40sfo8CfFqE0TDC4ur7p/5SgmtFoY1WgE3pSLgZGGBt45i5oOdjfmUVJ6YQGkQAdmM5/bCnYwGRKDdpjKSkpu5qz29ysMaXHXjCHdZVHzXQXZR3ZY5tJr+JfkINQbqFGq3AD330z3KxYPLa4VAAAAAElFTkSuQmCC");
  background-size: 16px 11px;
  background-repeat: no-repeat;
  background-position: left 17px;
  padding-left: 25px;
}
.spanishField input, .spanishField textarea {
  max-width: 260px !important;
}

.search-form {
  display: flex;
  align-items: center;
}
.search-form .search-field {
  margin: 0;
  border-radius: 5px 0 0 5px;
  border: 0;
  height: 18.33px;
}
.search-form .search-submit {
  border-radius: 0 5px 5px 0;
}

#primary .search-form .search-field {
  border: 1px solid #000;
  height: 16.33px;
}

/* Help align text with input */
.fieldBox .column-33 {
  margin-top: 12px;
}

/* --- custom-select styles --- */
.custom-select {
  position: relative;
  margin: 8px 0 16px;
}
.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: #fff;
  color: #000;
  border-color: #fff;
  /* Style the arrow inside the select element: */
}
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #000 transparent transparent transparent;
}
.select-selected {
  /* Point the arrow upwards when the select box is open (active): */
}
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #000 transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div, .select-selected {
  font-size: 0.8em;
  padding: 6px 5px;
  border-width: 2px;
  border-style: solid;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #ED2991;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  max-height: 200px;
  overflow: auto;
}
.select-items div {
  color: #fff;
  border-color: #ED2991;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgb(162.3448275862, 13.6551724138, 92.5517241379);
}

.requiredLabel:after {
  content: " *";
  color: #ED2991;
  font-weight: normal;
}

span.required {
  color: #ED2991;
}

.recaptcha-disclaimer, .reverseBox .recaptcha-disclaimer {
  color: #777;
  line-height: 1;
}
.recaptcha-disclaimer a, .reverseBox .recaptcha-disclaimer a {
  color: #777;
}
.recaptcha-disclaimer a:hover, .reverseBox .recaptcha-disclaimer a:hover {
  text-decoration: none;
  color: #ED2991;
}

.consent {
  padding-bottom: 10px;
}
.consent input[type=checkbox] {
  margin-right: 5px;
  vertical-align: middle;
}
.consent small {
  font-size: 11.2px;
}

/* Customized custom-select styles */
.custom-select.baCatSelector .select-selected, .custom-select.eventCatSelector .select-selected, .custom-select.resFilterOptions .select-selected {
  border: 1px solid #767676;
  padding: 8px 30px 8px 8px;
  border-radius: 4px;
  vertical-align: middle;
}
.custom-select.baCatSelector .select-items, .custom-select.eventCatSelector .select-items, .custom-select.resFilterOptions .select-items {
  left: unset;
}
.custom-select.baCatSelector .select-items div, .custom-select.eventCatSelector .select-items div, .custom-select.resFilterOptions .select-items div {
  padding: 6px 26px 6px 8px;
}
.custom-select.eventCatSelector {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.custom-select.eventCatSelector span {
  margin-right: 10px;
}
.custom-select.eventCatSelector .select-selected {
  border: 1px solid #d5d5d5;
}
.custom-select.baCatSelector {
  display: inline-block;
  margin: 0 10px 30px 0;
}
.custom-select.baCatSelector .select-selected {
  display: inline-block;
  min-width: 150px;
  max-width: 300px;
  border: 1px solid #d5d5d5;
}
.custom-select.resFilterOptions {
  display: inline-block;
  margin-right: 10px;
}
.custom-select.resFilterOptions .select-selected {
  display: inline-block;
  min-width: 150px;
  max-width: 300px;
}

/* doc order list styles */
.changeOrderWrapper .ui-state-default {
  padding: 3px 3px 3px 0;
  font-size: 80%;
  cursor: move;
}

.changeOrderWrapper .ui-icon {
  display: inline-block;
}

/* Toggle Switch Styles */
.switch-field {
  display: flex;
  margin-bottom: 36px;
  overflow: hidden;
}
.switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}
.switch-field label {
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  line-height: 1;
  text-align: center;
  padding: 8px 16px;
  margin-right: -1px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  transition: all 0.1s ease-in-out;
}
.switch-field label:hover {
  cursor: pointer;
}
.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
}
.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0;
}
.switch-field input:checked + label {
  background-color: #ED2991;
  box-shadow: none;
  color: #fff;
}

.ui-dialog .ui-widget-header {
  background: #ED2991;
  color: #fff;
  border: none;
}
.ui-dialog .ui-widget-header .ui-button:active {
  border: 1px solid rgb(21.2155172414, 1.7844827586, 12.0948275862);
  background: rgb(68.2586206897, 5.7413793103, 38.9137931034);
}

form .column-66, form .column-33 {
  font-size: 12.96px;
}

#home, #global {
  background-color: #000;
}

/* Coming Soon */
#comingSoon #content {
  height: 100%;
}
#comingSoon #content .comingSoonBox {
  text-align: center;
  color: #ED2991;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
#comingSoon #content .comingSoonBox .logoBox {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 0 20px;
}
#comingSoon #content .comingSoonBox .draLogo-white, #comingSoon #content .comingSoonBox .draLogoLanding, #comingSoon #content .comingSoonBox .draLogoLanding_es {
  margin-top: 30px;
  /*transform: translateY(-50%);*/
}
#comingSoon #content .comingSoonBox {
  /*.draLogoTxt-white {
      margin-top: 30px;
      transform: translateY(-50%);
  }*/
}
#comingSoon #content .comingSoonBox h2 {
  font-style: italic;
  margin: 30px 0 80px;
  letter-spacing: 1px;
}
#comingSoon .siteFooter {
  position: absolute;
  width: 100%;
  bottom: 0;
}

#homeHeading {
  position: absolute;
  text-align: center;
  filter: drop-shadow(0 0 20px #000);
  top: 50%;
  width: 100%;
  transform: translateZ(0);
}
#homeHeading figure {
  padding: 0 40px;
}
#homeHeading figure .draLogoTxt-white, #homeHeading figure .draLogoTxtLanding, #homeHeading figure .draLogoTxtLanding_es {
  margin: 0 auto;
  transform: translateY(-50%);
}
#homeHeading figure .draLogo-white, #homeHeading figure .draLogoLanding, #homeHeading figure .draLogoLanding_es {
  display: none;
}

.connectBtnBox {
  transform: rotate(-90deg) translate(100%, 100%);
  transform-origin: 100% 100%;
  position: absolute;
  right: 26px;
  top: 58%;
}
.connectBtnBox a:hover, .connectBtnBox a:active, .connectBtnBox a:focus {
  text-decoration: none;
}
.connectBtnBox .connectBtn {
  border-radius: 5px 5px 0 0;
}

.outlinedHeader h2 {
  font-size: 47px;
  margin: 50px 0 25px;
  text-align: center;
  line-height: 1.3;
}
.outlinedHeader hr {
  max-width: 165px;
  border: 1px solid #ED2991;
  margin: 0 auto;
}

#chooseExperienceSection {
  background-image: url("img/pinkDiamondBack_1920x1920.jpg");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 4px solid #ED2991;
  border-bottom: 4px solid #ED2991;
}
#chooseExperienceSection .experienceSquares {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  filter: drop-shadow(0 0 20px #fff);
  margin-bottom: 25px;
}
#chooseExperienceSection .experienceSquares a {
  padding: 50px;
}
#chooseExperienceSection .whiteGradient {
  background: #fff;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 40%, rgba(255, 255, 255, 0.87) 60%, rgba(255, 255, 255, 0) 100%);
}
#chooseExperienceSection .shine {
  animation: none;
}
#chooseExperienceSection .shiny-svg:hover .shine {
  animation: shine-sweep 0.5s;
}

@keyframes shine-sweep {
  0% {
    x: -50%;
  }
  100% {
    x: 100%;
  }
}
/* For Desktop */
@media screen and (min-width: 700px) {
  #chooseExperienceSection .outlinedHeader h2 {
    margin-top: 75px;
  }
}
@media screen and (max-width: 699px) {
  #chooseExperienceSection .experienceSquares {
    flex-direction: column;
    align-items: center;
  }
  #chooseExperienceSection .experienceSquares a {
    padding: 30px;
  }
}
#yanirisWideBannerSection {
  position: relative;
  background-color: #191825;
}

#yanirisWideBannerSection .container {
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 117.7%; /* 100 * (777/660) */
  background-image: url("img/DrA-LandingPageBanner2_660x777.jpg");
  /* Overlay sits on top of the base image */
}
#yanirisWideBannerSection .container .background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("img/DrA-LandingPageBanner_660x777-hover.jpg");
  background-size: contain;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none; /* allow clicks through */
}
#yanirisWideBannerSection .container.hovered .background-overlay {
  opacity: 1;
}
#yanirisWideBannerSection .container .draInfoBox {
  text-align: center;
  background-color: transparent;
  position: absolute;
  top: 20%;
  left: 50%;
}
#yanirisWideBannerSection .container .draInfoBox p {
  text-align: center;
}
#yanirisWideBannerSection .container .draInfoBox button {
  text-transform: uppercase;
}

@media (min-width: 700px) {
  #yanirisWideBannerSection {
    max-height: 550px;
  }
}
@media (max-width: 699px) {
  #yanirisWideBannerSection .container .draInfoBox {
    transform: translate(-50%, -50%);
    width: 90%; /* optional for layout on narrow screens */
    max-width: 350px; /* prevent it from getting too wide */
  }
}
/* @2x */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #yanirisWideBannerSection .container {
    background-image: url("img/DrA-LandingPageBanner2_660x777@2x.jpg");
  }
  #yanirisWideBannerSection .container .background-overlay {
    background-image: url("img/DrA-LandingPageBanner_660x777@2x-hover.jpg");
  }
}
/* Load desktop size graphics if over mobile size */
@media only screen and (min-width: 700px) {
  #yanirisWideBannerSection .container {
    padding-top: 45.8%; /* 100 * (550/1200) */
    background-image: url("img/DrA-LandingPageBanner2_1200x550.jpg");
  }
  #yanirisWideBannerSection .container .background-overlay {
    background-image: url("img/DrA-LandingPageBanner_1200x550-hover.jpg");
  }
  #yanirisWideBannerSection .container .draInfoBox {
    top: 50%;
    left: 25%;
  }
}
/* @2x Desktop */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 700px) {
  #yanirisWideBannerSection .container {
    background-image: url("img/DrA-LandingPageBanner2_1200x550@2x.jpg");
  }
  #yanirisWideBannerSection .container .background-overlay {
    background-image: url("img/DrA-LandingPageBanner_1200x550@2x-hover.jpg");
  }
}
@media only screen and (min-width: 1200px) {
  #yanirisWideBannerSection .container {
    padding-top: 550px;
  }
}
#homeWhiteBanner {
  position: absolute;
  bottom: 0px;
}

#global #content {
  min-height: 100%;
  overflow: hidden;
  position: relative;
}

#home1on1Section {
  font-weight: bold;
  width: 100%;
  background: #000 url("img/avellanet_home1on1_back_1920x1470.jpg") no-repeat fixed center;
  background-size: cover;
  min-height: 100%;
  text-shadow: 0 0 20px #000;
}
#home1on1Section .homeTorso {
  position: absolute;
  background: url("img/avellanet_home1on1_cut_no-text_286x420.png") no-repeat fixed left;
  background-size: contain;
  height: 100%;
  width: 100%;
}
#home1on1Section .container {
  height: 100%;
  position: absolute;
}
#home1on1Section .container .rightColumn {
  position: absolute;
  top: 50%;
  padding: 0 20px;
  right: 0;
  transform: translateY(-50%);
}
#home1on1Section .container .rightColumn h2 {
  font-size: 40px;
  line-height: 0.5;
  padding-top: 20px;
}
#home1on1Section .container .rightColumn h2 span {
  font-size: 60%;
}
#home1on1Section .container .rightColumn h3 {
  margin: 10px 0;
}
#home1on1Section .container .rightColumn p {
  text-align: inherit;
}
#home1on1Section .container .rightColumn button {
  margin-top: 20px;
}

/* iPhone / iPad */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #home1on1Section {
    background-attachment: scroll;
  }
  #home1on1Section .homeTorso {
    background-attachment: scroll;
  }
}
.leftSideOrientation {
  transform: rotate(-90deg);
  position: absolute;
  left: -80px;
  font-size: 300%;
}

.pinkPatternBack .draStamp-white {
  position: absolute;
  top: -137.5px;
  right: 0;
}

@media screen and (min-width: 1024px) {
  #home1on1Section .container .rightColumn {
    font-size: 110%;
  }
  #home1on1Section .container .rightColumn .leftSideOrientation {
    left: -90px;
  }
}
/* @2x */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #home1on1Section .homeTorso {
    background-image: url("img/avellanet_home1on1_cut_no-text_286x420@2x.png");
  }
}
/* Load desktop size graphics if over mobile/tablet size */
@media only screen and (min-width: 768px) {
  #home1on1Section .homeTorso {
    background-image: url("img/avellanet_home1on1_cut_680x1000.png");
  }
}
/* @2x Desktop */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px) {
  #home1on1Section .homeTorso {
    background-image: url("img/avellanet_home1on1_cut_680x1000@2x.png");
  }
}
/* Limit torso image in this range */
@media only screen and (min-width: 768px) and (max-width: 1160px) {
  #home1on1Section .homeTorso {
    background-position-x: -200px;
  }
}
@media only screen and (orientation: landscape) and (max-width: 1160px) and (max-height: 600px) {
  #home1on1Section .homeTorso {
    height: 150%;
  }
}
@media screen and (max-width: 767px) {
  #global #content {
    min-height: 420px;
  }
  #home1on1Section {
    /*position: relative;*/
    background-size: cover;
    min-height: 100%;
    background: #000;
  }
  #home1on1Section .homeTorso {
    background-attachment: scroll;
    background-color: #000;
    opacity: 0.5;
  }
  #home1on1Section .container {
    position: initial;
  }
  #home1on1Section .container .rightColumn {
    text-align: center;
    /*position: relative;*/
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
  .leftSideOrientation {
    display: none;
  }
  .draStamp-white {
    display: none;
  }
  /*.quoteSlider {
      .slick-center {
      	transform: scale(1) translateY(-20px);
      }
  }*/
}
@media screen and (max-width: 530px) {
  #homeHeading figure .draLogo-white, #homeHeading figure .draLogoLanding, #homeHeading figure .draLogoLanding_es {
    display: block;
    transform: translateY(-50%);
  }
  #homeHeading figure .draLogoTxt-white, #homeHeading figure .draLogoTxtLanding, #homeHeading figure .draLogoTxtLanding_es {
    display: none;
  }
}
#loginStage {
  text-align: center;
}
#loginStage p {
  text-align: center;
}
#loginStage p, #loginStage li, #loginStage label, #loginStage select, #loginStage input, #loginStage textarea {
  font-size: 1em;
}
#loginStage input[type=password], #loginStage input[type=username] {
  margin: 0;
}
#loginStage #loginForm p {
  text-align: center;
}

@media screen and (min-width: 1025px) {
  #aboutSection .container .entryContent {
    margin: 0 0 0 320px;
  }
  #about #aboutSection .container .entryContent {
    margin: 0 350px 0 320px;
  }
  html[lang=es-ES] #about-nichols #aboutSection .container .entryContent h1 {
    left: -67px;
  }
}
@media screen and (min-width: 767px) {
  html[lang=es-ES] #about-aponte #aboutSection .container .entryContent h1 {
    left: -65px;
  }
}
#aboutSection .srqIcon-black, #missionSection .srqIcon-black {
  background-size: contain;
  opacity: 0.1;
  position: absolute;
  max-width: 500px;
  height: 300px;
  width: 500px;
  z-index: -1;
}

#aboutSection .patientIcon-black, #missionSection .patientIcon-black {
  background-size: contain;
  opacity: 0.1;
  position: absolute;
  max-width: 375px;
  height: 386px;
  width: 375px;
  z-index: -1;
}

#aboutSection {
  margin: 40px 0 80px;
  position: relative;
}
#aboutSection .aboutMainPhoto {
  width: 300px;
  height: 400px;
  float: left;
  margin-right: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #000;
}
#aboutSection .draAboutPhoto {
  background-image: url("img/draAboutPhoto_400x310.jpg");
  background-position: top right;
}
#aboutSection .draAboutApontePhoto {
  background-image: url("img/team/EdgardoAponte1_300x400.jpg");
}
#aboutSection .draAboutNicholsPhoto {
  background-image: url("img/team/BritannyNichols1_300x400.jpg");
}
#aboutSection .container {
  position: relative;
}
#aboutSection .container .entryContent h1 {
  position: relative;
  left: -81px;
  margin: 0;
  line-height: 0.74;
  font-size: 460%;
  letter-spacing: 0;
}
#aboutSection .container .entryContent h2 {
  opacity: 0.1;
  font-weight: 900;
  font-family: "Arial Black", "Arial Bold", sans-serif;
  font-size: 275%;
}
#aboutSection .container .entryContent h4 {
  margin-bottom: 0;
}
#aboutSection figure {
  width: 300px;
  position: absolute;
  right: 20px;
  bottom: 0;
  margin: 0;
  max-width: 100%;
}
#aboutSection figure .draAndFatherPhoto {
  width: 300px;
  height: 200px;
  background: #000 url("img/draAndFather_300x200.jpg") no-repeat center;
  background-size: cover;
  max-width: 100%;
}
#aboutSection .draIcon-black {
  background-size: contain;
  background-position: bottom left;
  opacity: 0.1;
  position: absolute;
  bottom: -80px;
  left: -200px;
  max-width: 500px;
  height: 500px;
  z-index: -1;
}
#aboutSection .srqIcon-black {
  background-position: bottom right;
  bottom: -96px;
  right: 0;
}
#aboutSection .patientIcon-black {
  background-position: bottom right;
  bottom: -96px;
  right: -30px;
}

/* @2x */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #aboutSection .draAboutPhoto {
    background-image: url("img/draAboutPhoto_400x310@2x.jpg");
  }
  #aboutSection .draAboutApontePhoto {
    background-image: url("img/team/EdgardoAponte1_300x400@2x.jpg");
  }
  #aboutSection .draAboutNicholsPhoto {
    background-image: url("img/team/BritannyNichols1_300x400@2x.jpg");
  }
  #aboutSection figure .draAndFatherPhoto {
    background-image: url("img/draAndFather_300x200@2x.jpg");
  }
}
/* Load desktop size graphics if over mobile size */
@media only screen and (min-width: 531px) {
  #aboutSection .draAboutPhoto {
    background-image: url("img/draAboutPhoto_515x400.jpg");
  }
  #aboutSection .draAboutApontePhoto {
    background-image: url("img/team/EdgardoAponte1_300x400.jpg");
  }
  #aboutSection .draAboutNicholsPhoto {
    background-image: url("img/team/BritannyNichols1_300x400.jpg");
  }
}
/* @2x Desktop */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 531px) {
  #aboutSection .draAboutPhoto {
    background-image: url("img/draAboutPhoto_515x400@2x.jpg");
  }
  #aboutSection .draAboutApontePhoto {
    background-image: url("img/team/EdgardoAponte1_300x400@2x.jpg");
  }
  #aboutSection .draAboutNicholsPhoto {
    background-image: url("img/team/BritannyNichols1_300x400@2x.jpg");
  }
}
#credentialsSection {
  margin-top: 80px;
  position: relative;
  padding: 80px 0;
}
#credentialsSection .draStamp-pink {
  right: 0;
  bottom: 40px;
}
#credentialsSection .container {
  position: relative;
}
#credentialsSection .container .entryContent {
  display: inline-block;
}
#credentialsSection .container .entryContent .pinkIconBullets li, #credentialsSection .container .entryContent .pinkSrqIconBullets li {
  min-height: 45px;
  max-width: 540px;
}
#credentialsSection .container .credBooks {
  height: 670px;
  width: 35%;
  background-position: center;
  background-color: #000;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: -60px;
  right: 20px;
}
#credentialsSection .container .glowingPhotoBox {
  border: 2px solid #fff;
  filter: drop-shadow(0 0 20px #ED2991);
  width: 100%;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  max-width: 45%;
  float: right;
}
#credentialsSection .container .glowingPhoto {
  display: block;
  height: 0;
  padding-top: 90%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.srqFullColorPatternBack #credentialsSection {
  background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%);
}

#missionSection .srqIcon-black {
  background-position: top left;
  top: -96px;
  left: 0;
}

/* @2x */
/*@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #credentialsSection .container {
        .entryContent .pinkIconBullets li { background-image: url("img/draIcon_pink@2x.jpg"); }
    }
}*/
/* Load desktop size graphics if over mobile size */
@media only screen and (min-width: 531px) {
  .credBooks {
    background-image: url("img/credBooks_447x670.jpg");
  }
}
/* @2x Desktop */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 531px) {
  .credBooks {
    background-image: url("img/credBooks_447x670@2x.jpg");
  }
}
/* Overwrite with SVG if available */
.drAponteCredPhoto {
  background-image: url("img/team/EdgardoAponte2_540x486.jpg");
}

.nicholsCredPhoto {
  background-image: url("img/team/BritannyNichols2_540x486.jpg");
}

/* @2x Desktop */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .drAponteCredPhoto {
    background-image: url("img/team/EdgardoAponte2_540x486@2x.jpg");
  }
  .nicholsCredPhoto {
    background-image: url("img/team/BritannyNichols2_540x486@2x.jpg");
  }
}
.aboutPageContent section h2 {
  font-size: 400%;
  margin-bottom: 20px;
}
.aboutPageContent section h4 {
  margin-bottom: 25px;
  line-height: 1.2;
}

#about #missionSection .container {
  background: url("img/missionGlasses_1226x650.jpg") no-repeat center;
  background-size: cover;
}
#about #missionSection {
  /*.draStamp-pink {
      right: 0;
      top: -50%;
  }*/
}

#missionSection {
  position: relative;
}
#missionSection .container {
  padding: 80px;
  position: relative;
}
#missionSection.lrgStyleMission {
  overflow: hidden;
}
#missionSection.lrgStyleMission .draStamp-pink {
  right: 0;
  top: 8%;
  height: 500px;
  width: 271px;
  z-index: 0;
}
#missionSection.lrgStyleMission h2, #missionSection.lrgStyleMission h4 {
  filter: drop-shadow(0 0 10px #fff);
}
#missionSection.lrgStyleMission h4 {
  max-width: 765px;
}

@media screen and (max-width: 1130px) {
  #missionSection.lrgStyleMission .draStamp-pink {
    display: none;
  }
}
/* @2x */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #about #missionSection .container {
    background-image: url("img/missionGlasses_1226x650@2x.jpg");
  }
}
@media screen and (max-width: 1024px) {
  #aboutSection .patientIcon-black {
    display: none;
  }
  #aboutSection .container .entryContent {
    margin: 0;
    margin-top: 250px;
  }
  #aboutSection .container .entryContent h1 {
    left: 0;
  }
  #aboutSection figure {
    position: relative;
    float: right;
    margin-top: 2em;
    right: 0;
  }
}
@media screen and (max-width: 900px) {
  .srqFullColorPatternBack #credentialsSection {
    background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%);
  }
  #credentialsSection .container .entryContent {
    width: 540px;
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
    display: block;
  }
  #credentialsSection .container .credBooks {
    display: none;
  }
  #credentialsSection .container .glowingPhotoBox {
    float: none;
    margin: 20px auto 0;
    max-width: 540px;
  }
}
@media screen and (max-width: 767px) {
  #aboutSection .aboutMainPhoto {
    float: none;
    height: 225px;
    width: 225px;
    border-radius: 150px;
    margin: 0 auto;
    background-size: 300px auto;
  }
  #aboutSection .draAboutPhoto {
    background-size: 400px auto;
  }
  #aboutSection .draAboutApontePhoto {
    background-position-x: -28px;
  }
  #aboutSection .draAboutNicholsPhoto {
    background-position-x: -10px;
  }
  #aboutSection .container .entryContent {
    margin: 20px 0 0;
  }
  #aboutSection .container .entryContent h1, #aboutSection .container .entryContent h2 {
    text-align: center;
  }
  #aboutSection .container .entryContent h2 {
    margin-bottom: 1em;
  }
  #aboutSection figure {
    float: none;
    margin: 2em auto 0;
  }
  #credentialsSection .draStamp-pink {
    display: none;
  }
  #missionSection .container {
    padding: 40px;
  }
  #missionSection .draStamp-pink {
    display: none;
  }
  .aboutPageContent section h2 {
    font-size: 250%;
  }
}
@media screen and (max-width: 530px) {
  .aboutPageContent section h2 {
    font-size: 200%;
  }
  .aboutPageContent section h4 {
    font-size: 110%;
  }
  #about #aboutSection .container .entryContent h1 {
    font-size: 330%;
  }
}
#connect .siteHeader {
  padding-bottom: 7px;
  background: #ED2991;
}
#connect .siteHeader #mainMenu li.currentPage a, #connect .siteHeader #mainMenu li.current_page_item a {
  color: rgb(162.3448275862, 13.6551724138, 92.5517241379);
}
#connect .siteHeader #mainMenu li a:hover, #connect .siteHeader #mainMenu li a:active, #connect .siteHeader #mainMenu li a:focus {
  color: rgb(162.3448275862, 13.6551724138, 92.5517241379);
}
#connect .siteHeader #heading {
  text-shadow: none;
}
#connect .siteHeader #heading .draLogo-white {
  display: none !important;
}
#connect .siteHeader .headerLogoBR {
  display: none;
}
#connect .siteContent {
  background-color: #ED2991;
}
#connect .siteContent .container {
  position: relative;
  background: #ED2991 url("img/draContactBack_400x619.jpg") no-repeat scroll left bottom;
  background-size: contain;
  height: 100%;
}
#connect .siteContent .container .connectRightColumn {
  margin: 60px 0;
  float: right;
}
#connect .siteContent .container .connectRightColumn .connectTxt {
  position: absolute;
  bottom: 200px;
  right: 360px;
  filter: drop-shadow(0 0 20px #ED2991);
}
#connect .siteContent .container .connectRightColumn .connectTxt h4 {
  margin-top: 20px;
}
#connect .siteContent .container .connectRightColumn .connectTxt p {
  text-align: left;
}
#connect .siteContent .container .connectRightColumn #contactFormContainer {
  width: 300px;
  position: relative;
}
#connect .siteContent .container .connectRightColumn #contactFormContainer .formRedirectMsg a {
  text-decoration: underline;
}
#connect .siteContent .container .connectRightColumn #contactFormContainer .formRedirectMsg a:hover, #connect .siteContent .container .connectRightColumn #contactFormContainer .formRedirectMsg a:active, #connect .siteContent .container .connectRightColumn #contactFormContainer .formRedirectMsg a:focus {
  color: rgb(162.3448275862, 13.6551724138, 92.5517241379);
}
#connect .siteContent .container .connectRightColumn #contactFormContainer #contactForm {
  background: #000;
  border-radius: 10px;
  padding: 20px;
}
#connect .siteContent .container .connectRightColumn #contactFormContainer select, #connect .siteContent .container .connectRightColumn #contactFormContainer textarea, #connect .siteContent .container .connectRightColumn #contactFormContainer input[type=text], #connect .siteContent .container .connectRightColumn #contactFormContainer input[type=email], #connect .siteContent .container .connectRightColumn #contactFormContainer input[type=tel] {
  width: 100%;
  max-width: 100%;
  padding: 5px;
  margin-top: 8px;
  margin-bottom: 16px;
}
#connect .siteContent .container .connectRightColumn #contactFormContainer input[type=submit] {
  margin-top: 10px;
}
#connect .siteContent .container .connectRightColumn #contactFormContainer label {
  display: block;
}
#connect .siteContent .container .connectRightColumn #contactFormContainer textarea {
  line-height: 1.4;
}

.formRedirectMsg {
  padding-bottom: 20px;
}

/* @2x */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #connect .siteContent .container {
    background-image: url("img/draContactBack_400x619@2x.jpg");
  }
}
/* Load desktop size graphics if over mobile size */
@media only screen and (min-width: 531px) {
  #connect .siteContent .container {
    background-image: url("img/draContactBack_647x1000.jpg");
  }
}
/* @2x Desktop */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 531px) {
  #connect .siteContent .container {
    background-image: url("img/draContactBack_647x1000@2x.jpg");
  }
}
/* Between Tablet and Mobile */
@media screen and (max-width: 767px) {
  #connect .siteHeader #heading {
    display: none;
  }
  #connect .siteContent .container {
    background-position: center bottom;
    background-size: 400px auto;
  }
  #connect .siteContent .container .connectRightColumn {
    margin: 40px auto 650px;
    float: none;
    width: 100%;
    max-width: 400px;
  }
  #connect .siteContent .container .connectRightColumn .connectTxt {
    position: relative;
    bottom: 0;
    right: 0;
    margin-bottom: 40px;
  }
  #connect .siteContent .container .connectRightColumn .connectTxt .draMedicalSymbol {
    margin: 0 auto;
  }
  #connect .siteContent .container .connectRightColumn .connectTxt h4 {
    text-align: center;
  }
  #connect .siteContent .container .connectRightColumn .connectTxt p {
    text-align: center;
  }
  #connect .siteContent .container .connectRightColumn #contactFormContainer {
    width: 100%;
  }
  #connect .siteContent .container .connectRightColumn #contactForm {
    /* Fix issue on IE where background image doesn't go to bottom due to line height issue. */
    line-height: 0;
  }
  #connect .siteContent .container .connectRightColumn #contactForm label, #connect .siteContent .container .connectRightColumn #contactForm .custom-select, #connect .siteContent .container .connectRightColumn #contactForm input, #connect .siteContent .container .connectRightColumn #contactForm textarea, #connect .siteContent .container .connectRightColumn #contactForm select {
    line-height: 1;
  }
}
/* mobile */
@media screen and (max-width: 530px) {
  #connect .siteHeader {
    height: auto;
  }
}
.staff-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 40px 20px;
  margin: 50px 0;
}

.staff-card {
  width: 100%;
  max-width: 308px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #EAEAEA;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 8px;
  /* Make all cards same height */
  flex: 1 1 308px;
  margin-top: 109px; /* 125px - padding */
}

.staff-photo {
  position: relative;
  margin: 0 auto;
  width: 250px;
  height: 110px; /* 125px - content margin */
  min-height: unset;
  max-width: 100%;
}
.staff-photo img {
  width: 250px;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  margin-top: -140px; /* 125px + content margin */
  border: 5px solid white;
  background-color: white;
  position: absolute;
  left: 0;
  transition: opacity 0.5s ease-in-out;
}
.staff-photo img.top:hover {
  opacity: 0;
}

.staff-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  padding: 15px;
  margin-top: 15px;
}

.staff-card h4, .staff-card p {
  margin: 10px 0;
}
.staff-card h4 {
  margin-bottom: 3px;
}
.staff-card .staff-title {
  text-align: left;
}
.staff-card .staff-bio p {
  padding-bottom: 12px;
}

.staff-card-footer {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  gap: 0.2rem;
}
.staff-card-footer .staffDesc em {
  font-style: italic;
  font-weight: 300;
  font-size: 14px;
}
.staff-card-footer .draIcon-pink, .staff-card-footer .srqIcon-pink {
  z-index: 0;
}

.page:not(.isSRQ) .patientContent {
  background-color: #680E4A;
}
.page:not(.isSRQ) .patientContent .entry-header .patientHeaderContainer hr {
  border: 1px solid #D51B8D;
}
.page:not(.isSRQ) .patientContent .entry-content hr {
  background-color: #D51B8D;
}
.page.isSRQ .patientContent {
  background-color: #262626;
}
.page.isSRQ .patientContent .entry-header .patientHeaderContainer {
  padding-right: 15px;
}
.page.isSRQ .patientContent .entry-header .patientHeaderContainer hr {
  border: 1px solid #4C4C4C;
}
.page.isSRQ .patientContent .entry-content hr {
  background-color: #4C4C4C;
}
.page.isSRQ .patientContent .entry-content .srq-cost {
  color: #ffaed9;
  font-size: 16px;
}

.patientContent .reverseBox:not(#sensitiveContentBanner) {
  background-color: transparent;
}
.patientContent .entry-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.patientContent .entry-header .patientHeaderContainer {
  flex: 1;
}
.patientContent .entry-header .patientHeaderContainer .entry-title {
  text-transform: uppercase;
  letter-spacing: 0.25em;
  line-height: 1.3;
}
.patientContent .entry-header .patientIconContainer {
  width: 134px;
}
.patientContent .entry-header .srqLogoContainer {
  width: 170px;
}
.patientContent .entry-header.srq-solutions-header {
  display: inline-block;
  width: 100%;
}
.patientContent .entry-header.srq-solutions-header h2, .patientContent .entry-header.srq-solutions-header h6 {
  color: #7f7f7f;
  text-align: center;
  margin-bottom: 5px;
}
.patientContent .entry-header.srq-solutions-header h2 {
  font-size: 32px;
  text-transform: uppercase;
}
.patientContent .entry-header.srq-solutions-header h6 {
  font-size: 14px;
}
.patientContent .entry-header .srq-solutions-header-logo {
  width: 100%;
  border-bottom: 2px solid #4c4c4c;
  padding-bottom: 30px;
  margin-bottom: 20px;
}
.patientContent .entry-header .srq-solutions-header-logo .fatIsGoldLogoContainer {
  max-width: 511px;
}
.patientContent .entry-header .srq-solutions-header-logo .theABoutiqueLogoContainer {
  max-width: 326px;
}
.patientContent .entry-header .srq-solutions-header-logo .fatIsGoldLogoContainer, .patientContent .entry-header .srq-solutions-header-logo .theABoutiqueLogoContainer {
  margin: 0 auto;
}
.patientContent .entry-header .srq-solutions-header-logo .fatIsGoldLogoContainer div, .patientContent .entry-header .srq-solutions-header-logo .theABoutiqueLogoContainer div {
  filter: drop-shadow(7px 7px 16px rgba(0, 0, 0, 0.3));
}
.patientContent .entry-content hr {
  margin: 20px 0;
}

/* Fix headers on Patients category blog pages */
#draGenPage .patientContent .entry-header, #blog .patientContent .entry-header {
  display: block;
}

/* General page styles */
/*.page:not(#patient_asa,#patient_asa-srq,.isSRQ) {
    .patientContent {
        background-image: url("img/patientIconWatermark_582x1160.png");
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: left top 150px;
        background-attachment: fixed;
    }
}
.page.isSRQ:not(#patient_asa-srq,#patient_srq-the-a-boutique-srq) {
    .patientContent {
        background-image: url("img/patientIconWatermark-grey_582x1160.png");
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: left top 150px;
        background-attachment: fixed;
    }
}
#patient_srq-the-a-boutique-srq {
    .patientContent {
        background-image: url("img/srqIconWatermark_463x950.png");
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: left top 150px;
        background-attachment: fixed;
    }
}*/
/* .patientContent Styles */
.patientContent.patientIconWatermark-grey {
  background-image: url("img/patientIconWatermark-grey_582x1160.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top 150px;
  background-attachment: fixed;
}

.patientContent.srqIconWatermark {
  background-image: url("img/srqIconWatermark_463x950.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top 150px;
  background-attachment: fixed;
}

@media only screen and (min-width: 582px) {
  /*.page:not(#patient_asa,#patient_asa-srq,.isSRQ) .patientContent { background-size: 582px 1160px; }
  .page.isSRQ:not(#patient_asa-srq,#patient_srq-the-a-boutique-srq) .patientContent { background-size: 582px 1160px; }
  #patient_srq-the-a-boutique-srq .patientContent { background-size: 463px 950px; }*/
  .patientContent.patientIconWatermark-grey {
    background-size: 582px 1160px;
  }
  .patientContent.srqIconWatermark {
    background-size: 463px 950px;
  }
}
/* @2x */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  /*.page:not(#patient_asa,#patient_asa-srq,.isSRQ) .patientContent { background-image: url("img/patientIconWatermark_582x1160@2x.png"); }
  .page.isSRQ:not(#patient_asa-srq,#patient_srq-the-a-boutique-srq) .patientContent { background-image: url("img/patientIconWatermark-grey_582x1160@2x.png"); }
  #patient_srq-the-a-boutique-srq .patientContent { background-image: url("img/srqIconWatermark_463x950@2x.png"); }*/
  .patientContent.patientIconWatermark-grey {
    background-image: url("img/patientIconWatermark-grey_582x1160@2x.png");
  }
  .patientContent.srqIconWatermark {
    background-image: url("img/srqIconWatermark_463x950@2x.png");
  }
}
/* Overwrite with SVG if available */
/*.page:not(#patient_asa,#patient_asa-srq,.isSRQ) .patientContent { background-image: linear-gradient(transparent, transparent), url("img/patientIconWatermark.svg"); }
.page.isSRQ:not(#patient_asa-srq,#patient_srq-the-a-boutique-srq) .patientContent { background-image: linear-gradient(transparent, transparent), url("img/patientIconWatermark-grey.svg"); }
#patient_srq-the-a-boutique-srq .patientContent { background-image: linear-gradient(transparent, transparent), url("img/srqIconWatermark.svg"); }*/
.patientContent.patientIconWatermark-grey {
  background-image: linear-gradient(transparent, transparent), url("img/patientIconWatermark-grey.svg");
}

.patientContent.srqIconWatermark {
  background-image: linear-gradient(transparent, transparent), url("img/srqIconWatermark.svg");
}

.financingOptionsLink {
  position: sticky;
  height: 0;
  padding-bottom: 30px;
  margin-bottom: -30px;
  float: left;
  z-index: 1;
}

.page.isSRQ .groundedBtn {
  background: #4C4C4C;
  border: 4px solid #000;
  border-bottom: 0;
}
.page.isSRQ .groundedBtn:hover {
  background: #262626;
}

/* Patient Home Styles */
#patient_asa .patientContent .entryContent, #patient_asa-srq .patientContent .entryContent {
  padding: 20px;
  margin-top: 40px;
}
#patient_asa .patientContent .entryContent .entry-content, #patient_asa-srq .patientContent .entryContent .entry-content {
  margin: 0;
}
#patient_asa .fullWidthSolutions, #patient_asa-srq .fullWidthSolutions {
  padding-top: 60px;
}

#patient_asa .patientContent .entryContent {
  background: #680E4A;
}
#patient_asa #patientTestimonials {
  background: #D51B8D;
  background: linear-gradient(0deg, rgb(213, 27, 141) 0%, rgb(213, 27, 141) 75%, rgba(213, 27, 141, 0) 100%);
}
#patient_asa .groundedBtn {
  background: #D51B8D;
  border: 4px solid #680E4A;
  border-bottom: 0;
}
#patient_asa .groundedBtn:hover {
  background: #680E4A;
}

#patient_asa-srq {
  /*.patientContent .entryContent {
      background: $srq-gray;
  }*/
}
#patient_asa-srq #patientTestimonials {
  background: #4C4C4C;
  background: linear-gradient(0deg, rgb(9, 9, 9) 0%, rgb(77, 77, 77) 75%, rgba(77, 77, 77, 0) 100%);
}

@media (orientation: landscape) and (max-height: 540px) {
  #patient_asa .patientHeader #patientHeading figure .patientLogo, #patient_asa-srq .patientHeader #patientHeading figure .patientLogo {
    max-width: 200px;
  }
}
.pIconContainer {
  margin: 40px auto 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  position: relative;
  z-index: 1;
}
.pIconContainer a {
  flex-basis: 18.626%;
}
.pIconContainer a .pIconBox {
  text-align: center;
  background: #680E4A;
  border-radius: 25px;
  padding: 20px;
  width: 100%;
  max-width: 216px;
  min-width: 115px;
}
.pIconContainer a .pIconBox span {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 0;
  max-width: 100%;
  padding-top: 82.546%;
}
.pIconContainer a .pIconBox .pIconTitle {
  min-height: 32px;
  position: relative;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pIconContainer a .pIconBox .pIconTitle h6 {
  transition: 0.2s;
  color: #fff;
  min-height: 32px;
  vertical-align: middle;
}
.pIconContainer a {
  /*&:hover, &:active, &:focus {
      color: $pink-dark
  }*/
}
.pIconContainer a:hover, .pIconContainer a:active, .pIconContainer a:focus {
  text-decoration: none;
}
.pIconContainer a:hover .pIconBox, .pIconContainer a:active .pIconBox, .pIconContainer a:focus .pIconBox {
  transition: 0.2s;
}
.pIconContainer a:hover .pIconBox .pIconTitle h6, .pIconContainer a:active .pIconBox .pIconTitle h6, .pIconContainer a:focus .pIconBox .pIconTitle h6 {
  color: #ED2991;
}

#patient_asa a .pIconBox {
  background: #680E4A;
}
#patient_asa a .pIconBox .pIconTitle h6 {
  color: #fff;
}
#patient_asa a:hover .pIconBox .pIconTitle h6, #patient_asa a:active .pIconBox .pIconTitle h6, #patient_asa a:focus .pIconBox .pIconTitle h6 {
  color: #ED2991;
}

#patient_asa-srq a .pIconBox {
  background: #ED2991;
}
#patient_asa-srq a .pIconBox .pIconTitle h6 {
  color: #fff;
}
#patient_asa-srq a:hover .pIconBox, #patient_asa-srq a:active .pIconBox, #patient_asa-srq a:focus .pIconBox {
  background: rgb(162.3448275862, 13.6551724138, 92.5517241379);
}
@media only screen and (max-width: 740px) {
  .pIconContainer {
    justify-content: center;
  }
  .pIconContainer a {
    flex-basis: 27.77%;
    padding: 10px;
  }
}
.pIcon_solutions {
  background-image: url("img/pIcon_solutions_114x130.png");
}

.pIcon_location {
  background-image: url("img/pIcon_location_114x130.png");
}

.pIcon_gallery {
  background-image: url("img/pIcon_gallery_114x130.png");
}

.pIcon_faq {
  background-image: url("img/pIcon_faq_114x130.png");
}

.pIcon_contact {
  background-image: url("img/pIcon_contact_114x130.png");
}

/* @2x */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .pIcon_solutions {
    background-image: url("img/pIcon_solutions_114x130@2x.png");
  }
  .pIcon_location {
    background-image: url("img/pIcon_location_114x130@2x.png");
  }
  .pIcon_gallery {
    background-image: url("img/pIcon_gallery_114x130@2x.png");
  }
  .pIcon_faq {
    background-image: url("img/pIcon_faq_114x130@2x.png");
  }
  .pIcon_contact {
    background-image: url("img/pIcon_contact_114x130@2x.png");
  }
}
/* Overwrite with SVG if available */
.pIcon_solutions {
  background-image: linear-gradient(transparent, transparent), url("img/pIcon_solutions.svg");
}

.pIcon_location {
  background-image: linear-gradient(transparent, transparent), url("img/pIcon_location.svg");
}

.pIcon_gallery {
  background-image: linear-gradient(transparent, transparent), url("img/pIcon_gallery.svg");
}

.pIcon_faq {
  background-image: linear-gradient(transparent, transparent), url("img/pIcon_faq.svg");
}

.pIcon_contact {
  background-image: linear-gradient(transparent, transparent), url("img/pIcon_contact.svg");
}

/* Solutions page styles */
.srqSolAddContentContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* space between inner divs */
  padding-bottom: 15px;
}

.srqSolAddContentContainer > div {
  flex: 1 1 100%;
  max-width: 350px;
}

/* If two inner divs, they share the width evenly on larger screens */
.srqSolAddContentContainer > div:nth-child(2) {
  flex: 1 1 calc(50% - 0.5rem);
}

/* Responsive: stack vertically on smaller screens */
@media (max-width: 750px) {
  .srqSolAddContentContainer > div {
    flex: 1 1 100%;
  }
}
.srqBAPhotoContent h6 {
  padding: 20px 0 10px;
}
.srqBAPhotoContent .baPicSolo {
  max-width: 300px;
}
.srqBAPhotoContent .srqSolBAContainer {
  display: flex;
  flex-wrap: wrap;
}
.srqBAPhotoContent .srqSolBAContainer .baBox {
  max-width: 150px;
  flex: 1 1 100%;
}
.srqBAPhotoContent .srqSolBAContainer .baBox:first-child {
  border-right: 1px solid #fff;
}
.srqBAPhotoContent .srqSolBAContainer .baBox:nth-child(2) {
  border-left: 1px solid #fff;
}
.srqBAPhotoContent .srqSolBAContainer .baBox img {
  display: block;
}
.srqBAPhotoContent .srqSolBAContainer .baBox .baLabel {
  background: #000;
  color: #fff;
  padding: 6px;
  width: 100%;
  margin: 0;
}

.srqTestimonialContent h6 {
  padding: 20px 0 10px;
}
.srqTestimonialContent .srqSolTestimonialContainer {
  max-width: 300px;
}
.srqTestimonialContent .srqSolTestimonialContainer .srqSolTesText {
  color: #ffaed9;
}

/* SRQ Solution Additional Content Slider Settings */
.srqSolSlider {
  position: relative;
  width: 100%;
  max-width: 500px;
  overflow: hidden;
}

.srqSolSlides {
  position: relative;
  width: 100%;
}
.srqSolSlides .srqSolBAContainer, .srqSolSlides .srqSolTestimonialContainer {
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.6s ease, filter 0.6s ease;
  filter: blur(8px);
  display: flex;
}
.srqSolSlides .srqSolBAContainer.active, .srqSolSlides .srqSolTestimonialContainer.active {
  opacity: 1;
  filter: blur(0);
  position: relative;
}

.srqSolSliderDots {
  margin: 10px 0 0;
}
.srqSolSliderDots span {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.srqSolSliderDots span button {
  border: 0;
  background: transparent !important;
  display: block;
  width: 20px;
  height: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.srqSolSliderDots span button:hover, .srqSolSliderDots span button:focus {
  outline: none;
}
.srqSolSliderDots span button:hover:before, .srqSolSliderDots span button:focus:before {
  background: rgba(255, 255, 255, 0.5);
}
.srqSolSliderDots span button::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: rgb(255, 255, 255);
  border: 1px solid #fff;
  border-radius: 15px;
  transition: 0.2s;
}
.srqSolSliderDots span button.active:before {
  background-color: rgba(255, 255, 255, 0);
}

/*#patient_solutions, #patient_surgical-srq {
    .whiteBanner {
        margin: 0 0 1.5em;
    }
}

#patient_solutions {
    .solutionTypesContainer {
        .solutionTypeBox {
            .solutionTypeDetails {
                background-color: rgba(213, 27, 141, .5);
                color: #fff;

                h6 {
                    margin-bottom: 20px;
                }
            }
        }
    }
}
#patient_solutions-srq {
    .solutionTypesContainer {
        .solutionTypeBox {
            .solutionTypeDetails {
                background-color: #fff;
                color: #000;

                h6 {
                    margin-bottom: 5px;
                }
            }
        }
    }
}*/
.solutionTypesContainer {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.solutionTypesContainer .solutionTypeBox {
  margin-bottom: 20px;
  width: 360px;
}
.solutionTypesContainer .solutionTypeBox .solutionTypeHeader {
  transition: 0.2s;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px 20px 0 0;
  padding: 25% 0;
  position: relative;
  max-width: 360px;
  margin: 0 auto;
}
.solutionTypesContainer .solutionTypeBox .solutionTypeHeader:hover {
  background-size: 110%;
}
.solutionTypesContainer .solutionTypeBox .solutionTypeHeader .solutionTypeBtn {
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  border-radius: 20px 20px 0 0;
}
.solutionTypesContainer .solutionTypeBox .solutionTypeDetails {
  padding: 20px;
  border-radius: 0 0 20px 20px;
  max-width: 360px;
  margin: 0 auto;
}
.solutionTypesContainer .solutionTypeBox .solutionTypeDetails h6 {
  line-height: 1.3;
}
.solutionTypesContainer .solutionTypeBox .solutionTypeDetails li {
  text-align: justify;
}
.solutionTypesContainer .solutionTypeBox.collapsed .solutionTypeHeader {
  transition: 0.4s;
  border-radius: 20px;
}
.solutionTypesContainer .solutionTypeBox.collapsed .solutionTypeHeader .solutionTypeBtn {
  border-radius: 20px;
}
.solutionTypesContainer .solutionTypeBox.collapsed .solutionTypeDetails {
  padding: 0 20px;
}
.solutionTypesContainer .srq-home-solutions-logo-box {
  border-radius: 20px;
  background-color: #000;
  flex: 1 1 300px;
  max-width: 470px;
  aspect-ratio: 4/2.12;
}
.solutionTypesContainer .srq-home-solutions-logo-box .fatIsGoldLogoContainer, .solutionTypesContainer .srq-home-solutions-logo-box .theABoutiqueLogoContainer {
  padding: 35px;
  margin: auto;
}
.solutionTypesContainer .srq-home-solutions-logo-box .fatIsGoldLogoContainer {
  max-width: 470px;
  height: 100%;
}
.solutionTypesContainer .srq-home-solutions-logo-box .theABoutiqueLogoContainer {
  max-width: 370px;
}

@media screen and (max-width: 900px) {
  .solutionTypesContainer {
    flex-wrap: wrap;
    /* NEW SOLUTIONS BOXES */
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
  .solutionTypesContainer .srq-home-solutions-logo-box {
    width: 470px;
    max-width: 100%;
  }
  .solutionTypesContainer .theABoutiqueLogoContainer {
    height: 100%;
  }
  .solutionTypesContainer .solutionTypeBox {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 400px) {
  .solutionTypesContainer .solutionTypeBox .solutionTypeDetails li {
    text-align: left;
  }
}
.solutionType_lipo {
  background-image: url("img/surgeryTypeBtn_lipoBack_400x210.jpg");
}

.solutionType_lipo .solutionTypeBtn {
  background-image: url("img/surgeryTypeBtn_lipoFront_360x180.png");
}

.solutionType_fat {
  background-image: url("img/surgeryTypeBtn_fatBack_400x210.jpg");
}

.solutionType_fat .solutionTypeBtn {
  background-image: url("img/surgeryTypeBtn_fatFront_360x180.png");
}

.solutionType_fat_es {
  background-image: url("img/surgeryTypeBtn_fatBack_ES_400x210.jpg");
}

.solutionType_fat_es .solutionTypeBtn {
  background-image: url("img/surgeryTypeBtn_fatFront_ES_360x180.png");
}

.solutionType_cosSurgery {
  background-image: url("img/solutionTypeBtn_cosSurgeryBack_400x210.jpg");
}

.solutionType_cosSurgery .solutionTypeBtn {
  background-image: url("img/solutionTypeBtn_cosSurgeryFront_360x180.png");
}

.solutionType_cosSurgery_es {
  background-image: url("img/solutionTypeBtn_cosSurgeryBack_400x210.jpg");
}

.solutionType_cosSurgery_es .solutionTypeBtn {
  background-image: url("img/solutionTypeBtn_cosSurgeryFront_ES_360x180.png");
}

.solutionType_wellness {
  background-image: url("img/solutionTypeBtn_wellnessBack_400x210.jpg");
}

.solutionType_wellness .solutionTypeBtn {
  background-image: url("img/solutionTypeBtn_wellnessFront_360x180.png");
}

.solutionType_wellness_es {
  background-image: url("img/solutionTypeBtn_wellnessBack_400x210.jpg");
}

.solutionType_wellness_es .solutionTypeBtn {
  background-image: url("img/solutionTypeBtn_wellnessFront_ES_360x180.png");
}

.solutionType_aesthetics {
  background-image: url("img/solutionTypeBtn_aestheticsBack_400x210.jpg");
}

.solutionType_aesthetics .solutionTypeBtn {
  background-image: url("img/solutionTypeBtn_aestheticsFront_360x180.png");
}

.solutionType_aesthetics_es {
  background-image: url("img/solutionTypeBtn_aestheticsBack_400x210.jpg");
}

.solutionType_aesthetics_es .solutionTypeBtn {
  background-image: url("img/solutionTypeBtn_aestheticsFront_ES_360x180.png");
}

/* @2x */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .solutionType_lipo {
    background-image: url("img/surgeryTypeBtn_lipoBack_400x210@2x.jpg");
  }
  .solutionType_lipo .solutionTypeBtn {
    background-image: url("img/surgeryTypeBtn_lipoFront_360x180@2x.png");
  }
  .solutionType_fat {
    background-image: url("img/surgeryTypeBtn_fatBack_400x210@2x.jpg");
  }
  .solutionType_fat .solutionTypeBtn {
    background-image: url("img/surgeryTypeBtn_fatFront_360x180@2x.png");
  }
  .solutionType_fat_es {
    background-image: url("img/surgeryTypeBtn_fatBack_ES_400x210@2x.jpg");
  }
  .solutionType_fat_es .solutionTypeBtn {
    background-image: url("img/surgeryTypeBtn_fatFront_ES_360x180@2x.png");
  }
  .solutionType_cosSurgery {
    background-image: url("img/solutionTypeBtn_cosSurgeryBack_400x210@2x.jpg");
  }
  .solutionType_cosSurgery .solutionTypeBtn {
    background-image: url("img/solutionTypeBtn_cosSurgeryFront_360x180@2x.png");
  }
  .solutionType_cosSurgery_es {
    background-image: url("img/solutionTypeBtn_cosSurgeryBack_400x210@2x.jpg");
  }
  .solutionType_cosSurgery_es .solutionTypeBtn {
    background-image: url("img/solutionTypeBtn_cosSurgeryFront_ES_360x180@2x.png");
  }
  .solutionType_wellness {
    background-image: url("img/solutionTypeBtn_wellnessBack_400x210@2x.jpg");
  }
  .solutionType_wellness .solutionTypeBtn {
    background-image: url("img/solutionTypeBtn_wellnessFront_360x180@2x.png");
  }
  .solutionType_wellness_es {
    background-image: url("img/solutionTypeBtn_wellnessBack_400x210@2x.jpg");
  }
  .solutionType_wellness_es .solutionTypeBtn {
    background-image: url("img/solutionTypeBtn_wellnessFront_ES_360x180@2x.png");
  }
  .solutionType_aesthetics {
    background-image: url("img/solutionTypeBtn_aestheticsBack_400x210@2x.jpg");
  }
  .solutionType_aesthetics .solutionTypeBtn {
    background-image: url("img/solutionTypeBtn_aestheticsFront_360x180@2x.png");
  }
  .solutionType_aesthetics_es {
    background-image: url("img/solutionTypeBtn_aestheticsBack_400x210@2x.jpg");
  }
  .solutionType_aesthetics_es .solutionTypeBtn {
    background-image: url("img/solutionTypeBtn_aestheticsFront_ES_360x180@2x.png");
  }
}
.surgeryOptionsContainer {
  margin: 30px 0;
}
.surgeryOptionsContainer .surgeryOptionBox {
  margin-bottom: 20px;
}
.surgeryOptionsContainer .surgeryOptionBox .surgeryOptionHeader {
  width: 100%;
  text-align: center;
  position: relative;
  max-width: 360px;
}
.surgeryOptionsContainer .surgeryOptionBox .surgeryOptionHeader .surgeryOptionBtn {
  transition: 0.4s;
  border-radius: 110px;
  display: table;
  margin: 0 auto;
  width: 216px;
  height: 216px;
  background-color: #000;
}
.surgeryOptionsContainer .surgeryOptionBox .surgeryOptionHeader .surgeryOptionBtn h6 {
  text-transform: uppercase;
  position: relative;
  width: 140px;
  bottom: -64px;
  vertical-align: middle;
  display: table-cell;
  padding: 0 38px;
}
.surgeryOptionsContainer .surgeryOptionBox .surgeryOptionHeader .surgeryOptionBtn:hover {
  transform: scale(1.1);
}
.surgeryOptionsContainer .surgeryOptionBox .surgeryOptionDetails {
  padding: 0 10px;
  max-width: 360px;
  margin: 0 auto;
}
.surgeryOptionsContainer .surgeryOptionBox .surgeryOptionDetails h6 {
  margin: 13px 0;
  line-height: 1.3;
}
.surgeryOptionsContainer .surgeryOptionBox .surgeryOptionDetails li {
  text-align: justify;
}
.surgeryOptionsContainer .surgeryOptionBox.collapsed .surgeryOptionHeader .surgeryOptionBtn {
  background-position: center 20px;
}

@media screen and (max-width: 400px) {
  .surgeryOptionsContainer .surgeryOptionBox .surgeryOptionDetails li {
    text-align: left;
  }
}
.surgeryOption_private, .surgeryOption_model {
  background-size: 120px 120px;
  background-repeat: no-repeat;
  background-position: center;
  min-width: 120px;
}

.surgeryOption_private {
  background-image: url("img/surgeryOption_private_120x120.png");
}

.surgeryOption_model {
  background-image: url("img/surgeryOption_model_120x120.png");
}

/* @2x */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .surgeryOption_private {
    background-image: url("img/surgeryOption_private_120x120@2x.png");
  }
  .surgeryOption_model {
    background-image: url("img/surgeryOption_model_120x120@2x.png");
  }
}
/* Overwrite with SVG if available */
.surgeryOption_private {
  background-image: linear-gradient(transparent, transparent), url("img/surgeryOption_private.svg");
}

.surgeryOption_model {
  background-image: linear-gradient(transparent, transparent), url("img/surgeryOption_model.svg");
}

@media screen and (max-width: 680px) {
  .surgeryOptionsContainer .surgeryOptionBox {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* Solutions Single Page */
#patient_single-solution-srq .entryContent .post-thumbnail {
  max-width: 90px;
}

/* Location page styles */
#patient_location .dra-iframe-container iframe, #patient_location-srq .dra-iframe-container iframe {
  width: 100%;
  height: 450px;
}

/* B&A Gallery page styles */
#patient_ba-gallery .patientContent .entry-header {
  margin-bottom: 5px;
}
#patient_ba-gallery .ba-gallery-container {
  border-bottom: 1px solid #D51B8D;
}
#patient_ba-gallery .dra-pagination-wrapper {
  padding: 0;
}
#patient_ba-gallery .dra-pagination-wrapper .pagination {
  margin-left: 0;
}
#patient_ba-gallery .dra-pagination-wrapper .pagination > li > a, #patient_ba-gallery .dra-pagination-wrapper .pagination > li > span {
  border: 1px solid #680E4A;
}
#patient_ba-gallery .dra-pagination-wrapper .pagination > li > span.current {
  color: #fff;
}
#patient_ba-gallery .baGalleryFooter {
  margin-bottom: 20px;
}

.collapsibleBox {
  transition: 0.4s ease-in-out;
}
.collapsibleBox .collapsibleBtn {
  cursor: pointer;
}
.collapsibleBox .collapsibleDetails {
  transition: 0.4s ease-in-out;
  overflow: hidden;
  height: auto;
  max-height: 99999px;
}
.collapsibleBox .collapsibleDetails h1, .collapsibleBox .collapsibleDetails h2, .collapsibleBox .collapsibleDetails h3, .collapsibleBox .collapsibleDetails h4, .collapsibleBox .collapsibleDetails h5, .collapsibleBox .collapsibleDetails h6, .collapsibleBox .collapsibleDetails p, .collapsibleBox .collapsibleDetails ul, .collapsibleBox .collapsibleDetails hr, .collapsibleBox .collapsibleDetails img, .collapsibleBox .collapsibleDetails span, .collapsibleBox .collapsibleDetails .baBox {
  opacity: 1;
  transition: 0.2s ease-in-out;
  max-height: 99999px;
}
.collapsibleBox .collapsibleDetails h1:not(hr), .collapsibleBox .collapsibleDetails h2:not(hr), .collapsibleBox .collapsibleDetails h3:not(hr), .collapsibleBox .collapsibleDetails h4:not(hr), .collapsibleBox .collapsibleDetails h5:not(hr), .collapsibleBox .collapsibleDetails h6:not(hr), .collapsibleBox .collapsibleDetails p:not(hr), .collapsibleBox .collapsibleDetails ul:not(hr), .collapsibleBox .collapsibleDetails hr:not(hr), .collapsibleBox .collapsibleDetails img:not(hr), .collapsibleBox .collapsibleDetails span:not(hr), .collapsibleBox .collapsibleDetails .baBox:not(hr) {
  height: auto;
}
.collapsibleBox.collapsed .collapsibleDetails {
  max-height: 0;
}
.collapsibleBox.collapsed .collapsibleDetails h1, .collapsibleBox.collapsed .collapsibleDetails h2, .collapsibleBox.collapsed .collapsibleDetails h3, .collapsibleBox.collapsed .collapsibleDetails h4, .collapsibleBox.collapsed .collapsibleDetails h5, .collapsibleBox.collapsed .collapsibleDetails h6, .collapsibleBox.collapsed .collapsibleDetails p, .collapsibleBox.collapsed .collapsibleDetails ul, .collapsibleBox.collapsed .collapsibleDetails hr, .collapsibleBox.collapsed .collapsibleDetails img, .collapsibleBox.collapsed .collapsibleDetails span, .collapsibleBox.collapsed .collapsibleDetails .baBox {
  opacity: 0 !important;
  max-height: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.collapsibleBox {
  /* Used when content within the button should disappear when button is pressed. Used on Patient Solutions page. */
}
.collapsibleBox .reversedCollapse {
  transition: 0.4s ease-in-out;
  height: auto;
  max-height: 99999px;
}
.collapsibleBox .reversedCollapse h1, .collapsibleBox .reversedCollapse h2, .collapsibleBox .reversedCollapse h3, .collapsibleBox .reversedCollapse h4, .collapsibleBox .reversedCollapse h5, .collapsibleBox .reversedCollapse h6, .collapsibleBox .reversedCollapse p, .collapsibleBox .reversedCollapse ul, .collapsibleBox .reversedCollapse hr, .collapsibleBox .reversedCollapse img, .collapsibleBox .reversedCollapse span, .collapsibleBox .reversedCollapse .baBox {
  transition: 0.2s ease-in-out;
  opacity: 0;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.collapsibleBox .reversedCollapse h1:not(hr), .collapsibleBox .reversedCollapse h2:not(hr), .collapsibleBox .reversedCollapse h3:not(hr), .collapsibleBox .reversedCollapse h4:not(hr), .collapsibleBox .reversedCollapse h5:not(hr), .collapsibleBox .reversedCollapse h6:not(hr), .collapsibleBox .reversedCollapse p:not(hr), .collapsibleBox .reversedCollapse ul:not(hr), .collapsibleBox .reversedCollapse hr:not(hr), .collapsibleBox .reversedCollapse img:not(hr), .collapsibleBox .reversedCollapse span:not(hr), .collapsibleBox .reversedCollapse .baBox:not(hr) {
  height: auto;
}
.collapsibleBox.collapsed .reversedCollapse h1, .collapsibleBox.collapsed .reversedCollapse h2, .collapsibleBox.collapsed .reversedCollapse h3, .collapsibleBox.collapsed .reversedCollapse h4, .collapsibleBox.collapsed .reversedCollapse h5, .collapsibleBox.collapsed .reversedCollapse h6, .collapsibleBox.collapsed .reversedCollapse p, .collapsibleBox.collapsed .reversedCollapse ul, .collapsibleBox.collapsed .reversedCollapse hr, .collapsibleBox.collapsed .reversedCollapse img, .collapsibleBox.collapsed .reversedCollapse span, .collapsibleBox.collapsed .reversedCollapse .baBox {
  opacity: 1 !important;
  max-height: 99999px !important;
}

/* FAQ page styles */
.menu-patientnav-container .menu-item a[href*="/faqs/"] {
  text-transform: none;
}

.srqSolIcon {
  width: 90px;
  height: 90px;
  margin-bottom: 0;
}

.faqBox {
  border-bottom: 0.5px solid #D51B8D;
}
.faqBox .faqQ {
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 18px 17px;
  padding: 0 25px 13px 33px;
  margin-top: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.faqBox .faqQ h4 {
  line-height: 1.2em;
}
.faqBox .faqQ .triDropDownIcon {
  transition: 0.2s;
  width: 22px;
  height: 22px;
  min-width: 22px;
  position: relative;
  right: -25px;
}
.faqBox .faqQ .triDropDownIcon .svg-icon {
  transition: 0.2s;
  fill: #ED2991;
}
.faqBox .faqQ .triDropDownIcon.collapsed {
  transform: rotate(-90deg);
}
.faqBox .faqQ:hover .triDropDownIcon .svg-icon, .faqBox .faqQ:active .triDropDownIcon .svg-icon, .faqBox .faqQ:focus .triDropDownIcon .svg-icon {
  fill: rgb(244.9137931034, 135.0862068966, 193.3620689655);
}
.faqBox .faqA {
  padding-left: 20px;
  margin-bottom: 0.4em;
}
.faqBox .faqA ul {
  margin: 0;
  list-style: none;
}
.faqBox .faqA ul > li {
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 18px 17px;
  padding-left: 33px;
  padding-bottom: 13px;
}
.faqBox .faqA ul ul {
  list-style: circle;
  margin-left: 20px;
  margin-top: 10px;
}
.faqBox .faqA ul ul li {
  background: none;
  padding-left: 8px;
  padding-bottom: 0;
}
.faqBox.collapsed .faqQ .triDropDownIcon {
  transform: rotate(-90deg);
}

.page {
  /*&:not(.isSRQ) {
      .faqQ { background-image: url("img/patientBullet_18x17.png"); }
      .faqA ul > li { background-image: url("img/dollBullet_18x17.png"); }
  }*/
}
.page.isSRQ .faqBox {
  border-bottom: 0.5px solid #4C4C4C;
  margin-bottom: 30px;
}
.page.isSRQ .faqBox .faqQ {
  padding-left: 0;
}
.page.isSRQ .faqBox .faqQ .triDropDownIcon .svg-icon {
  fill: #4C4C4C;
}
.page.isSRQ .faqBox .faqQ:hover .triDropDownIcon .svg-icon, .page.isSRQ .faqBox .faqQ:active .triDropDownIcon .svg-icon, .page.isSRQ .faqBox .faqQ:focus .triDropDownIcon .svg-icon {
  fill: #7f7f7f;
}

/* @2x */
/*@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .page {
        &:not(.isSRQ) {
            .faqQ { background-image: url("img/patientBullet_18x17@2x.png"); }
            .faqA ul > li { background-image: url("img/dollBullet_18x17@2x.png"); }
        }
    }
}

.page {
    &:not(.isSRQ) {
        // Overwrite with SVG if available
        .faqQ { background-image: linear-gradient(transparent, transparent), url("img/patientBullet.svg"); }
        .faqA ul > li { background-image: linear-gradient(transparent, transparent), url("img/dollBullet.svg"); }
    }
}*/
/* Connect page styles */
#patient_connect #patientContactForm, #patient_connect-srq #patientContactForm {
  background: #000;
  border-radius: 10px;
  padding: 20px;
  position: relative;
}
#patient_connect #patientContactForm input, #patient_connect #patientContactForm textarea, #patient_connect-srq #patientContactForm input, #patient_connect-srq #patientContactForm textarea {
  max-width: none !important;
}

.ba-gallery-container {
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.ba-gallery-container:last-child {
  margin-bottom: 0;
}
.ba-gallery-container .picBoxGroup {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}
.ba-gallery-container .picBoxGroup .picBox {
  max-width: 40%;
  width: 100%;
  height: auto;
  margin: 20px;
}
.ba-gallery-container .picBoxGroup .picBox .baPicSolo {
  position: relative;
  text-align: center;
}
.ba-gallery-container .picFooter {
  position: relative;
  padding: 10px 0;
}
.ba-gallery-container .picFooter .edit-link {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 11.2px;
}

#ba-gallery .dra-pagination-wrapper {
  padding: 0;
}

/* Single */
.ba_gallery h1 {
  margin-top: 0;
}

#sensitiveContentBanner {
  text-align: center;
  margin: 0 40px 40px;
  padding: 20px;
  border-radius: 25px;
}
#sensitiveContentBanner #allowSensitiveContent {
  display: block;
  margin: 20px auto 0;
}

.narrowContent {
  max-width: 760px;
  margin: 40px auto;
}

figure {
  margin: 0;
}
figure figcaption {
  background: #ED2991;
  color: #fff;
  padding: 8px;
  text-align: center;
}
figure figcaption a {
  color: #fff;
}

.whiteBanner {
  background: #fff;
  color: #000;
  padding: 20px 10px;
  text-align: center;
  width: 100%;
}
.whiteBanner h2 {
  font-weight: 900;
  font-family: "Arial Black", "Arial Bold", sans-serif;
  font-size: 200%;
  letter-spacing: 0.25em;
}

@media screen and (max-width: 530px) {
  .whiteBanner {
    font-size: 70%;
  }
}
/* Apply common background image styles */
.draLogo-white, .draLogoLanding, .draLogoLanding_es, .draLogoTxt-white, .draLogoTxtLanding, .draLogoTxtLanding_es, .draIcon-black, .draIcon-white, .sensitiveContentLogo,
.patientLogo, .patientIcon, .patientIcon-black, .srqLogo, .srqIcon-black, .srqIcon-pink, .theABoutiqueLogo, .fatIsGoldLogo {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  padding: 0; /* reset */
  background-position: center;
}

.draStamp-black, .draStamp-pink, .draStamp-white {
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  width: 150px;
  height: 275px;
  background-position: center;
  max-width: 100%;
  z-index: 1;
}

.productLogoHeader {
  margin-top: 10px;
  width: 100%;
  position: relative;
  text-align: center;
}
.productLogoHeader:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  border-top: 6px solid #ED2991;
  width: 100%;
  transform: translateY(-50%);
  -o-border-image: linear-gradient(to left, #ED2991, #fff, #fff, #ED2991);
     border-image: linear-gradient(to left, #ED2991, #fff, #fff, #ED2991);
  border-image-slice: 1;
}
.productLogoHeader span {
  margin: 0 auto;
  display: block;
  position: relative;
}

/* Load mobile size graphics first */
.draLogo-white {
  background-image: url("img/draLogo-325x204_white.png");
  padding-top: 63%; /* 100 * (204/325) */
}

.draLogoLanding {
  background-image: url("img/draLogoLanding_370x318.png");
  padding-top: 86%; /* 100 * (318/370) */
}

.draLogoLanding_es {
  background-image: url("img/draLogoLanding_ES_370x318.png");
  padding-top: 86%; /* 100 * (318/370) */
}

.draLogoTxt-white {
  /*background-image: url("img/draLogoTxt-705x160_white.png");*/
  max-width: 705px;
  padding-top: 23%; /* 100 * (160/705) */
}

.draLogoTxtLanding, .draLogoTxtLanding_es {
  max-width: 705px;
  padding-top: 38.3%; /* 100 * (270/705) */
}

.draIcon-black {
  background-image: url("img/draIcon-500x470_black.png");
  padding-top: 94%;
}

.draIcon-white {
  background-image: url("img/draIcon-137x129_white.png");
}

.draIcon-pink {
  background-image: url("img/draIcon_pink.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 24px;
  height: 22px;
}

.patientLogo {
  background-image: url("img/patientLogo_450x480.png");
  max-width: 450px;
  padding-top: 80%; /* The 107% was too large */
}

.patientIcon {
  background-image: url("img/patientIcon_136x134.png");
  padding-top: 98.53%; /* 100 * (134/136) */
}

.patientIcon-black {
  background-image: url("img/patientIconBlack_375x386.png");
  padding-top: 32%;
}

.srqLogo {
  background-image: url("img/srqLogo_500x286.png");
  max-width: 500px;
  padding-top: 57.2%; /* The 107% was too large */
}

.srqIcon-black {
  background-image: url("img/srqIconBlack_605x300.png");
  padding-top: 29.587%;
}

.srqIcon-pink {
  background-image: url("img/srqIconPink_18x17.png");
  width: 24px;
  height: 22px;
}

.theABoutiqueLogo {
  background-image: url("img/the-a-boutique-logo_326x215.png");
  padding-top: 66%; /* 100 * (215/326) */
  max-width: 326px;
}

.fatIsGoldLogo {
  background-image: url("img/fatisgold-logo_511x138.pngg");
  padding-top: 27%; /* 100 * (138/511) */
  max-width: 511px;
}

.whitePatternBack {
  background-color: #f7f7f8;
  background-image: url("img/draIcon_whiteBackPattern_387x366.png");
  background-size: 387px 366px;
  background-position: center -75px;
}

.pinkPatternBack {
  background-color: #ED2991;
  background-image: url("img/draIcon_backPattern_430x546.png");
  background-size: 175px;
  background-position: center -25px;
}

.patientPatternBack {
  background-color: #ED2991 !important;
  background-image: url("img/patientIcon_backPattern_175x185.png");
  background-size: 175px;
  background-position: center -25px;
}

.srqPatternBack {
  background-color: #4C4C4C !important;
  background-image: url("img/srqIcon_backPattern_238x300.png");
  background-size: 238px;
  background-position: center -25px;
}

.srqFullColorPatternBack {
  background-color: #1C1C1C !important;
  background-image: url("img/srqIconFullColor_backPattern_238x300.png");
  background-size: 238px;
  background-position: center -25px;
}

.draMedicalSymbol {
  background-image: url("img/draMedicalSymbol-80x80_white.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
  background-position: center;
}

.surgicalSolTxt {
  background-image: url("img/surgicalSolTxt_663x179.png");
  background-repeat: no-repeat;
  width: 663px;
  padding-top: 27%; /* 100 * (179/663) */
}

.surgicalSolTxt_es {
  background-image: url("img/surgicalSolTxt_es_740x180.png");
  background-repeat: no-repeat;
  width: 740px;
  padding-top: 24.3%; /* 100 * (180/740) */
}

.pinkGeometricBack {
  background-image: url("img/pinkGeometric_1400x840.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-position: center;
}

.draCollageBack {
  background-image: url("img/collageBackground_540x810.jpg");
  background-position: center;
  background-attachment: fixed;
}

.draHR {
  background-image: url("img/draHR_225x31.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 225px;
  height: 31px;
  background-position: center;
}

.avellanetSurgicalsLogo {
  background-image: url("img/Avellanet-Surgicals_Logo_TwoColor-LightBack.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 176px;
  height: 170px;
  background-position: center;
}

.sensitiveContentLogo {
  background-image: url("img/sensitiveContentLogo_200x200.png");
  max-width: 200px;
  padding-top: 30%; /* 100 * (200/200) */
  margin: 20px auto;
  background-size: contain;
}

/* @2x */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .draLogo-white {
    background-image: url("img/draLogo-325x204_white@2x.png");
  }
  .draLogoLanding {
    background-image: url("img/draLogoLanding_370x318@2x.png");
  }
  .draLogoLanding_es {
    background-image: url("img/draLogoLanding_ES_370x318@2x.png");
  }
  .draIcon-black {
    background-image: url("img/draIcon-500x470_black@2x.png");
  }
  .draIcon-white {
    background-image: url("img/draIcon-137x129_white@2x.png");
  }
  .draIcon-pink {
    background-image: url("img/draIcon_pink@2x.jpg");
  }
  .patientLogo {
    background-image: url("img/patientLogo_450x480@2x.png");
  }
  .patientIcon {
    background-image: url("img/patientIcon_136x134@2x.png");
  }
  .patientIcon-black {
    background-image: url("img/patientIconBlack_375x386@2x.png");
  }
  .srqLogo {
    background-image: url("img/srqLogo_500x286@2x.png");
  }
  .srqIcon-black {
    background-image: url("img/srqIconBlack_605x300@2x.png");
  }
  .srqIcon-pink {
    background-image: url("img/srqIconPink_18x17@2x.png");
  }
  .theABoutiqueLogo {
    background-image: url("img/the-boutique-logo_326x215@2x.png");
  }
  .fatIsGoldLogo {
    background-image: url("img/fatisgold-logo_511x138@2x.png");
  }
  .whitePatternBack {
    background-image: url("img/draIcon_whiteBackPattern_387x366@2x.png");
  }
  .pinkPatternBack {
    background-image: url("img/draIcon_backPattern_430x546@2x.png");
  }
  .patientPatternBack {
    background-image: url("img/patientIcon_backPattern_175x185@2x.png");
  }
  .srqPatternBack {
    background-image: url("img/srqIcon_backPattern_238x300@2x.png");
  }
  .srqFullColorPatternBack {
    background-image: url("img/srqIconFullColor_backPattern_238x300@2x.png");
  }
  .draMedicalSymbol {
    background-image: url("img/draMedicalSymbol-80x80_white@2x.png");
  }
  .surgicalSolTxt {
    background-image: url("img/surgicalSolTxt_663x179@2x.png");
  }
  .surgicalSolTxt_es {
    background-image: url("img/surgicalSolTxt_es_740x180@2x.png");
  }
  .pinkGeometricBack {
    background-image: url("img/pinkGeometric_1400x840@2x.png");
  }
  .draCollageBack {
    background-image: url("img/collageBackground_540x810@2x.jpg");
  }
  .draHR {
    background-image: url("img/draHR_225x31@2x.png");
  }
  .avellanetSurgicalsLogo {
    background-image: url("img/Avellanet-Surgicals_Logo_TwoColor-LightBack@2x.png");
  }
  .sensitiveContentLogo {
    background-image: url("img/sensitiveContentLogo_200x200@2x.png");
  }
}
/* Load desktop size graphics if over mobile size */
@media only screen and (min-width: 531px) {
  .draLogoTxt-white {
    background-image: url("img/draLogoTxt-705x160_white.png");
  }
  .draLogoTxtLanding {
    background-image: url("img/draLogoTxtLanding_705x270.png");
  }
  .draLogoTxtLanding_es {
    background-image: url("img/draLogoTxtLanding_ES_705x270.png");
  }
  .draStamp-black {
    background-image: url("img/draStamp-150x275_black.png");
  }
  .draStamp-pink {
    background-image: url("img/draStamp-150x275_pink.png");
  }
  .draStamp-white {
    background-image: url("img/draStamp-150x275_white.png");
  }
  .draCollageBack {
    background-image: url("img/collageBackground_1400x840.jpg");
  }
}
/* @2x */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 531px) {
  .draLogoTxt-white {
    background-image: url("img/draLogoTxt-705x160_white@2x.png");
  }
  .draLogoTxtLanding {
    background-image: url("img/draLogoTxtLanding_705x270@2x.png");
  }
  .draLogoTxtLanding_es {
    background-image: url("img/draLogoTxtLanding_ES_705x270@2x.png");
  }
  .draStamp-black {
    background-image: url("img/draStamp-150x275_black@2x.png");
  }
  .draStamp-pink {
    background-image: url("img/draStamp-150x275_pink@2x.png");
  }
  .draStamp-white {
    background-image: url("img/draStamp-150x275_white@2x.png");
  }
  .draCollageBack {
    background-image: url("img/collageBackground_1920x1152.jpg");
  }
}
/* Overwrite with SVG if available */
.draLogo-white {
  background-image: linear-gradient(transparent, transparent), url("img/draLogo_white2.svg");
}

.draLogoLanding {
  background-image: linear-gradient(transparent, transparent), url("img/draLogoLanding.svg");
}

.draLogoLanding_es {
  background-image: linear-gradient(transparent, transparent), url("img/draLogoLanding_ES.svg");
}

.draLogoTxt-white {
  background-image: linear-gradient(transparent, transparent), url("img/draLogoTxt_white.svg");
}

.draLogoTxtLanding {
  background-image: linear-gradient(transparent, transparent), url("img/draLogoTxtLanding.svg");
}

.draLogoTxtLanding_es {
  background-image: linear-gradient(transparent, transparent), url("img/draLogoTxtLanding_ES.svg");
}

.draIcon-black {
  background-image: linear-gradient(transparent, transparent), url("img/draIcon_black.svg");
}

.draIcon-white {
  background-image: linear-gradient(transparent, transparent), url("img/draIcon_white.svg");
}

.draIcon-pink {
  background-image: linear-gradient(transparent, transparent), url("img/draIcon_pink.svg");
}

.patientLogo {
  background-image: linear-gradient(transparent, transparent), url("img/patientLogo.svg");
}

.patientIcon {
  background-image: linear-gradient(transparent, transparent), url("img/patientIcon.svg");
}

.patientIcon-black {
  background-image: linear-gradient(transparent, transparent), url("img/patientIconBlack.svg");
}

.srqLogo {
  background-image: linear-gradient(transparent, transparent), url("img/srqLogo.svg");
}

.srqIcon-black {
  background-image: linear-gradient(transparent, transparent), url("img/srqIconBlack.svg");
}

.srqIcon-pink {
  background-image: linear-gradient(transparent, transparent), url("img/srqIconPink.svg");
}

.theABoutiqueLogo {
  background-image: linear-gradient(transparent, transparent), url("img/the-a-boutique-logo.svg");
}

.fatIsGoldLogo {
  background-image: linear-gradient(transparent, transparent), url("img/fatisgold-logo.svg");
}

.whitePatternBack {
  background-image: linear-gradient(transparent, transparent), url("img/draIcon_whiteBackPattern.svg");
}

.pinkPatternBack {
  background-image: linear-gradient(transparent, transparent), url("img/draIcon_backPattern.svg");
}

.patientPatternBack {
  background-image: linear-gradient(transparent, transparent), url("img/patientIcon_backPattern.svg");
}

.srqPatternBack {
  background-image: linear-gradient(transparent, transparent), url("img/srqIcon_backPattern.svg");
}

.srqFullColorPatternBack {
  background-image: linear-gradient(transparent, transparent), url("img/srqIconFullColor_backPattern.svg");
}

.draStamp-black {
  background-image: linear-gradient(transparent, transparent), url("img/draStamp_black.svg");
}

.draStamp-pink {
  background-image: linear-gradient(transparent, transparent), url("img/draStamp_pink.svg");
}

.draStamp-white {
  background-image: linear-gradient(transparent, transparent), url("img/draStamp_white.svg");
}

.draMedicalSymbol {
  background-image: linear-gradient(transparent, transparent), url("img/draMedicalSymbol_white.svg");
}

.surgicalSolTxt {
  background-image: linear-gradient(transparent, transparent), url("img/surgicalSolTxt_663x179.svg");
}

.surgicalSolTxt_es {
  background-image: linear-gradient(transparent, transparent), url("img/surgicalSolTxt_es_740x180.svg");
}

.pinkGeometricBack {
  background-image: linear-gradient(transparent, transparent), url("img/pinkGeometric_1400x840.svg");
}

.draHR {
  background-image: linear-gradient(transparent, transparent), url("img/draHR_225x31.svg");
}

.avellanetSurgicalsLogo {
  background-image: linear-gradient(transparent, transparent), url("img/Avellanet-Surgicals_Logo_TwoColor-LightBack.svg");
}

.sensitiveContentLogo {
  background-image: linear-gradient(transparent, transparent), url("img/sensitiveContentLogo.svg");
}

/* Overwrite for IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .draIcon-black {
    background-image: url("img/draIcon-500x470_black.png");
  }
  .whitePatternBack {
    background-image: url("img/draIcon_whiteBackPattern_387x366.png");
  }
  .pinkPatternBack {
    background-image: url("img/draIcon_backPattern_430x546.png");
  }
  .patientPatternBack {
    background-image: url("img/patientIcon_backPattern_175x185.png");
  }
}
@media (orientation: landscape) and (min-width: 700px) and (max-height: 600px) {
  .draLogoTxtLanding, .draLogoTxtLanding_es {
    padding-top: 25%;
  }
}
.draCollageForeground {
  padding: 40px 20px;
  filter: drop-shadow(2px 4px 6px rgba(255, 255, 255, 0.8));
}

.diamondPatternGradientOverlay {
  background-image: linear-gradient(rgba(187, 32, 146, 0.28), rgba(141, 15, 96, 0.95));
  width: 100%;
  height: 100%;
}

#home .pinkPatternBack,
#training .pinkPatternBack,
#consulting .pinkPatternBack,
.fullWidthTestimonials,
.fullWidthContent {
  padding-bottom: 40px;
  position: relative;
}
#home .pinkPatternBack h2,
#training .pinkPatternBack h2,
#consulting .pinkPatternBack h2,
.fullWidthTestimonials h2,
.fullWidthContent h2 {
  color: #fff;
  text-align: center;
  font-size: 200%;
  margin: 40px 0 30px;
}
#home .pinkPatternBack .draStamp-white,
#training .pinkPatternBack .draStamp-white,
#consulting .pinkPatternBack .draStamp-white,
.fullWidthTestimonials .draStamp-white,
.fullWidthContent .draStamp-white {
  position: absolute;
  top: -137.5px;
  right: 0;
}

.fullWidthTestimonials .container {
  padding: 0;
}

#infoPopup, #infoPopup p {
  text-align: center !important;
}

#infoPopup, .infoPopup {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  margin: 20px;
  box-shadow: 3px 3px 6px #000;
  max-width: 500px;
  line-height: 1.5;
  overflow: auto;
  max-height: 80%;
}

#infoPopup span {
  font-size: 12.96px;
}

.infoBtn {
  cursor: pointer;
}
.infoBtn i {
  transition: 0.2s;
  color: #ED2991;
}
.infoBtn i:hover, .infoBtn i:active, .infoBtn i:focus {
  color: rgb(162.3448275862, 13.6551724138, 92.5517241379);
}

.reverseBox {
  background-color: #000;
  color: #fff;
}
.reverseBox a {
  color: #fff;
  transition: 0.2s;
}
.reverseBox a:hover, .reverseBox a:active, .reverseBox a:focus {
  color: #ED2991;
}
.reverseBox .entryContent a {
  color: #ED2991;
}
.reverseBox .entryContent a:hover, .reverseBox .entryContent a:active, .reverseBox .entryContent a:focus {
  text-decoration: underline;
}

/*--------------------------------------------------------------
 Menus
--------------------------------------------------------------*/
.headerNav ul, .footerNav ul {
  text-transform: uppercase;
}
.headerNav ul li, .footerNav ul li {
  display: inline-block;
  padding: 4px 8px;
}
.headerNav ul li.currentPage a, .headerNav ul li.current_page_item a, .headerNav ul li.current-menu-parent a:not(.sub-menu a), .footerNav ul li.currentPage a, .footerNav ul li.current_page_item a, .footerNav ul li.current-menu-parent a:not(.sub-menu a) {
  color: #ED2991;
}
.headerNav ul li a:hover, .headerNav ul li a:active, .footerNav ul li a:hover, .footerNav ul li a:active {
  text-decoration: none;
}

.headerNav .side-nav-menu li {
  display: block;
  padding: 0;
}

.footerNav {
  margin-top: 20px;
}
.footerNav .menu-item-has-children {
  padding: 0;
}
.footerNav .menu-item-has-children a[href="#"] {
  display: none;
}

@media screen and (max-width: 530px) {
  .footerNav ul li {
    display: block;
    padding: 8px;
  }
}
/* Social Menu */
.social-menu {
  display: inline-block;
  vertical-align: middle;
}
.social-menu li {
  display: inline-block;
}
.social-menu li:first-child svg {
  margin-left: 7px;
}
.social-menu li svg {
  width: 26px;
  height: 26px;
}
.social-menu li svg .svg-icon {
  transition: 0.2s;
}
.social-menu li svg:hover .svg-icon {
  fill: #ED2991;
}

@media screen and (max-width: 360px) {
  .social-menu li:first-child svg {
    margin-left: 5px;
  }
}
/* Language Menu */
.languageNav {
  display: inline-block;
  padding-left: 7px;
}
.languageNav li {
  padding: 5px;
}

.nav-menu .sub-menu, .nav-menu .children {
  padding: 0;
  position: absolute;
  z-index: 99999;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  padding-top: 8px;
}
.nav-menu .sub-menu ul, .nav-menu .children ul {
  border-left: 0;
  left: 100%;
  top: 0;
}
.nav-menu .sub-menu li, .nav-menu .children li {
  display: block;
  padding: 5px;
  transition: 0.2s;
  background-color: #000;
}
.nav-menu .sub-menu a, .nav-menu .children a {
  color: #fff;
  transition: 0.2s;
}
.nav-menu .sub-menu li:hover:not(.current_page_item), .nav-menu .sub-menu li:focus:not(.current_page_item), .nav-menu .children li:hover:not(.current_page_item), .nav-menu .children li:focus:not(.current_page_item) {
  background-color: #ED2991;
}
.nav-menu .sub-menu li:not(.current_page_item) a:hover, .nav-menu .sub-menu li:not(.current_page_item) a:focus, .nav-menu .children li:not(.current_page_item) a:hover, .nav-menu .children li:not(.current_page_item) a:focus {
  color: #fff;
  background-color: #ED2991;
  text-decoration: none;
}

/* Hover Reveal */
ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
  clip: inherit;
  overflow: inherit;
  height: inherit;
  width: inherit;
}

/*--------------------------------------------------------------
 Elements
--------------------------------------------------------------*/
embed,
iframe,
object {
  max-width: 100%;
}

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

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
  border-spacing: 0;
  border: 1px solid #000;
}
table th, table td {
  padding: 5px 10px;
  border: 1px solid #000;
  vertical-align: middle;
}
table th {
  background: #ED2991;
  color: #fff;
  font-weight: bold;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
#primary, #secondary {
  border-radius: 10px;
  padding-top: 1.5em;
  margin: 4em 0;
}

#primary {
  float: left;
  width: 69%;
  margin-right: 1%;
  max-width: 800px;
  background: #fff;
}
#primary.no-sidebar {
  float: none;
  width: 100%;
  margin: 4em auto;
  display: table;
}

#secondary {
  float: right;
  width: 29%;
  margin-left: 1%;
  max-width: 340px;
  position: sticky;
  top: 20px;
}

@media screen and (max-width: 820px) {
  #primary, #secondary {
    float: none;
    width: 100%;
    margin: 4em auto;
  }
  #primary {
    display: inline-block;
  }
  #secondary {
    display: table;
  }
}
#comments {
  border-top: 1px solid #ccc;
  margin-top: 2em;
  padding-top: 2em;
}

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6, .comments-area h1, .comments-area h2, .comments-area h3, .comments-area h4, .comments-area h5, .comments-area h6, #ba-gallery h1, #ba-gallery h2, #ba-gallery h3, #ba-gallery h4, #ba-gallery h5, #ba-gallery h6 {
  margin-bottom: 0.4em;
  word-wrap: break-word;
}

.widget-title, .widgettitle {
  margin-bottom: 0.3em;
}

.entry-content hr, .comments-area hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
.entry-content ul, .entry-content ol, .comments-area ul, .comments-area ol {
  margin: 0 0 1.5em 3em;
}
.entry-content ul, .comments-area ul {
  list-style: circle;
}
.entry-content ol, .comments-area ol {
  list-style: decimal;
}
.entry-content li > ul,
.entry-content li > ol, .comments-area li > ul,
.comments-area li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

.entry-meta, .entry-footer, .post-navigation, .comment-metadata {
  font-size: 11.2px;
}

.entry-meta {
  margin-bottom: 10px;
}
.entry-meta a {
  font-weight: 600;
}

.entry-footer span:nth-child(n+2):before,
.entry-header .edit-link:before {
  content: " | ";
}

.continue-reading {
  padding-bottom: 2em;
  border-bottom: 1px solid #ccc;
  font-weight: 600;
}

.attachment-post-thumbnail {
  margin-bottom: 1.5em;
}

/* Dialog Window */
.ui-widget-overlay {
  background: #000;
  opacity: 0.5;
}

/* Navigation
--------------------------------------------- */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

.post-navigation .nav-links {
  display: flex;
  gap: 20px;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
  flex: 1 1 50%;
}
.post-navigation .nav-next {
  text-align: right;
}
.post-navigation .nav-next a {
  justify-content: flex-end;
}
.post-navigation .nav-next a .nav-inner {
  justify-content: flex-end;
}
.post-navigation a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 14px 18px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
  transition: all 0.25s ease;
  text-decoration: none;
}
.post-navigation a:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-1px);
}
.post-navigation .nav-inner {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.post-navigation .nav-icon {
  font-size: 14px;
  flex-shrink: 0;
}
.post-navigation .nav-text {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.post-navigation .nav-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.post-navigation .nav-title {
  position: relative;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  mask-image: linear-gradient(to right, black 75%, transparent);
  -webkit-mask-image: linear-gradient(to right, black 75%, transparent);
}
.post-navigation .nav-next .nav-title {
  mask-image: linear-gradient(to left, black 75%, transparent);
  -webkit-mask-image: linear-gradient(to left, black 75%, transparent);
}
.post-navigation a:hover .nav-title {
  mask-image: none;
  -webkit-mask-image: none;
}

@media (max-width: 768px) {
  .post-navigation .nav-title {
    max-width: 160px;
  }
}
@media (max-width: 500px) {
  .post-navigation .nav-links {
    flex-direction: row;
    gap: 10px;
  }
  .post-navigation .nav-title {
    display: none;
  }
  .post-navigation .nav-label {
    font-size: 11px;
  }
  .post-navigation a {
    justify-content: center;
    padding: 12px;
  }
  .post-navigation .nav-inner {
    justify-content: center !important;
  }
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
  transition: 0.2s;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ccc;
  margin-left: -1px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #ED2991;
  color: #fff;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #ED2991;
  border-color: #ED2991;
  cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999;
  background-color: #fff;
  border-color: #ccc;
  cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.pagination .current {
  background-color: #ED2991;
  color: #fff;
  transition: 0.2s;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
#blog .page,
#draGenPage .page,
.dra-pagination-wrapper,
.page-header,
.post-navigation,
.comments-area,
.not-found .page-content,
#ba-gallery .page-content,
.ba_gallery,
#sbList {
  margin: 0 0 1.5em;
  padding: 0 40px;
}

.page-header h1 {
  margin-top: 0;
  border-bottom: 2px solid #ccc;
  padding-bottom: 20px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #aaa;
  font-weight: bold;
}

@media screen and (max-width: 820px) {
  .post,
  #blog .page,
  #draGenPage .page,
  .dra-pagination-wrapper,
  .page-header,
  .post-navigation,
  .comments-area,
  .not-found .page-content,
  #ba-gallery .page-content,
  .ba_gallery,
  #sbList {
    padding: 0 20px;
  }
  .page-header h1 {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 530px) {
  .page-header h1 {
    text-align: center;
  }
}
/*#training .page,
#about .page,
#connect .page {
    margin: 0;
}*/
.updated:not(.published) {
  display: none;
}

.entry-header,
.page-content,
.entry-content,
.entry-summary {
  margin: 0 0 1.5em;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-awaiting-moderation { /* Green background color to make moderation seem less aggressive */
  padding: 0.5rem 1rem;
  margin: 1rem 0;
  color: #fff;
  background: #84bd68;
}

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

.comments-area > ol {
  padding: 0;
  margin: 2em 0;
  list-style-type: none;
}

ol.children {
  list-style-type: none;
}

.comment-author .avatar {
  display: block;
  float: left;
  width: 50px;
  margin-right: 20px;
}

.comment-author .fn {
  font-weight: 700;
}

.comment-meta {
  margin-bottom: 1em;
}

.comment-content,
.reply {
  margin-left: 70px;
}

.comment-body {
  padding-bottom: 2em;
  margin-bottom: 2em;
  border-bottom: solid hsl(0, 0%, 80%) 1px;
}

.comment-list ol {
  margin-left: 50px;
}

.comment-content a {
  word-wrap: break-word;
}

.reply {
  font-weight: 600;
}

.comment-content ol {
  margin-left: 1.5em;
}

.bypostauthor > .comment-body {
  position: relative;
  padding: 1em;
  margin-bottom: 2em;
  background: hsl(0, 0%, 93%);
  border: none;
}

/* Comments responsive */
@media screen and (max-width: 600px) {
  .comment-list ol {
    margin-left: 0;
  }
  .comment-content ol {
    margin-left: 1.5em;
  }
  .comment-content,
  .reply {
    margin-left: 0;
  }
}
.comment-reply-title {
  margin-bottom: 0.5em;
  font-weight: 700;
}

.comment-form {
  padding-bottom: 4rem;
}
.comment-form p label {
  vertical-align: top;
}
.comment-form p:not(.comment-form-cookies-consent) label:not(.subscribe-label) {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

#secondary .widget {
  padding: 0 20px;
}

.widget_recent_entries li {
  margin-bottom: 10px;
}

.widget_categories ul {
  list-style: circle;
  margin-left: 20px;
}

#subscribe-text p {
  text-align: left;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
00.0 Print Styles
--------------------------------------------------------------*/
@media print {
  html {
    background: transparent !important;
  }
  /* Custom style for B&A Gallery */
  div.jx-image::after, .baPicSolo::after {
    content: "";
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background-image: linear-gradient(transparent, transparent), url("img/draIcon_backPattern.svg") !important;
    background-color: #ED2991 !important;
    background-size: 175px;
    background-position: center -25px;
    width: 100%;
    height: 100%;
    z-index: 10;
    position: absolute;
    left: 0;
  }
  #resBox .dra_securedIMG img {
    opacity: 0;
  }
  #topBar {
    display: none;
  }
  .siteHeader #heading {
    text-shadow: none;
    color: #000;
    position: absolute;
    top: -30px;
    z-index: 1;
  }
}/*# sourceMappingURL=style.css.map */