/*
Theme Name: Grateful Child
Theme URI: http://edward-carter.ancorathemes.com/
Description: Grateful Child - Multipurpose and Multiskin Responsive Wordpress theme
Author: Ancorathemes
Author URI: http://ancorathemes.com/
Template: grateful
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: light, responsive-layout, flexible-header, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
Text Domain: grateful-child
*/

.col-3-8 {
  width: 37.5%;
  float: left;
}
.col-5-8 {
  width: 62.5%;
  float: left;
}

.scheme_default .select_container:has(> .custom-select) {
  background-color: rgba(128, 166, 65, 0.1);
}

.scheme_default .select_container:has(> .custom-select)::before {
  background-color: transparent;
}

.scheme_default .select_container .custom-select {
  padding: 5px 10px;
  border: 0 none;
  color: #83aa40;
  font-size: 1.3em;
}

:root {
  --bg-color: #a9c675;
  --box-width: 165px;
  --box-bg: #fffcf5;
  --box-bg-hover: #fff;
  --box-bg-selected: #fffff6;
  --header-bg: #adc13a;
  --header-bg-selected: #7fa73a;
  --header-text: #ffffff;
  --border-color: #dfd8ce;
  --checkbox-border: #d7cbbb;
  --checkbox-bg: #fff;
  --checkbox-check: #aec13a;
  --checkbox-bg-selected: var(--header-bg-selected);
  --checkbox-border-selected: var(--header-bg-selected);
  --checkbox-check-selected: var(--box-bg);
  --rocker-bg-disabled: #f5f1eb;
  --rocker-bg-enabled: #faf8f5;
  --rocker-indicator-disabled: var(--header-bg);
  --rocker-indicator: var(--header-bg-selected);
  --rocker-text: #8b7355;
  --rocker-text-hover: #6b5745;
}

#availability-widget {
  background-color: var(--bg-color);
  padding: 20px 20px 20px 0;
  border-radius: 10px;
  border: 3px solid rgba(255, 255, 255, 0.3);
}

.selector-wrapper {
  width: calc(100% - 45px);
  /* max-width: 1200px; */
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  margin: 0 30px;
}

.selector-wrapper::-webkit-scrollbar {
  height: 3px;
}

.selector-wrapper::-webkit-scrollbar-track {
  background: transparent;
}

.selector-wrapper::-webkit-scrollbar-thumb {
  background: #cbd5e0;
  border-radius: 2px;
  width: 250px;
}

.selector-wrapper::-webkit-scrollbar-thumb:hover {
  background: #a0aec0;
}

.selector-container {
  display: flex;
  gap: 0;
  margin: 10px;
  margin-bottom: 20px;
  padding: 10px;
  background: transparent;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  min-width: min-content;
  /* overflow: hidden; */
}

.selector-container::after,
.selector-container::before {
  content: '';
  display: block;
  position: absolute;
  left: 3px; /* or right: 0; for the other side */
  top: 5%;
  width: 50px;
  height: 90%;
  pointer-events: none;
  z-index: 10;
  background: linear-gradient(to right, var(--bg-color) 60%, transparent 100%);
}

.selector-container::after {
  right: 64px;
  left: auto;
  background: linear-gradient(to left, var(--bg-color) 0%, transparent 40%);
}

.day-box {
  flex: 0 0 auto;
  border: none;
  /* border-right: 1px solid var(--border-color); */
  border-radius: 8px 8px 0 0;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease;
  background: var(--box-bg);
  outline: none;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  /* border: 0px solid transparent; */
  /* transition: all 0.2s ease; */
}

/* .day-box:first-child {
  border-radius: 8px 0 0 8px;
}

.day-box:last-child {
  border-right: none;
  border-radius: 0 8px 8px 0;
} */

.day-box:hover .day-body {
  background: var(--box-bg-hover);
}

.day-box.selected .day-body {
  background: var(--box-bg-selected);
}

.day-box:focus {
  /* box-shadow: 0 0 0 3px rgba(232, 149, 128, 0.4); */
  z-index: 10;
}

/* .day-box:active {
  transform: scale(0.98);
} */

.day-box.selected {
  transform: translateY(3px);
  border: 3px solid var(--header-bg-selected);
  border-radius: 8px 8px 0 0;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.day-header {
  text-align: center;
  padding: 10px 12px;
  background: var(--header-bg);
  /* border-bottom: 1px solid var(--header-bg-selected); */
  border-top: 0px solid transparent;
  transition: all 0.3s ease;
  border-radius: 5px 5px 0 0;
}

.day-box.selected .day-header {
  background: var(--header-bg-selected);
  /* border-top: 3px solid #ffc20e; */
}

.day-name {
  font-weight: 600;
  font-size: 18px;
  opacity: 0.5;
  color: var(--header-text);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: 'Architects Daughter', cursive;
}

.day-box:hover .day-name,
.day-box.selected .day-name {
  opacity: 1;
}

.day-body {
  padding: 16px 12px;
  background: var(--box-bg);
  transition: background 0.3s ease;
}

.checkbox-circle {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid var(--checkbox-border);
  background: var(--checkbox-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
  opacity: 0.25;
  transition: all 0.3s ease;
}

.checkbox-circle svg {
  width: 16px;
  height: 16px;
  stroke: var(--checkbox-check);
  stroke-width: 3;
  fill: none;
  transition: all 0.3s ease;
}

.day-box.selected .checkbox-circle {
  background: var(--checkbox-bg-selected);
  border-color: var(--checkbox-border-selected);
  opacity: 1;
}

.day-box.selected .checkbox-circle svg {
  stroke: #fff;
}

.time-options {
  margin-top: 0;
  opacity: 0.4;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.day-box.selected .time-options {
  opacity: 1;
  pointer-events: auto;
}

.rocker-switch {
  position: relative;
  display: flex;
  background: var(--rocker-bg-disabled);
  border-radius: 6px;
  padding: 2px;
  height: 36px;
  border: 1px solid var(--header-bg);
  transition: background 0.3s ease;
}

.day-box.selected .rocker-switch {
  background: var(--rocker-bg-enabled);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.rocker-indicator {
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(33.333% - 1.33px);
  height: calc(100% - 4px);
  background: var(--rocker-indicator-disabled);
  border-radius: 4px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.day-box.selected .rocker-indicator {
  background: var(--rocker-indicator);
}

.rocker-switch[data-position='allday'] .rocker-indicator {
  left: calc(33.333% + 2px);
}

.rocker-switch[data-position='afternoon'] .rocker-indicator {
  left: calc(66.666% + 2px);
}

.rocker-option {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  color: var(--rocker-text);
  cursor: pointer;
  z-index: 1;
  transition: all 0.2s ease;
  user-select: none;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  text-align: center;
  outline: none;
  border-radius: 4px;
}

.day-box.selected .rocker-option:hover {
  color: var(--rocker-text-hover);
}

.rocker-option:focus {
  box-shadow: 0 0 0 2px rgba(232, 149, 128, 0.5);
}

.rocker-option:active {
  transform: scale(0.95);
}

.rocker-switch[data-position='morning'] .rocker-option[data-value='morning'],
.rocker-switch[data-position='allday'] .rocker-option[data-value='allday'],
.rocker-switch[data-position='afternoon']
  .rocker-option[data-value='afternoon'] {
  color: #fff;
}

@keyframes rockerScalePulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
.day-box.selected .rocker-switch.pulse-effect {
  animation: rockerScalePulse 0.45s cubic-bezier(0.35, 1.4, 0.35, 1);
}

.selector-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 5px;
  padding-bottom: 15px;
}

.box-message-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: var(--box-width);
  min-width: var(--box-width);
  max-width: var(--box-width);
  /* No margin-right, no inline styles—gap handles spacing */
}

.day-box {
  width: var(--box-width);
  min-width: var(--box-width);
  max-width: var(--box-width);
  /* Your existing day-box styling */
}

.availability-message {
  width: 100%;
  background: #b2d073;
  color: #ffffff;
  font-size: 0.9em;
  font-weight: 400;
  text-align: center;
  margin: 0;
  margin-bottom: 8px;
  padding: 4px 8px;
  border-radius: 8px;
  box-sizing: border-box;
  white-space: normal;
  word-break: break-word;
  line-height: 1;
  display: block;
  display: none;
}

.day-box.selected .availability-message {
  color: #ffffff;
}

.availability-summary-message strong,
.availability-summary-message {
  /* color: #fff; */
  line-height: 1;
  text-align: center;
  margin: 10px 50px 0 50px;
}
.availability-summary-message strong {
  color: #fff !important;
  display: block;
  margin-top: 5px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

#schedule-hint {
  display: none;
}

/*
.time-options {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.6);
  transition: opacity 0.32s, transform 0.39s cubic-bezier(0.64, 0.09, 0.08, 1);
  will-change: opacity, transform;
}
.day-box.selected .time-options {
  opacity: 1;
  pointer-events: auto;
  animation: timeOptionsPop 0.35s cubic-bezier(0.33, 1.43, 0.53, 1.16) 1;
}
@keyframes timeOptionsPop {
  0% {
    transform: scale(0);
  }
  60% {
    transform: scale(1.1);
  }
  88% {
    transform: scale(0.96);
  }
  100% {
    transform: scale(1);
  }
}

.sr-only,
.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

.rocker-callout {
  margin-top: 6px;
  color: #7fa73a; 
  font-size: 0.97em;
  font-weight: 500;
  animation: fadeIn 0.6s ease;
}
*/
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media (max-width: 768px) {
  body {
    padding: 20px 0;
  }

  .selector-wrapper {
    padding: 4px 20px;
  }

  .rocker-switch {
    height: 40px;
  }

  .rocker-option {
    font-size: 11px;
  }
}

.scheme_default .custom-form h3 {
  color: #fff;
  margin-bottom: 0.5em;
}

.scheme_default .custom-form h3:has(+ p) {
  margin-bottom: 0;
}

.scheme_default .custom-form h3 + p {
  margin-top: 0;
  margin-bottom: 0.75em;
  color: #fff;
  font-size: 1em;
  font-weight: 300;
}

.grateful-form-fields-wrap .columns_wrap {
  margin-bottom: 70px;
}

#hello-bar {
  background: #fdc22d;
  padding: 5px 20px;
  font-size: 18px;
  color: #000;
  text-align: center;
  margin-top: -50px;
  margin-bottom: 10px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
}

#hello-bar.vis {
  margin-top: 0;
  transition: margin-top 0.25s ease-in;
  -webkit-transition: margin-top 0.25s ease-in;
  -moz-transition: margin-top 0.25s ease-in;
  -ms-transition: margin-top 0.25s ease-in;
  -o-transition: margin-top 0.25s ease-in;
}

.calendar-holder {
  position: relative;
}
#calendar-overlay {
  opacity: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 1);
  border: 5px solid #7fa738;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
#calendar-overlay.vis {
  opacity: 1;
  transition: opacity 0.25s;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -ms-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
}

#calendar-overlay p {
  font-family: 'Architects Daughter', cursive;
  font-size: 1.8em;
  /* color: #7EA832; */
  font-weight: bold;
  text-align: center;
  position: absolute;
  padding: 0 15%;
  width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.rt-col {
  /* background-image: url(/wp-content/uploads/2019/11/grateful-disc.svg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 80%; */
}

.mgt-header-block {
  display: none;
}

.full-height .vc_column-inner div {
  height: 100%;
}

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

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

.align_right {
  text-align: right !important;
}

.hidden {
  display: none !important;
}

.float_right {
  float: right !important;
}

.float_left {
  float: left !important;
}

.txt_green1 {
  color: #0f7f12 !important;
}

.txt_justify {
  text-align: justify !important;
}

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

.hidden {
  display: none !important;
}

.footer_wrap {
  margin-top: 0;
}

.isScrolling header.top_panel > .vc_row {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.55);
  /*
  transition: all .2s linear;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
  */
}

.split-content-text-row {
  font-family: 'Barlow Condensed', sans-serif;
  line-height: 1.4em;
  color: #333;
}

.symptoms-holder {
  font-size: 85%;
  line-height: 1.2;
  margin: 25px 10px;
}

.top_panel {
  margin-bottom: 2.5em;
}

.top_panel_title.with_bg_image.sc_layouts_row {
  padding: 6em 0 6em;
}

.content-text-holder {
  margin-bottom: 3em;
}

.mid-txt-content-row {
  padding-top: 3em;
  padding-bottom: 3em;
}

.scheme_default .custom-gnav .sc_layouts_menu_nav > li > a,
.custom-gnav .sc_layouts_menu_nav > li.menu-item-has-children > a {
  padding: 0.65em 0.8em;
  text-transform: uppercase;
  color: #333;
  font-weight: 100;
}

.custom-gnav .sc_layouts_menu_nav > li.current-menu-item {
  position: relative;
}

#header_logo-nav-holder {
  transform: translateY(-0.3em);
  -webkit-transform: translateY(-0.3em);
  -moz-transform: translateY(-0.3em);
  -ms-transform: translateY(-0.3em);
  -o-transform: translateY(-0.3em);
}

/* .custom-gnav .sc_layouts_menu_nav>li.current-menu-item::before {
  content: url('/wp-content/uploads/2019/09/bg_gnav-item2.png');
  position: absolute;
  z-index: 10;
  width: 100%;
  height: auto;

} */

.sc_layouts_menu_nav li.gnav-item_pricing {
  margin-right: 0.7em;
}

.custom-gnav
  .sc_layouts_menu_nav
  > li.current-menu-item:not(:nth-last-child(2)):not(:nth-last-child(3))
  > a
  > span {
  /* .custom-gnav .sc_layouts_menu_nav>li.current-menu-item { */
  /*
  background-image: url('/wp-content/uploads/2019/09/bg_gnav-item3.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  */
  font-weight: 500;
}

.custom-gnav .sc_layouts_menu_nav > li:nth-last-child(3) > a,
.custom-gnav
  .sc_layouts_menu_nav
  > li:nth-last-child(3).menu-item-has-children
  > a,
.custom-gnav .sc_layouts_menu_nav > li:nth-last-child(2) > a,
.custom-gnav
  .sc_layouts_menu_nav
  > li:nth-last-child(2).menu-item-has-children
  > a {
  padding: 0.55em 0.3em;
  color: #7fa73a;
  color: #fff;
}

.custom-gnav .sc_layouts_menu_nav > li:nth-last-child(3) > a > span,
.custom-gnav
  .sc_layouts_menu_nav
  > li:nth-last-child(3).menu-item-has-children
  > a
  > span,
.custom-gnav .sc_layouts_menu_nav > li:nth-last-child(2) > a > span,
.custom-gnav
  .sc_layouts_menu_nav
  > li:nth-last-child(2).menu-item-has-children
  > a
  > span {
  display: block;
  padding: 0.1em 0.5em 0.3em 0.5em;
  /* box-shadow: 1px 1px 5px rgba(0, 0, 0, .75); */
  background-color: #7fa73a;
  /* background-color: #ffc316; */
  text-transform: capitalize;
  /* color: #333; */
  /*border: 1px solid #7fa73a;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  */
  /* border-bottom: 2px dashed; */
  /*border-top: 1px dashed transparent;
  */
  font-family: 'Barlow', sans-serif;
  font-weight: 400;
  font-size: 75%;
  /* border: 2px solid #7fa73a; */
  border-radius: 5px;
  line-height: 1.5;
  transform: translateY(5px);
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  -ms-transform: translateY(5px);
  -o-transform: translateY(5px);
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

.custom-gnav
  .sc_layouts_menu_nav
  > li.current-menu-item:nth-last-child(3)
  > a
  > span,
.custom-gnav
  .sc_layouts_menu_nav
  > li.current-menu-item:nth-last-child(2)
  > a
  > span,
.custom-gnav .sc_layouts_menu_nav > li:nth-last-child(3):hover > a > span,
.custom-gnav .sc_layouts_menu_nav > li:nth-last-child(2):hover > a > span {
  background-color: #adc32b;
  color: #fff;
  /* border-bottom-color: #7fa73a;
  border-bottom-width: 3px;
  border-top-width: 0; */
  /* font-weight: 500; */
  box-sizing: border-box;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.75);
}

.custom-gnav
  .sc_layouts_menu_nav
  > li.current-menu-item:nth-last-child(3)
  > a
  > span,
.custom-gnav
  .sc_layouts_menu_nav
  > li.current-menu-item:nth-last-child(2)
  > a
  > span {
  /* border-bottom-width: 4px; */
  /* text-shadow: 1px 1px 1px rgba(0, 0, 0, .85); */
  /* border-color: #fff;
  outline: 2px solid #7fa73a; */
  /* box-shadow: 2px 2px 10px rgba(0, 0, 0, .75); */
  background-color: #adc32b;
  font-weight: 600;
  cursor: default;
}

.custom-gnav
  .sc_layouts_menu_nav
  > li.current-menu-item:nth-last-child(2)
  > a
  > span,
.custom-gnav .sc_layouts_menu_nav > li:nth-last-child(2):hover > a > span {
  /* color: #000; */
}

.custom-gnav .sc_layouts_menu_nav > li:nth-last-child(3) > a,
.custom-gnav
  .sc_layouts_menu_nav
  > li:nth-last-child(3).menu-item-has-children
  > a {
  color: inherit;
}

.custom-gnav .sc_layouts_menu_nav > li:nth-last-child(2) > a,
.custom-gnav
  .sc_layouts_menu_nav
  > li:nth-last-child(2).menu-item-has-children
  > a {
  /* color: #000; */
}

/*
.custom-gnav .sc_layouts_menu_nav>li:nth-last-child(2)>a>span,
.custom-gnav .sc_layouts_menu_nav>li:nth-last-child(2).menu-item-has-children>a>span {
}
*/

.custom-gnav .sc_layouts_menu_nav > li.current-menu-item > a,
.custom-gnav .sc_layouts_menu_nav > li.current-menu-parent > a,
.custom-gnav .sc_layouts_menu_nav > li.current-menu-ancestor > a {
  font-weight: 400;
}

.custom-super-gnav {
  font-family: 'Architects Daughter', cursive;
  text-align: right;
}

.custom-super-gnav .sc_layouts_menu_nav > li > a,
.custom-super-gnav .sc_layouts_menu_nav > li.menu-item-has-children > a {
  font-family: 'Architects Daughter', cursive;
  font-size: 1.1rem;
  padding-top: 0.1em;
  padding-bottom: 0;
  font-weight: bolder;
}

.custom-super-gnav .scheme_default .sc_layouts_menu_nav > li > a {
  color: #000;
}

.scheme_default
  .custom-super-gnav
  .sc_layouts_menu_nav
  > li:nth-last-child(2)
  > a {
  color: #92063c;
  color: #333;
  /* color: #7fa73a; */
  /* font-family: Barlow; */
  font-weight: 600;
  font-size: 1.15rem;
  letter-spacing: 0.05em;
}

.scheme_default .sc_layouts_menu_nav > li:nth-last-child(2) > a:hover,
.scheme_default
  .custom-super-gnav
  .sc_layouts_menu_nav
  > li:nth-last-child(2):hover
  > a {
  color: #000 !important;
}

/* .scheme_default .sc_layouts_menu_nav>li:nth-last-child(2)>a:hover {
  color: unset !important;
} */

/* .custom-super-gnav .sc_layouts_menu_nav>li:nth-last-child(2)>a>span { */
.custom-super-gnav .sc_layouts_menu_nav > li > a > span {
  display: inline-block;
  position: relative;
  line-height: 1.2;
}

.ID_super-gnav-phone {
  line-height: 1.5;
  transform: translateY(0.4em);
  -webkit-transform: translateY(0.4em);
  -moz-transform: translateY(0.4em);
  -ms-transform: translateY(0.4em);
  -o-transform: translateY(0.4em);
}

/*
.custom-super-gnav .sc_layouts_menu_nav>li:hover>a>span::before {

  height: 0px;
}
*/

/**
  * Hover for gNav
 */
.custom-gnav
  .sc_layouts_menu_nav
  > li:not(:nth-last-child(2)):hover
  > a
  > span {
}

/* .custom-gnav .sc_layouts_menu_nav>li:hover>a>span::before, */
.custom-super-gnav
  .sc_layouts_menu_nav
  > li:not(:nth-last-child(2)):hover
  > a
  > span::before,
.custom-gnav
  .sc_layouts_menu_nav
  > li:not(:nth-last-child(2)):not(:nth-last-child(3)):hover
  > a
  > span::before,
.custom-gnav
  .sc_layouts_menu_nav
  > li.current-menu-item:not(:nth-last-child(2)):not(:nth-last-child(3))
  > a
  > span::before,
.custom-super-gnav
  .sc_layouts_menu_nav
  > li.current-menu-item
  > a
  > span::before {
  content: ' ';
  width: 120%;
  height: 8px;
  background: rgba(128, 166, 65, 0.2);
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: -10%;
  color: #7fa73a;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
}

.custom-gnav .sc_layouts_menu_nav > li > a > span {
  position: relative;
}

.custom-gnav .sc_layouts_menu_nav > li:hover > a > span {
}

.custom-gnav
  .sc_layouts_menu_nav
  > li.current-menu-item:not(:nth-last-child(2)):not(:nth-last-child(3))
  > a
  > span::before,
.custom-gnav
  .sc_layouts_menu_nav
  > li:not(:nth-last-child(2)):not(:nth-last-child(3)):hover
  > a
  > span::before {
  width: 110%;
  left: -5%;
}

/* .custom-super-gnav .sc_layouts_menu_nav>li>a:hover>span::before {
  height: 100%;
  border-radius: 2px;
  transition: height .1s;
  -webkit-transition: height .1s;
  -moz-transition: height .1s;
  -ms-transition: height .1s;
  -o-transition: height .1s;
  -webkit-border-radius: 0 0 2px;
  -moz-border-radius: 0 0 2px;
  -ms-border-radius: 0 0 2px;
  -o-border-radius: 0 0 2px;
} */

.custom-super-gnav .sc_layouts_menu_nav > li.current-menu-item > a,
.custom-super-gnav .sc_layouts_menu_nav > li.current-menu-parent > a,
.custom-super-gnav .sc_layouts_menu_nav > li.current-menu-ancestor > a {
}

.scheme_default .sc_layouts_title h1.sc_layouts_title_caption {
  /* color: #f8a531; */
  color: #7ea840;
  font-family: 'barlow condensed', sans-serif;
  font-weight: 600;
}

/*
.sc_layouts_title_title h3 {
  margin-top: 0.1em;
}
*/

.logo-holder .sc_layouts_item {
  width: 100%;
}

.sc_layouts_logo img {
  width: 100%;
  max-width: 300px;
}

.top_panel_navi.sc_layouts_row.sc_layouts_row_type_compact.sc_layouts_row_fixed.scheme_default.sc_layouts_row_fixed_on
  .sc_layouts_item:last-child {
  transform: translateY(7px);
  -webkit-transform: translateY(7px);
  -moz-transform: translateY(7px);
  -ms-transform: translateY(7px);
  -o-transform: translateY(7px);
  transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
}

#herotest {
  position: relative;
}

#herotest::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  /*Permalink-usetoeditandsharethisgradient:;
  https:;
  //colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&1+0,1+50,0+100*/
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 40%,
    rgba(255, 255, 255, 0) 100%
  );
  /*FF3.6-15*/
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 40%,
    rgba(255, 255, 255, 0) 100%
  );
  /*Chrome10-25,Safari5.1-6*/
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 45%,
    rgba(255, 255, 255, 0) 65%,
    rgba(255, 255, 255, 0) 100%
  );
  /*W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
  /* IE6-9 */
  -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
}

#herotest .content_wrap {
  position: relative;
}

#hero-grateful-disc-container {
  position: absolute;
  top: 160px;
  left: -5vw;
  width: 25vw;
  height: 25vw;
  z-index: 10;
  pointer-events: none;
  background-image: url('https://staging.grateful-pet.com/wp-content/uploads/2019/11/grateful-disc.svg');
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.4;
}
body:has(.no-sidebar) #hero-grateful-disc-container {
  display: none;
}

header .hero-subhead {
  font-size: 2.571rem;
  font-weight: 300;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: -0.3px;
  margin-bottom: 0.97em;
  margin-top: 0.1em;
  text-transform: capitalize;
  background: rgba(255, 255, 255, 0.25);
  padding-right: 0.5em;
  padding-left: 0.5em;
  display: inline-block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

/* #hdr_shad { */
body:not(.home) header:not(.no-shad)::after {
  /* float: right; */
  width: 39%;
  height: 25px;
  /* background-color: rgba(0,0,0,0); */
  box-shadow: -1px 4px 10px rgba(0, 0, 0, 0.75);
  transform: rotate(0.7deg);
  /* margin-top: -71px; */
  content: '';
  position: absolute;
  right: 0;
  bottom: 3px;
  z-index: -1;
}

.top_panel_title.with_bg_image.sc_layouts_row {
  background-position: center right;
  /* background-position: top right; */
  background-size: 55%;
  background-repeat: no-repeat;
}

.theme_button.theme_button_round {
  border-radius: 500px !important;
  -webkit-border-radius: 500px !important;
  -moz-border-radius: 500px !important;
  -ms-border-radius: 500px !important;
  -o-border-radius: 500px !important;
}

.theme_button.theme_button_stroke {
  border: 2px solid #fff;
}

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

.scheme_default header .theme_button:hover {
  background-color: #adc13a !important;
}

header .theme_button.theme_button_round {
  width: 220px;
  font-weight: 600;
  font-size: 0.8em;
}

header .theme_button_round:first-of-type {
  margin-right: 10px;
}

header .theme_button_round:last-of-type {
  margin-left: 10px;
}

.scheme_default .theme_button.cta-fragment-btn {
  background-color: #abcc5c;
  background-color: rgba(78, 102, 34, 0.5) !important;
  font-family: Barlow, sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  /* line-height: 50px; */
  text-align: center;

  height: 3em;
  display: block;
  width: 25%;

  display: flex;
  justify-content: center;
  align-items: center;
}

.scheme_default .theme_button.cta-fragment-btn:hover {
  background-color: rgba(78, 102, 34, 0.7) !important;
  /* background-color: #7ea831 !important; */
  /* color: #333; */
}

.wide-content-row .mgt-header-block .mgt-header-block-title,
.wide-content-row h2 {
  text-align: center;
  margin-bottom: 1em;
}

.wide-content-row {
  /* text-align: center; */
}

.main-content-row.no-title {
  padding-top: 3em;
}

#wide2,
#wide3 {
  position: relative;
}

#floater {
  position: sticky;
  top: 0;
  /* display: none; */
}

.floater-circle {
  position: absolute;
  width: 90%;
  height: auto;
  border-radius: 50%;
  overflow: hidden;
  background-color: #7fa641;
  color: #fff;
  transform-origin: center 95%;
  top: 50px;
  background-size: cover;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

#top-floater {
  background-image: url();
  z-index: 20;
}

#bottom-floater {
  z-index: 10;
}

#top-floater .floating-circle-blocker {
  position: absolute;
  opacity: 1;
  top: 0;
  left: 0;
}

#floater.open #top-floater .floating-circle-blocker {
  opacity: 0;
  transition: opacity 0.5s;
  /*//5sU-webkit-transition: opacity .5s;
  */
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
}

#floater.open.fixed {
  position: fixed;
}

#bot-floater img {
  opacity: 1;
  transform: rotate(-190deg);
  /*transform: rotate(180deg);
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transform:;
  -moz-transform:;
  -ms-transform:;
  -o-transform:;
  */
}

#floater.closed #bot-floater {
  transition: all 0.25s;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
}

#floater.open #bot-floater {
  transform: rotate(-190deg);
  transition: all 0.5s;
  /*-webkit-transform: rotate(-190deg);
  -moz-transform: rotate(-190deg);
  -ms-transform: rotate(-190deg);
  -o-transform: rotate(-190deg);
  transition: transform .5s, opacity, .5s 1s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transform: rotate(-190deg);
  */
}

#floater.open #bot-floater img {
  opacity: 1;
  transition: opacity 0.5s;
  /*transition: transform 1s .9s;
  -webkit-transform: opacity .25s .5s;
  -moz-transform: opacity .25s .5s;
  -ms-transform: opacity .25s .5s;
  -o-transform: opacity .25s .5s;
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -ms-transition: opacity .5s;
  -o-transition: opacity .5s;
  */
}

/* width: 334px;
  height: 350px;
  margin: 0 auto;
  transform: translateY(11em);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transform: translateY(11em);
  -moz-transform: translateY(11em);
  -ms-transform: translateY(11em);
  -o-transform: translateY(11em); */

.with-circles,
.vet-acu-text-row,
#wide1,
#wide3,
#wide2 {
  background-image: url(/wp-content/uploads/2019/09/bg_overlpng-circles-1.png?id=1134) !important;
  background-position: -55vw 0px;
  /* background-size: cover; */
  background-size: 100vw;
  background-repeat: repeat-y;
  padding-bottom: 5em;
  color: #444;
}

.no-bg-repeat {
  background-repeat: no-repeat;
}

.float-right {
  float: right !important;
}

.float-left {
  float: left !important;
}

#intake-container div.wpforms-container-full .wpforms-form .wpforms-field {
  clear: none;
}

#intake-container div.wpforms-container-full,
div.wpforms-container-full
  .wpforms-form
  *
  #intake-container
  .intake-textarea-half {
  width: 48%;
}

.intake-input-half {
  width: 48%;
  clear: none;
}

.labels-hidden-form label {
  display: none;
}

.labels-visible-form label {
  display: block;
}

.custom-form ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.form-field-holder.half-width {
  width: 48%;
}

.form-field-holder.input-holder {
  margin: 5px 0;
}

.custom-form .form-field-holder.submit-holder {
  margin: 40px 0 10px 0;
}

.form-field-holder textarea {
  min-height: 140px;
}

.form-field-holder textarea,
.form-field-holder input:not([type='checkbox']) {
  width: 100%;
}

.side-by-side-holder.col-2 > div {
  width: 50%;
  float: left;
}

.side-by-side-holder.col-2 > :first-child {
  text-align: left;
}

.side-by-side-holder.col-2 > :last-child {
  text-align: right;
  width: 48%;
  margin-left: 2%;
}

.full-width-holder {
  width: 100%;
}

.half-width-holder {
  width: 50%;
}

input + .field-desc {
  color: rgba(78, 102, 34, 0.9);
  font-size: 75%;
}

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  top: 0;
  left: 0;
  z-index: 100;
  /* display: none; */
  opacity: 0;
}

.custom-form {
  position: relative;
  font-family: 'Barlow Condensed', sans-serif;
}

.form-field-holder::after {
  content: ' ';
  display: table;
  clear: both;
}

.custom-form input[type='radio'],
input[type='checkbox'] {
  display: inline;
}

.scheme_default
  .vc_btn3-container.vc_btn3-center.appointments-contact__btn
  .vc_btn3-block.vc_btn3-size-md,
.scheme_default .custom-form input[type='submit'] {
  background: -moz-linear-gradient(
    50% 100% 90deg,
    rgba(107, 140, 49, 1) 0%,
    rgba(127, 167, 46, 1) 10%,
    rgba(173, 193, 58, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(107, 140, 49, 1) 0%,
    rgba(127, 167, 46, 1) 10%,
    rgba(173, 193, 58, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    50% 100%,
    50% 0%,
    color-stop(0, rgba(107, 140, 49, 1)),
    color-stop(0.1, rgba(127, 167, 46, 1)),
    color-stop(1, rgba(173, 193, 58, 1))
  );
  background: -o-linear-gradient(
    90deg,
    rgba(107, 140, 49, 1) 0%,
    rgba(127, 167, 46, 1) 10%,
    rgba(173, 193, 58, 1) 100%
  );
  background: -ms-linear-gradient(
    90deg,
    rgba(107, 140, 49, 1) 0%,
    rgba(127, 167, 46, 1) 10%,
    rgba(173, 193, 58, 1) 100%
  );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6B8C31', endColorstr='#ADC13A' ,GradientType=0)";
  background: linear-gradient(
    0deg,
    rgba(107, 140, 49, 1) 0%,
    rgba(127, 167, 46, 1) 10%,
    rgba(173, 193, 58, 1) 100%
  );
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADC13A', endColorstr='#6B8C31', GradientType=0);
  -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADC13A', endColorstr='#6B8C31', GradientType=0);

  color: rgba(255, 255, 255, 0.7);
  font-family: 'Architects Daughter', cursive;
  font-size: 160%;
  padding: 10px;
  letter-spacing: 0.1em;
  font-weight: normal;
}

.scheme_default
  .vc_btn3-container.vc_btn3-center.appointments-contact__btn
  .vc_btn3-block.vc_btn3-size-md:hover,
.scheme_default .custom-form input[type='submit']:hover {
  /* background: -moz-linear-gradient(50% 100% 90deg, rgba(107, 140, 49, 1) 0%, rgba(127, 167, 46, 1) 5%, rgba(190, 219, 43, 1) 99.98%);
  background: -webkit-linear-gradient(90deg, rgba(107, 140, 49, 1) 0%, rgba(127, 167, 46, 1) 5%, rgba(190, 219, 43, 1) 99.98%);
  background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0, rgba(107, 140, 49, 1)), color-stop(0.05, rgba(127, 167, 46, 1)), color-stop(0.9998, rgba(190, 219, 43, 1)));
  background: -o-linear-gradient(90deg, rgba(107, 140, 49, 1) 0%, rgba(127, 167, 46, 1) 5%, rgba(190, 219, 43, 1) 99.98%);
  background: -ms-linear-gradient(90deg, rgba(107, 140, 49, 1) 0%, rgba(127, 167, 46, 1) 5%, rgba(190, 219, 43, 1) 99.98%);
  -ms-filter:;
  "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6B8C31', endColorstr='#BEDB2B' ,GradientType=0)";
  background: linear-gradient(0deg, rgba(107, 140, 49, 1) 0%, rgba(127, 167, 46, 1) 5%, rgba(190, 219, 43, 1) 99.98%);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  filter:;
  progid:DXImageTransform.Microsoft.gradient(startColorstr='#BEDB2B', endColorstr='#6B8C31', GradientType=0);
   :;
  -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BEDB2B', endColorstr='#6B8C31', GradientType=0);
  */
  color: rgba(255, 255, 255, 1);
  /* letter-spacing: .2em; */
  box-shadow: 1.5px 1.5px 3px rgba(0, 0, 0, 0.6);
  font-weight: bolder;

  /* font-weight: bold; */
  /* text-shadow: 1px 1px .2px rgba(0, 0, 0, .4); */
}

.custom-form .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  color: #333;
}

.custom-form.invalid .overlay {
  /* display: block; */
}

#symptoms-chx-holder.checkbox-rows-holder {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

/* .checkbox-rows-holder.with-long-labels .option-input.checkbox {
  margin-right: 0;
} */

.custom-form .checkbox-rows-holder label {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 100%;
  font-weight: 400;
}

.custom-form .checkbox-rows-holder.with-long-label > .vc_row label {
  margin-top: 24px;
  margin-bottom: 24px;
}

.custom-form .checkbox-rows-holder label strong {
  font-weight: 700;
  color: #fff;
}

.custom-form .checkbox-rows-holder label.txt_label {
  font-weight: 400 !important;
  font-size: 85% !important;
}

.custom-form .txt_label {
  font-weight: 400 !important;
  font-size: 85% !important;
  color: #fff !important;
}

.checkbox-rows-holder > .vc_row {
  background-color: rgba(0, 0, 0, 0.05);
}

.checkbox-rows-holder > .vc_row:last-child label {
  margin-bottom: 16px;
}

#intakeForm .checkbox-rows-holder > div > label {
  margin-bottom: -1em;
}

/* .radio-assessment-grid-holder .vc_row:nth-child(even) { */
.radio-assessment-grid-holder .vc_row {
  /* background-color: rgba(0, 0, 0, .05); */
  border-bottom: 1px dashed;
}

#intakeForm {
  /* background-color: rgba(183, 201, 87, .85); */
}

.custom-form.custom-form-bg,
.custom-form fieldset {
  padding-top: 75px;
  /* border-radius: 10px; */
  background: rgb(173, 193, 27);
  /* Old browsers */
  background: -moz-linear-gradient(
    top,
    rgba(173, 193, 27, 1) 0%,
    rgba(127, 167, 58, 1) 79%,
    rgba(127, 167, 58, 1) 100%
  );
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(173, 193, 27, 1) 0%,
    rgba(127, 167, 58, 1) 79%,
    rgba(127, 167, 58, 1) 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(170, 201, 117, 0.9) 0%,
    rgba(171, 204, 92, 0.9) 79%,
    rgba(171, 204, 92, 0.9) 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adc11b', endColorstr='#7fa73a', GradientType=0);
  /* IE6-9 */
}
.custom-form.custom-form-bg.single-fieldset {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.custom-form.custom-form-bg,
.custom-form fieldset {
  margin: 0 0 2px 0;
  /* border: 1px solid #fff;
  border-width: 0 0 2px 0; */
  padding-bottom: 50px;
  padding-top: 170px;
}

.custom-form fieldset:first-of-type {
  border-radius: 20px 20px 0 0;
  -webkit-border-radius: 20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
  -ms-border-radius: 20px 20px 0 0;
  -o-border-radius: 20px 20px 0 0;
}

.custom-form fieldset:last-of-type {
  border-radius: 0 0 20px 20px;
  -webkit-border-radius: 0 0 20px 20px;
  -moz-border-radius: 0 0 20px 20px;
  -ms-border-radius: 0 0 20px 20px;
  -o-border-radius: 0 0 20px 20px;
}

.scheme_default #intakeForm .select_container {
  background-color: transparent;
  margin-bottom: 5px;
}

/* .custom-form textarea,
.custom-form input,
.custom-form input {
  background-color: rgba(255, 255, 255, .4);
} */

.scheme_default .custom-form fieldset legend {
  background-color: transparent;
  color: #fff;
}

.custom-form .legend {
  position: absolute;
  color: #fff;
}

.content-callout .title,
.custom-form .legend,
.custom-form fieldset legend {
  font-family: 'Barlow', sans-serif;
  font-size: 72px;
  text-align: center;
  width: 100%;
  top: 80px;
  left: 0;
  font-style: normal;
  font-weight: 100;
  margin: 0;
  padding: 0;
}

.custom-form
  input:not([type='radio']):not([type='checkbox']):not([type='submit']),
.custom-form fieldset .select_container select,
.scheme_default .custom-form textarea,
.custom-form fieldset textarea {
  /* background-color: rgba(255, 255, 255, .25); */
  background-color: rgba(128, 166, 65, 0.2);
  padding: 5px 10px;
  border: 0 none;
  color: #000;
  font-size: 1.3em;
}

.scheme_default .custom-form fieldset .select_container::before {
  background-color: transparent;
}

.custom-form input:not([type='radio']):not([type='checkbox']):hover,
.custom-form .select_container select:hover,
.custom-form textarea:hover {
  background-color: rgba(255, 255, 255, 0.45);
}

.custom-form .select_container select:invalid {
  color: #83aa40;
}

/*
.custom-form input.checkbox {
  background-color: unset;
  padding: unset;
  color: unset;
}
*/

.custom-form .select_container select {
  /* background-color: rgba(255, 255, 255, .25) !important; */
  background-color: rgba(128, 166, 65, 0.2) !important;
}

.custom-form .select_container select:hover {
  background-color: rgba(255, 255, 255, 0.25) !important;
}

::-webkit-input-placeholder {
  color: #83aa40;
}

:-ms-input-placeholder {
  color: #83aa40;
}

::placeholder {
  color: #7fa63a;
}

.custom-form textarea:hover::placeholder {
  color: rgba(131, 170, 64, 0.5);
}

.custom-form label a {
  text-decoration: underline;
  color: #6d2013;
}

.custom-form label {
  color: #fff;
  line-height: 1;
  margin-bottom: 5px;
  margin-top: 25px;
  font-weight: 500;
  font-size: 85%;
  font-family: Barlow, sans-serif;
}

.error-list {
  text-align: left;
  background-color: #94003b;
  font-family: 'Barlow', sans-serif;
  color: #fff;
  font-size: 0.8em;
  line-height: 1;
  width: 90%;
  transform: translate(10px, -5px);
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-transform: translate(10px, -5px);
  -moz-transform: translate(10px, -5px);
  -ms-transform: translate(10px, -5px);
  -o-transform: translate(10px, -5px);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
}

.error-list::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #94003b transparent;
  content: '';
  position: absolute;
  top: -6px;
}

.error-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 1;
}

.content-text-holder p,
.main-content-text-holder p {
  color: #333;
}
.main-content-text-holder p:first-of-type {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 145%;
  line-height: 1.6em;
  text-align: justify;
  /* font-style: italic; */
  color: #000;
}

.grad-mask.grad-mask-rt1::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+99&0+1,1+70,1+100 */
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 90%,
    rgba(255, 255, 255, 1) 100%,
    rgba(255, 255, 255, 1) 100%
  );
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 90%,
    rgba(255, 255, 255, 1) 100%,
    rgba(255, 255, 255, 1) 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 90%,
    rgba(255, 255, 255, 1) 100%,
    rgba(255, 255, 255, 1) 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
  /* IE6-9 */
  z-index: 500;
}

.radio-assessment-grid-holder {
  color: #fff;
}

.ailment-col {
  margin: 10px 0;
  line-height: 1.3;
  font-size: 105%;
  color: black;
  font-weight: 500;
  padding-right: 2em;
  font-style: italic;
}

.ailment-col:first-child {
  text-align: right;
}

/* .ailment-col:first-child {
  padding-right: 10px;
}

.ailment-col:last-child {
  padding-left: 10px;
} */

/********************************************************
 * 101 page content styles
********************************************************/
.inf-drawer-holder {
  width: 95vw;
  height: 100vh;
  position: fixed;
  z-index: 1000;
  top: 0px;
  left: -98vw;
  left: 5px;
  /*
  color: #fff;
  background-color: #7fa73a;
  */

  padding-right: 5px;

  transform: translateX(-99.8%);
  -webkit-transform: translateX(-99.8%);
  -moz-transform: translateX(-99.8%);
  -ms-transform: translateX(-99.8%);
  -o-transform: translateX(-99.8%);
  transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
}

.inf-drawer-holder.init {
  -webkit-animation: bounce 1.2s ease-out;
  -moz-animation: bounce 800ms ease-out;
  -o-animation: bounce 800ms ease-out;
  animation: bounce 1.2s ease-out;
}

.inf-drawer-holder.open {
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
}

.inf-drawer-holder .tab_drawer {
  cursor: pointer;
  background: #fff;
  color: #7fa73a;
  font-size: 14px;
  font-weight: 600;
  padding: 0px 10px 0px 10px;
  border: 2px solid #7fa73a;
  border-radius: 0px 0px 10px 10px;
  border-top: 0 none;
  position: absolute;
  top: 125px;
  right: -70px;
  /*
  margin-top: 125px;
  margin-left: 0;
  */
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -ms-border-radius: 0px 0px 10px 10px;
  -o-border-radius: 0px 0px 10px 10px;
}

.inf-drawer-holder.open .tab_drawer,
.inf-drawer-holder .tab_drawer:hover {
  background-color: #7fa73a;
  color: #fff;
}

.inf-drawer-holder .inner {
  overflow-y: auto;
  color: #fff;
  background: url(/wp-content/uploads/2019/09/bg_101.svg);
  background-size: 120%;
  background-color: #7fa73a;
  background-position: center;
  height: 100%;
}

.inf-drawer-holder .content .text-holder {
  outline: 10px solid rgba(255, 255, 255, 0.5);
  height: 70vh;
  overflow: scroll;
  /* padding: 0px 50px 50px; */
  /* background: rgba(127, 167, 58, .9); */
  transform: translateY(15%);
  -webkit-transform: translateY(15%);
  -moz-transform: translateY(15%);
  -ms-transform: translateY(15%);
  -o-transform: translateY(15%);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7fa73a+0,adc13a+100&0.9+0,0.9+100 */
  background: -moz-linear-gradient(
    top,
    rgba(127, 167, 58, 0.9) 0%,
    rgba(173, 193, 58, 0.9) 100%
  );
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(127, 167, 58, 0.9) 0%,
    rgba(173, 193, 58, 0.9) 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(127, 167, 58, 0.9) 0%,
    rgba(173, 193, 58, 0.9) 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e67fa73a', endColorstr='#e6adc13a', GradientType=0);
  /* IE6-9 */
}

.close-icon-holder {
  position: fixed;
  z-index: 100;
  top: 25px;
  right: 25px;
  padding: 5px;
  border: 2px solid #fff;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.close-icon-holder:hover {
  background-color: rgba(0, 0, 0, 0.45);
}

.close-icon {
  width: 50px;
  height: 50px;
  position: relative;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}

.close-icon span {
  display: block;
  position: absolute;
  left: 0;
  top: 23px;
  height: 8px;
  width: 100%;
  background: #fff;
  /* box-shadow: 1px 1px 1px rgba(0, 0, 0, .75); */
  border-radius: 4px;
  transform: rotate(0deg);
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.close-icon span:nth-child(1),
.close-icon span:nth-child(3) {
  width: 50%;
  transform: rotate(45deg);
}

.close-icon span:nth-child(1) {
  left: 3px;
  top: 15px;
}

.close-icon span:nth-child(2) {
  transform: rotate(-45deg);
}

.close-icon span:nth-child(3) {
  left: 20px;
  top: 31px;
}

.close-icon:hover span:nth-child(1),
.close-icon:hover span:nth-child(3) {
  left: -1px;
}

.close-icon:hover span:nth-child(1) {
  top: 15px;
  transform: rotate(135deg);
}

.close-icon:hover span:nth-child(2) {
  transform: rotate(0deg);
}

.close-icon:hover span:nth-child(3) {
  top: 31px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.loader {
  color: #64908f;
  font-size: 20px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: absolute;
  top: 100px;
  left: 200px;
  z-index: 200;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
}

@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }

  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em,
      0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }

  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em,
      0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }

  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }

  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }

  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }

  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em,
      0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }

  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em,
      0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }

  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }

  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }

  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

.shake {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite;
}

@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
    -webkit-transform: translate3d(-1px, 0, 0);
    -moz-transform: translate3d(-1px, 0, 0);
    -ms-transform: translate3d(-1px, 0, 0);
    -o-transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0);
    -webkit-transform: translate3d(2px, 0, 0);
    -moz-transform: translate3d(2px, 0, 0);
    -ms-transform: translate3d(2px, 0, 0);
    -o-transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
    -webkit-transform: translate3d(-4px, 0, 0);
    -moz-transform: translate3d(-4px, 0, 0);
    -ms-transform: translate3d(-4px, 0, 0);
    -o-transform: translate3d(-4px, 0, 0);
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0);
    -webkit-transform: translate3d(4px, 0, 0);
    -moz-transform: translate3d(4px, 0, 0);
    -ms-transform: translate3d(4px, 0, 0);
    -o-transform: translate3d(4px, 0, 0);
  }
}

@keyframes click-wave {
  0% {
    height: 20px;
    width: 20px;
    opacity: 0.35;
    position: relative;
  }

  100% {
    height: 200px;
    width: 200px;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0;
  }
}

.option-input.checkbox {
  margin-right: 1em;
}

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 5px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px;
  transition: all 0.15s ease-out 0s;
  background-color: rgba(255, 255, 255, 0.25);
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  /* margin-right: 0.5rem; */
  outline: none;
  position: relative;
  /* z-index: 1000; */
}

.option-input:hover {
  background-color: rgba(255, 255, 255, 0.75);
  cursor: pointer;
}

.option-input:checked {
  background: #7fa739;
  box-shadow: 0px 1px 2px 0.15px rgba(0, 0, 0, 0.5);
}

.option-input:checked::before {
  height: 20px;
  width: 20px;
  position: absolute;
  display: inline-block;
  text-align: center;
  line-height: 20px;
}

.option-input.checkbox:checked::before {
  content: '✔';
  font-size: 15px;
}

.option-input.radio:checked::before {
  content: '•';
  font-size: 38px;
  font-family: Barlow, sans-serif;
  transform: translateY(-3px);
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  -o-transform: translateY(-3px);
}

.option-input:checked:focus::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #7fa739;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}

.option-input.radio {
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.option-input.radio::after {
  border-radius: 50%;
}

.custom-form input[type='radio'],
input[type='checkbox'] {
  display: inline-block;
}

.custom-form .radio-assessment-grid-holder label {
  margin: 0;
  padding: 0;
}

.custom-form .radio-assessment-grid-holder label > div {
  display: none;
}

.css3-notification {
  font-size: 0.8em;
  text-align: center;
  padding: 10px;
  background-color: #111;
  color: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
  position: relative;
  font-weight: bold;

  -webkit-animation: bounce 1.2s ease-out;
  -moz-animation: bounce 800ms ease-out;
  -o-animation: bounce 800ms ease-out;
  animation: bounce 1.2s ease-out;
}

/* Webkit, Chrome and Safari */

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateX(-100%);
  }

  5% {
    -webkit-transform: translateX(-100%);
  }

  15% {
    -webkit-transform: translateX(0);
    padding: 4px auto;
  }

  20% {
    -webkit-transform: translateX(-80%);
  }

  25% {
    -webkit-transform: translateX(0%);
    padding: 4px auto;
  }

  30% {
    -webkit-transform: translateX(-70%);
  }

  35% {
    -webkit-transform: translateX(0%);
    padding: 5px auto;
  }

  40% {
    -webkit-transform: translateX(-60%);
  }

  45% {
    -webkit-transform: translateX(0%);
    padding: 5px auto;
  }

  50% {
    -webkit-transform: translateX(-50%);
  }

  55% {
    -webkit-transform: translateX(0%);
    padding: 6px auto;
  }

  60% {
    -webkit-transform: translateX(-30%);
  }

  65% {
    -webkit-transform: translateX(0%);
    padding: 6px auto;
  }

  70% {
    -webkit-transform: translateX(-15%);
  }

  75% {
    -webkit-transform: translateX(0);
    padding: 8px auto;
  }

  80% {
    -webkit-transform: translateX(-10%);
  }

  85% {
    -webkit-transform: translateX(0);
    padding: 8px auto;
  }

  90% {
    -webkit-transform: translateX(-5%);
  }

  95% {
    -webkit-transform: translateX(0);
    padding: 10px;
  }

  100% {
    -webkit-transform: translateX(0);
    padding: 10px;
  }
}

/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  0% {
    -moz-transform: translateX(-100%);
    opacity: 0;
  }

  5% {
    -moz-transform: translateX(-100%);
    opacity: 0;
  }

  15% {
    -moz-transform: translateX(0);
    padding-bottom: 5px;
  }

  30% {
    -moz-transform: translateX(-50%);
  }

  40% {
    -moz-transform: translateX(0%);
    padding-bottom: 6px;
  }

  50% {
    -moz-transform: translateX(-30%);
  }

  70% {
    -moz-transform: translateX(0%);
    padding-bottom: 7px;
  }

  80% {
    -moz-transform: translateX(-15%);
  }

  90% {
    -moz-transform: translateX(0%);
    padding-bottom: 8px;
  }

  95% {
    -moz-transform: translateX(-10%);
  }

  97% {
    -moz-transform: translateX(0%);
    padding-bottom: 9px;
  }

  99% {
    -moz-transform: translateX(-5%);
  }

  100% {
    -moz-transform: translateX(0);
    padding-bottom: 9px;
    opacity: 1;
  }
}

/* Opera 12.0 */
@-o-keyframes bounce {
  0% {
    -o-transform: translateX(-100%);
    opacity: 0;
  }

  5% {
    -o-transform: translateX(-100%);
    opacity: 0;
  }

  15% {
    -o-transform: translateX(0);
    padding-bottom: 5px;
  }

  30% {
    -o-transform: translateX(-50%);
  }

  40% {
    -o-transform: translateX(0%);
    padding-bottom: 6px;
  }

  50% {
    -o-transform: translateX(-30%);
  }

  70% {
    -o-transform: translateX(0%);
    padding-bottom: 7px;
  }

  80% {
    -o-transform: translateX(-15%);
  }

  90% {
    -o-transform: translateX(0%);
    padding-bottom: 8px;
  }

  95% {
    -o-transform: translateX(-10%);
  }

  97% {
    -o-transform: translateX(0%);
    padding-bottom: 9px;
  }

  99% {
    -o-transform: translateX(-5%);
  }

  100% {
    -o-transform: translateX(0);
    padding-bottom: 9px;
    opacity: 1;
  }
}

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
  0% {
    transform: translateX(-100%);
    /* opacity: 0; */
  }

  5% {
    transform: translateX(-100%);
    /* opacity: 0; */
  }

  15% {
    transform: translateX(-95%);
  }

  30% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
  }

  40% {
    transform: translateX(-98%);
    -webkit-transform: translateX(-98%);
    -moz-transform: translateX(-98%);
    -ms-transform: translateX(-98%);
    -o-transform: translateX(-98%);
  }

  /*
  50% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
  }

  70% {
    transform: translateX(-99%);
    padding-bottom: 7px;
    -webkit-transform: translateX(-99%);
    -moz-transform: translateX(-99%);
    -ms-transform: translateX(-99%);
    -o-transform: translateX(-99%);
  }
  */

  50% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
  }

  60% {
    transform: translateX(-99%);
    -webkit-transform: translateX(-99%);
    -moz-transform: translateX(-99%);
    -ms-transform: translateX(-99%);
    -o-transform: translateX(-99%);
  }

  70% {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
  }

  75% {
    transform: translateX(-99.5%);
    -webkit-transform: translateX(-99.5%);
    -moz-transform: translateX(-99.5%);
    -ms-transform: translateX(-99.5%);
    -o-transform: translateX(-99.5%);
  }

  /*
  97% {
    transform: translateX(-99%);
    padding-bottom: 9px;
    -webkit-transform: translateX(-99%);
    -moz-transform: translateX(-99%);
    -ms-transform: translateX(-99%);
    -o-transform: translateX(-99%);
  }
*/
  78% {
    transform: translateX(-99.8%);
    -webkit-transform: translateX(-99.8%);
    -moz-transform: translateX(-99.8%);
    -ms-transform: translateX(-99.8%);
    -o-transform: translateX(-99.8%);
  }

  /* 79% {
    transform: translateX(-99.75%);
    -webkit-transform: translateX(-99.75%);
    -moz-transform: translateX(-99.75%);
    -ms-transform: translateX(-99.75%);
    -o-transform: translateX(-99.75%);
  } */

  100% {
    transform: translateX(-99.8%);
    -o-transform: translateX(-99.8%);
    -webkit-transform: translateX(-99.8%);
    -moz-transform: translateX(-99.8%);
    -ms-transform: translateX(-99.8%);
  }
}

/********************************************************
 * Veterinary Acupuncture page content styles
********************************************************/
.z-content-text h4,
.vet-acu-types-row h4 {
  /* text-align: center; */
  font-size: 3vw;
}

.z-content-holder,
.vet-acu-types-row {
  background-size: contain !important;
  background-position-y: center !important;
  background-repeat: no-repeat !important;
  /* padding-top: 3em;
  padding-bottom: 3em; */
}

.home .z-content-holder,
.home .vet-acu-types-row {
  background-size: 50% !important;
}

.z-content-holder.photo-right,
.vet-acu-types-row.photo-right {
  background-position-x: right !important;
}

.vet-acu-types-row.photo-left {
  background-position-x: left !important;
}

#personal-ungar-row.z-content-holder {
  background-size: 50% !important;
}

.z-content-holder.home-z-content_lauren-holder.photo-right {
  background-position: right !important;
}

.z-content-holder.vc_parallax .vc_parallax-inner {
  background-position: inherit;
  background-size: inherit;
  background-repeat: no-repeat;
}

.z-content-text,
.vet-acu-type-text {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 1.4vw;
  font-weight: 400;
  padding: 0em 2em 0em 5em;
  line-height: 1.25;
  /* font-style: italic; */
  color: rgba(0, 0, 0, 0.55);
  /* color: #000; */
}

.z-content-text_less-pad {
  padding-top: 6em;
  padding-bottom: 6em;
}
.z-content-text_alt {
  font-style: normal;
}

.vet-acu-types-row.photo-left .vet-acu-type-text {
  text-align: right;
  padding-left: 2em;
  padding-right: 5em;
}

.scheme_default .z-content-text h4,
.scheme_default .vet-acu-type-text h4 {
  margin-bottom: 0.1em;
}

.z-content-text p strong,
.vet-acu-type-text p strong {
  font-weight: 600;
  color: #65908f;
}

#fullWidthRow_ailments {
  padding-bottom: 2em;
}

#fullWidthRow_ailments h3 {
  text-align: center;
  margin-bottom: 0.5em;
}

.parallax-holder {
  position: relative;
}

.with-overlay.with-light-overlay::after {
  content: ' ';
  width: 100%;
  height: 100.5%;
  /* background: url(https://www.transparenttextures.com/patterns/bedge-grunge.png); */
  /* background: url(https://www.transparenttextures.com/patterns/bright-squares.png); */
  /* background-size: cover; */
  background-color: rgba(255, 255, 255, 0.85);
  position: absolute;
  top: 0;
  left: 0;
  /*
  border: solid rgba(255, 255, 255, .15);
  border-width: 0 10px 10px 15px;
  box-shadow: inset 0px 0px 15px rgba(0, 0, 0, .25);
  box-sizing: border-box;
  */
  /* border-width: 10px; */
}

.fullWidth-with-padding_wide {
  padding: 0 5em;
}

#wide2 {
  border-bottom: 10px solid rgba(255, 255, 255, 0.5);
  /* border-bottom: 30px solid rgba(127, 167, 58, .5); */
}

#vet-acu-text-2 {
  /* border-top: 10px solid rgba(255, 255, 255, .5); */
  position: relative;
}

#vet-acu-text-2::after {
  content: ' ';
  /*
  width: 100%;
  height: 10px;
  background-color: #fff;
  opacity: .5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  */
}

/********************************************************
 * Pricing page content styles
********************************************************/
.main-content-row .asvc-plan {
  opacity: 0.7;
  min-height: unset;
  padding-bottom: 0;
  border: 4px solid #7ea840;
  outline: 2px solid transparent;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: all 0.4s ease-in-out !important;
}

.main-content-row .asvc-plan:hover {
  opacity: 1;
  outline-color: #7ea840;
}

.main-content-row .asvc-plan {
  background: -moz-linear-gradient(
    50% 0% -90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(242, 246, 236, 1) 100%
  );
  background: -webkit-linear-gradient(
    -90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(242, 246, 236, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0, rgba(255, 255, 255, 1)),
    color-stop(1, rgba(242, 246, 236, 1))
  );
  background: -o-linear-gradient(
    -90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(242, 246, 236, 1) 100%
  );
  background: -ms-linear-gradient(
    -90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(242, 246, 236, 1) 100%
  );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F2F6EC' ,GradientType=0)";
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(242, 246, 236, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#F2F6EC' , GradientType=0);
}
.main-content-row .asvc-plan-features {
  background-color: transparent;
}

.main-content-row .asvc-plan-features a.highlight {
  font-family: 'Architects Daughter', cursive;
  font-size: 1.2em;
  font-weight: 400;
  margin-bottom: 0.1em;
}

.main-content-row .asvc-plan-price {
  color: #fff;
  /* background: linear-gradient(
    0deg,
    rgba(126, 168, 64, 1) 0%,
    rgba(139, 178, 71, 1) 21.41%,
    rgba(163, 197, 85, 1) 70.07%,
    rgba(172, 204, 90, 1) 100%
  ); */
  background: #7ea832;
  width: fit-content;
  padding-left: 0.25em;
  padding-right: 0.25em;
  padding-top: 0.5em;
  padding-bottom: 0;
  /* border: 2px solid #fff; */
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  /* text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); */
}

.asvc-plan .asvc-plan-top h3 {
  color: #7ea840;
  /* font-family: Alegreya, serif; */
  font-size: 2em;
  font-weight: 600;
  text-transform: capitalize !important;
  margin-bottom: 0.5em;
}

.wide-content-row .asvc-plan-top h3 span {
  font-size: 0.7em;
  font-weight: 400;
  color: #000;
  font-family: 'Barlow Condensed', sans-serif;
}

.wide-content-row .asvc-plan-features {
  line-height: 1;
  margin-top: 1em;
  font-weight: 600;
}

/********************************************************
 * FAQ page content styles
********************************************************/
.faq-item-row {
  gap: 1.25em;
}

.faq-item-col {
  overflow: hidden;
  min-height: 400px;
  max-height: 400px;
  min-width: unset;
  background-color: #7fa73a;
  padding: 15px 15px 25px 15px;
  border: 5px solid transparent;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin-bottom: 1.25em;
  flex: 1;
  transition: all 0.3s ease-in-out;
  /* opacity: 0.8; */
}

.faq-item-col:hover {
  opacity: 1;
  cursor: help;
  /* background-color: #adc13a; */
  max-height: unset;
  height: auto;
  border-color: #7ea840;
  border-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  background: linear-gradient(
    0deg,
    rgba(126, 168, 64, 1) 0%,
    rgba(139, 178, 71, 1) 21.41%,
    rgba(163, 197, 85, 1) 70.07%,
    rgba(172, 204, 90, 1) 100%
  );
}

.faq-item-col.empty:hover,
.faq-item-col.empty {
  background-color: unset;
}

.faq-item-col:not(:last-child) {
  /* border-right: 10px solid #fff;
  border: 0 none; */
}

.faq-item {
  color: #fff;
  max-height: 335px;
}

.faq-item-col:hover .faq-item {
  overflow-y: auto;
  /* padding-right: 1em; */
  -webkit-overflow-scrolling: touch;
}

.faq-item-col:hover .faq-item::-webkit-scrollbar {
  width: 3px;
  margin-left: 15px;
}

.faq-item-col:hover .faq-item::-webkit-scrollbar-track {
  background: transparent;
}

.faq-item-col:hover .faq-item::-webkit-scrollbar-thumb {
  background: #cbd5e0;
  border-radius: 2px;
  height: 100px;
}

.faq-item-col:hover .faq-item::-webkit-scrollbar-thumb:hover {
  background: #a0aec0;
}

/* list contianer */
.faq-item ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  /* position: relative; */
  overflow: hidden;
}

/* Image container */
.faq-item ul li:nth-child(2) {
  /* clip: rect(0px, 100px, 1000px, 0px); */
  /* position: absolute; */
  /* height: 1000px; */
  /* z-index: 100; */
  /* height: 100%; */
}

/* image */
.faq-item ul img {
  opacity: 1;
  position: absolute;
  max-width: unset;
  z-index: 100;
  left: -10px;
  width: 110%;
  transition: all 0.2s linear;
  /*
  left: -50%;
  transform: translateY(0%);
  transform: translate(-50%, -50%);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  */
}

.faq-item-col li:first-of-type {
  text-shadow: none;
  transition: all 0.2s linear;
}
.faq-item-col:hover li:first-of-type {
  /* color: #ffc20e; */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
  height: auto;
}

.faq-item-col:hover img {
  opacity: 0;
  transform: translateY(100%);
  /* -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear; */
  /*transform: translateY(100%);
  -webkit-transform:;
  -moz-transform:;
  -ms-transform:;
  -o-transform:;
   */
}

/* Question */
.faq-item ul li:first-child {
  font-family: Barlow, sans-serif;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1.1em;
  height: 2.2em;
  /* position: relative;oook */
  padding: 0px 0 25px 0;
}

/* Answer */
.faq-item ul li:not(:first-child):not(:nth-child(2)) {
  opacity: 0;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 1.45rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 1em;
  transform: translateY(100%);
  /*position: absolute;
  margin-left: 25px;
  margin-top: 25px;
  */
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transition: all 0.2s linear;
}

.faq-item ul li:last-child {
  margin-bottom: 0;
}

.faq-item-col:hover li:not(:first-child):not(:nth-child(2)) {
  transform: translateY(0%);
  opacity: 1;
}

/********************************************************
 * Home page content styles
********************************************************/

.home-hero-holder .hero-content-holder-col {
  /* margin: 6em 0 6em 20%; */
  min-height: 85vh;
}

.hero-content-holder.main-hero-content-holder.home-hero-main-content-holder {
  background-color: rgba(255, 255, 255, 0.3);
  xbackground-image: linear-gradient(to right, white 0%, white 100%);
  background-blend-mode: soft-light;
  width: 38vw;
  max-width: 40vw;
  border-radius: 25px;
  padding: 2.5vw 2vw;
  position: absolute;
  left: 10vw;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}

.hero-content-holder.main-hero-content-holder.home-hero-main-content-holder h1 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 8vw;
  font-weight: 700;
  line-height: 0.9;
  color: #fdc131;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
  margin-bottom: 2vw;
}

.home-hero-main-content-holder h1 + .hero-subhead {
  color: #000;
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 1.3;
  font-family: 'Barlow Condensed', sans-serif;
  margin-bottom: 2vw;
}

.bg-fade_left-1 {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, white 25%);
  mask-image: linear-gradient(to right, transparent 0%, white 25%);
  /* -webkit-mask-image: linear-gradient(to right, transparent 50%, white 60%); */
}

.hero-photo-col,
.hero-photo-col > div {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;

  /* background-size: 70%;
  background-position-x: right; */
}

.home-hero-row {
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: 1vh;
  background-position-x: -25vw;
}

.home-hero-holder .vc_parallax-inner {
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: right top;
}

.home-hero-row .theme_button {
  font-size: 1.5vw;
  font-family: 'Architects Daughter', cursive;
}

.scheme_default .home-hero-row .theme_button:hover {
  background-color: #adc337 !important;
}

.home-content-section .minimal-content-row .main-text-holder {
  margin: 0 20%;
  text-align: center;
}

.home-content-section h2 em {
  /* .home-content-section .minimal-content-row .main-text-holder h2 em { */
  color: #000;
  font-style: normal;
}

.home-content-section .minimal-content-row .main-text-holder img {
  margin-bottom: 2em;
  width: 25%;
}

.with-bg-photo_z_right {
  background-size: 55vw;
  background-position: right top;
  background-repeat: no-repeat;
}

.alt-row {
  background-color: #f6f9f1;
  border: solid rgba(255, 255, 255, 0.5);
  border-width: 10px 0;
}

.home-z-content_lauren-holder .z-content-text {
  padding-top: 3em;
  padding-bottom: 3em;
  padding-left: 1em;
}

.home-z-content_lauren-holder .z-content-text > .wpb_wrapper:first-child {
  width: 45%;
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #7ea832;
  padding: 1em 2em 2em 3em;
  /* margin-left: 1em; */
}

.home-z-content_lauren-holder .z-content-text > .wpb_wrapper:first-child li {
  line-height: normal;
  font-size: 1.1em;
}

.home-z-content_lauren-holder
  .z-content-text
  > .wpb_wrapper:first-child
  li:not(:last-of-type) {
  margin-bottom: 1em;
}

.home-cta-section .vc_general.vc_cta3.vc_cta3-style-custom {
  border: 0 none;
}

p a.highlight {
  margin: 0 5px;
}

a.highlight {
  display: inline-block;
  z-index: 5;
  position: relative;
  font-style: normal;
}

.scheme_default .widget a.highlight,
.scheme_default a.highlight {
  color: #444;
}

.scheme_default .widget a.highlight:hover,
.scheme_default a.highlight:hover {
  color: #000;
}

a.highlight::before,
a.highlight::after {
  content: ' ';
  display: block;
  height: 90%;
  width: 100%;
  margin-left: -3px;
  margin-right: -3px;
  position: absolute;
}

a.highlight::before {
  background: rgba(234, 221, 6, 0.9);
  transform: rotate(2deg);
  top: -1px;
  left: -1px;
  z-index: -2;
  xborder-top: 2px solid rgba(166, 158, 6, 0.1);
}

/*.highlight-container:hover:after {*/
a.highlight::after {
  background: rgba(234, 210, 6, 0.6);
  top: 3px;
  right: -2px;
  right: -1%;
  z-index: -1;
  transform: rotate(-1deg);
  xborder-top: 2px solid rgba(166, 158, 6, 0.1);
  xwidth: 0%;
}

a.highlight:hover {
  cursor: pointer;
}

a.highlight:hover::after {
  xwidth: 100%;
  transition: all 0.2s;
  background: rgba(234, 210, 6, 1);
}

.home-content-section a.highlight {
  margin-bottom: 1em;
  font-family: 'Architects Daughter', cursive;
  font-size: 110%;
}

/********************************************************
 * Acupuncture 101 styles
********************************************************/
.inf-drawer-holder header {
  background: #a8cc0a;
  padding: 5px 0;
  color: #fff;
  margin-top: 25px;
  text-align: center;
}

.inf-drawer-holder header > .inner {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a0bf19+0,6b8c37+100 */
  background: rgb(160, 191, 25);
  /* Old browsers */
  background: -moz-linear-gradient(
    left,
    rgba(160, 191, 25, 1) 0%,
    rgba(107, 140, 55, 1) 100%
  );
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(160, 191, 25, 1) 0%,
    rgba(107, 140, 55, 1) 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(160, 191, 25, 1) 0%,
    rgba(107, 140, 55, 1) 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0bf19', endColorstr='#6b8c37', GradientType=1);
  /* IE6-9 */

  box-shadow: inset 0px 1px 20px rgba(0, 0, 0, 0.25);

  padding: 10px 0 20px 0;
}

.inf-drawer-holder .text-holder-inner {
  padding: 0 50px 50px;
}

.inf-drawer-holder header h1 {
  font-size: 5rem;
  text-align: center;
  color: #f9bf25;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.85);
  margin: 0 0 15px 0;
}

.inf-drawer-holder header h1 + .subhead {
  text-transform: capitalize;
  font-size: 120%;
  font-weight: 500;
}

.scheme_default .inf-drawer-holder h2 {
  color: #fff;
  font-size: 5rem;
  font-weight: 100;
}

.inf-drawer-holder .text-holder-inner .diagram-row::after {
  content: '';
  display: table;
  clear: both;
}

.inf-drawer-holder .text-holder-inner .diagram-row .item {
  width: 48%;
  float: left;
}

.inf-drawer-holder .text-holder-inner .diagram-row .item.txt {
  box-sizing: border-box;
  font-size: 140%;
  font-weight: 600;
  line-height: 1.5;
  padding-left: 25px;
  max-width: 100%;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.inf-drawer-holder .text-holder-inner .diagram-row .item img.with-shad {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.bevel-box1 {
  -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.4),
    inset -2px -2px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.4),
    inset -2px -2px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.4),
    inset 0px -2px 2px rgba(0, 0, 0, 0.3), 0px 5px 10px rgba(0, 0, 0, 0.75);
}

/********************************************************
 * Appointments Page (calendar UI) styles
********************************************************/
.tbk-calendar-month-selector {
  color: #65908f;
}

/* .tbk-calendar-year-selector {
  color: #7FA738 !important;
} */

.tbk-schedule-slot.tb-book,
.tbk-upcoming-slot.tb-book,
.tbk-schedule-slot.tb-book-advice,
.tbk-upcoming-slot.tb-book-advice {
  width: calc(100% - 10px) !important;
}

.tb-frontend-calendar.tbk-slide-container.tbk-big-container {
  max-height: 525px;
  min-height: 200px;
  overflow-y: auto;
}

.tbk-main-calendar-settings.tbk-noselection {
  display: none;
}

.calendar-holder .tb-frontend-calendar {
  color: #65908f;
}

.calendar-holder .tb-change-month:hover,
.calendar-holder .tb-change-month:focus,
.calendar-holder .tbk-back-to:hover,
.calendar-holder .tbk-back-to:focus,
.calendar-holder div.tb-fast-selector-month-panel .tbk-month-selector:hover,
.calendar-holder div.tb-fast-selector-month-panel .tbk-month-selector:focus,
.calendar-holder div.tb-fast-selector-year-panel .tbk-year-selector:hover,
.calendar-holder div.tb-fast-selector-year-panel .tbk-year-selector:focus {
  background-color: transparent;
}

.calendar-holder .tb-frontend-calendar .ui.tb-day.today {
  background-color: #f9bf25;
}

.tb-calendar-line.equal.width.tbk-column.tbk-row {
  font-weight: 600;
}

.tbk-calendar-view-header.accent-font

/*
, .ui.tbk-grid
*/ {
  background-color: #edfafe;
}

.tb-frontend-calendar .ui.tb-day.today > div {
  /*
    border: 5px solid #1d93b9;
    */
}

.tb-frontend-calendar .ui.tb-day:hover {
  /*
    background-color: #edfafe !important;
    */
}

.tb-frontend-calendar .ui.tb-day:not(.slots) {
  cursor: not-allowed;
}

.tb-frontend-calendar .tbk-row:first-child > .tbk-column {
  font-size: 28px;
}

.scheme_default .calendar-holder button,
.scheme_default .calendar-holder input[type='reset'],
.scheme_default .calendar-holder input[type='submit'],
.scheme_default .calendar-holder input[type='button'] {
  color: #fff;
}

.tbk-book-now-button,
.tbk-book-confirmation-button {
  background-color: #7fa73a !important;
}

/********************************************************
 * Bottom CTA and Footer Styles
********************************************************/
.scheme_dark.menu_mobile .menu_mobile_inner,
footer.footer_custom,
.bg_green-gradient1 {
  background: -moz-linear-gradient(
    50% 100% 90deg,
    rgba(126, 168, 64, 1) 0%,
    rgba(139, 178, 71, 1) 21.41%,
    rgba(163, 197, 85, 1) 70.07%,
    rgba(172, 204, 90, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(126, 168, 64, 1) 0%,
    rgba(139, 178, 71, 1) 21.41%,
    rgba(163, 197, 85, 1) 70.07%,
    rgba(172, 204, 90, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    50% 100%,
    50% 0%,
    color-stop(0, rgba(126, 168, 64, 1)),
    color-stop(0.2141, rgba(139, 178, 71, 1)),
    color-stop(0.7007, rgba(163, 197, 85, 1)),
    color-stop(1, rgba(172, 204, 90, 1))
  );
  background: -o-linear-gradient(
    90deg,
    rgba(126, 168, 64, 1) 0%,
    rgba(139, 178, 71, 1) 21.41%,
    rgba(163, 197, 85, 1) 70.07%,
    rgba(172, 204, 90, 1) 100%
  );
  background: -ms-linear-gradient(
    90deg,
    rgba(126, 168, 64, 1) 0%,
    rgba(139, 178, 71, 1) 21.41%,
    rgba(163, 197, 85, 1) 70.07%,
    rgba(172, 204, 90, 1) 100%
  );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7EA840', endColorstr='#ACCC5A' ,GradientType=0)";
  background: linear-gradient(
    0deg,
    rgba(126, 168, 64, 1) 0%,
    rgba(139, 178, 71, 1) 21.41%,
    rgba(163, 197, 85, 1) 70.07%,
    rgba(172, 204, 90, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ACCC5A',endColorstr='#7EA840' , GradientType=0);
}
/* .with-inset-shad1:first-child { */
.home footer.footer_custom {
  box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.8);
}

.cta-row,
.grateful-footer-row,
footer.footer_custom {
  color: #fff;
}

.cta-row {
  border-bottom: 2px solid rgba(78, 102, 34, 0.4);
}

.grateful-footer-row {
  padding: 2em 0;
}

.home .grateful-footer-row.grateful-footer-mid-row {
  padding-top: 3em;
  padding-bottom: 3em;
}

.grateful-footer-bot-row {
  text-align: center;
  padding: 0.2em;
  font-size: 0.8em;
  color: rgba(78, 102, 34, 0.9);
}

.scheme_default.footer_wrap .grateful-footer-bot-row a {
  color: rgba(78, 102, 34, 0.9);
}

.scheme_default.footer_wrap .grateful-footer-bot-row a:hover {
  color: #fff;
}

.grateful-footer-row.with-circles {
  background-position: right;
  background-position-y: 10%;
  background-size: 70%;
}

.scheme_default .cta-row h5,
.scheme_default.footer_wrap .cta-row h5,
.cta-row h5 {
  color: #fdc131;
  font-size: 2em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  margin: 0px 0 2px 0;
}

.scheme_default .cta-row p,
.scheme_default.footer_wrap .cta-row p,
.cta-row p {
  margin: 0;
  font-size: 1.3em;
  line-height: 1.2em;
}

.scheme_default.footer_wrap .col_footer_mid-row a {
  color: #fff;
  text-decoration: underline;
}
.scheme_default.footer-wrap .col_footer_mid-row a,
.scheme_default.footer_wrap .cta-row p a,
.cta-row p a {
  text-decoration: underline;
  color: rgba(78, 102, 34, 0.7);
}
.scheme_default.footer_wrap .col_footer_mid-row a:hover,
.scheme_default.footer_wrap .cta-row p a:hover,
.cta-row p a:hover {
  color: #fff;
  /* color: rgba(78,102,34, .9); */
}

.cta-row .btn-holder {
  margin: 1.8em 0 0.5em 0;
}

.scheme_default.footer_wrap .cta-row p:last-of-type,
.cta-row p:last-of-type {
  font-size: 1em;
  color: rgba(78, 102, 34, 0.5);
  text-align: center;
  transform: translateY(1em);
  -webkit-transform: translateY(1em);
  -moz-transform: translateY(1em);
  -ms-transform: translateY(1em);
  -o-transform: translateY(1em);
}

.grateful-footer-mid-row {
  font-size: 0.95em;
  line-height: 1.3em;
  font-family: 'Barlow Condensed', sans-serif;
}

.col_footer_mid-row_mid {
  font-family: Barlow;
  text-align: center;
  font-size: 1.5em;
  font-weight: 500;
}

.col_footer_mid-row_mid p {
  margin-bottom: 0;
  margin-bottom: 1em;
}

.col_footer_mid-row_mid img {
  width: 200px;
  max-width: 360px;
}

.col_footer_mid-row_right ul {
  list-style-type: none;
  margin: 0 0 0 25px;
  padding: 0;
}

.col_footer_mid-row_right li {
  position: relative;
}
.col_footer_mid-row_right li a {
}

/*replace the content value with the
corresponding value from the list below*/

.scheme_default.footer_wrap
  .col_footer_mid-row_right
  li
  a
  span:first-of-type::before {
  content: '\f15c';
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 900;
  text-decoration: inherit;
  /*--adjust as necessary--*/
  /* color: #000; */
  font-size: 18px;
  padding-right: 0.5em;
  position: absolute;
  top: 5px;
  left: -25px;
}

.col_footer_mid-row_right li {
  margin: 0.8em 0;
  padding: 0;
}

.scheme_default.footer_wrap .col_footer_mid-row_right li a {
  color: #fff;
  text-decoration: none;
}
.scheme_default.footer_wrap .col_footer_mid-row_right li a:hover {
  color: rgba(78, 102, 34, 0.7);
}
.scheme_default.footer_wrap .col_footer_mid-row_right li a span {
  display: block;
  line-height: 1;
}
.scheme_default.footer_wrap .col_footer_mid-row_right li a span:first-of-type {
  font-weight: 600;
}

.scheme_dark.menu_mobile .logo_slogan {
  color: #fff;
}

.hdr_mobile_phone {
  display: none;
}

.grecaptcha-badge {
  opacity: 0;
}

.menu_mobile .socials_mobile,
.menu_mobile .search_wrap {
  display: none;
}

.scheme_dark .menu_side_inner,
.scheme_dark.menu_mobile .menu_mobile_inner {
  /* background-color: #7ea831; */
}

#appointment-contact-widget-col {
  position: relative;
}

#appointment-contact-widget-col .wpb_single_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
  background: none;
}

#appointment-contact-widget-col .vc_single_image-wrapper,
#appointment-contact-widget-col .vc_figure {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: block;
  text-align: left !important;
}

#appointment-contact-widget-col .wpb_single_image img {
  object-fit: contain;
  object-position: left top;
  max-height: 100%;
  display: block;
  margin: 0 !important;
}

.scheme_default
  .vc_btn3-container.vc_btn3-center.appointments-contact__btn
  .vc_btn3-block.vc_btn3-size-md {
  width: calc(100% - 65px);
  margin-left: 65px;
  padding: 0.2em;
}

.appointments-contact__btn--text {
  margin-bottom: 10px;
  margin-top: 0.5em;
}

.appointments-contact__text {
  transform: translateX(2.2em);
  text-align: center;
}

.appointments-contact__phone-text {
  font-family: 'architects daughter', cursive;
  font-size: 2em;
  font-weight: bold;
  color: #000;
  margin-bottom: 0.15em;
}

.appointments-contact__click-text {
  font-family: barlow, sans-serif;
  font-size: 1.6em;
  font-weight: 800;
  color: #000;
  margin-bottom: 0.25em;
}

.content-callout {
  color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.content-callout li {
  line-height: 1.05;
  font-size: 1.1em;
  font-family: 'Alegreya', serif;
}

.content-callout li:not(:last-of-type) {
  margin-bottom: 0.85em;
}

.content-callout .title {
  text-align: left;
  line-height: normal;
}

.content-callout p {
  font-size: 1.1em;
  line-height: 1.1;
  font-weight: 500;
}

.content-callout.with-circles {
  background-repeat: repeat;
}

#service-area-content-callout {
  padding: 1.25em;
  padding-top: 0.25em;
}

#service-area-content-callout .wpb_single_image .vc_single_image-wrapper {
  height: 100%;
}

#service-area-content-callout figure {
  position: absolute;
  top: 0;
  height: 100%;
  transform: translateX(2em) scale(1.3);
}

#service-area-content-callout img {
  height: 100%;
  width: auto;
  vertical-align: top;
  object-fit: contain;
}

#lauren-personal-row p {
  font-size: 3vw;
  line-height: normal;
}

#lauren-personal-row .photo-col > .vc_column-inner:first-child {
  background-size: cover;
}

#section_home_your-grateful-pet {
  padding: 4em 0;
}

svg.inline {
  height: 1.1em;
  width: auto;
  vertical-align: -0.3em;
}

svg[class*='logo'] {
  height: 1.1em;
  width: auto;
  vertical-align: -0.2em;
  display: inline-block;
}

/* svg.inline.zelle-logo {
  height: 1.2em;
  vertical-align: -0.2em;
} */

.pricing-text__payment-info {
  background-color: #f8faf4;
  border: 2px solid #7ea832;
  border-radius: 10px;
  padding: 0.75em 1em;
  margin-top: 1em;
  font-family: 'Barlow', sans-serif;
  font-size: 1.5em;
  line-height: 1.3;
}

.scheme_default .pricing-text__payment-info strong {
  color: #65908f;
}

@media only screen and (max-width: 479px) {
  #hello-bar {
    margin-top: -100px;
    font-size: 12px;
    line-height: 1;
  }

  .sc_layouts_menu_mobile_button {
    float: right;
    transform: translate(70%, 20%);
    -webkit-transform: translate(70%, 20%);
    -moz-transform: translate(70%, 20%);
    -ms-transform: translate(70%, 20%);
    -o-transform: translate(70%, 20%);
  }

  .sc_layouts_column_align_left .wpb_content_element.hdr_mobile_phone {
    display: block;
    font-size: 1.2em;
    margin: 0em 0 0 !important;
    position: absolute;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    /*width: 100%;
   */ /*bottom: -1.75em;
   */
    top: -1.5em;
    font-family: 'Architects Daughter';
    color: #000;
    font-weight: bold;
    /*display: none;
   */
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }

  .sc_layouts_column.sc_layouts_column_align_left .widget {
    text-align: center;
  }

  .logo-holder {
    margin-top: 1em;
    margin-bottom: 1.5em;
  }

  .top_panel_title.with_bg_image.sc_layouts_row {
    background-size: 90%;
  }

  #herotest::before {
    left: 0;
    background: -moz-linear-gradient(
      0% 50% 0deg,
      rgba(255, 255, 255, 1) 24.97%,
      rgba(35, 31, 32, 0) 100%
    );
    background: -webkit-linear-gradient(
      0deg,
      rgba(255, 255, 255, 1) 24.97%,
      rgba(35, 31, 32, 0) 100%
    );
    background: -webkit-gradient(
      linear,
      0% 50%,
      100% 50%,
      color-stop(0.2497, rgba(255, 255, 255, 1)),
      color-stop(1, rgba(35, 31, 32, 0))
    );
    background: -o-linear-gradient(
      0deg,
      rgba(255, 255, 255, 1) 24.97%,
      rgba(35, 31, 32, 0) 100%
    );
    background: -ms-linear-gradient(
      0deg,
      rgba(255, 255, 255, 1) 24.97%,
      rgba(35, 31, 32, 0) 100%
    );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#231F20' ,GradientType=0)";
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 1) 24.97%,
      rgba(35, 31, 32, 0) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#231F20' , GradientType=1);
  }

  .scheme_default .sc_layouts_title h1.sc_layouts_title_caption {
    text-align: left;
    font-weight: 700;
    font-size: 3em;
    line-height: 1;
    margin-top: 0.25em;
  }

  header .hero-subhead {
    padding-left: 0;
    text-align: left;
    font-size: 1.5em;
    color: #444;
    width: 65%;
    /* display: none; */
  }

  .sc_layouts_column_align_center {
    text-align: left;
    width: 60% !important;
  }

  #herotest.top_panel_title.with_bg_image.sc_layouts_row {
    padding-top: 2em;
    padding-bottom: 1em;
    padding: 0;
    height: 190px;
    box-sizing: border-box;
  }

  .sc_layouts_title_title {
    /* transform: translateY(20%);
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%); */

    position: absolute;
    top: 50%;
    width: 60%;
  }

  .with-circles,
  .vet-acu-text-row,
  #wide1,
  #wide3,
  #wide2 {
    background-size: 70vw;
  }

  #vet-acu-text-1,
  #vet-acu-text-2 {
    padding-top: 2em;
    padding-bottom: 2em;
  }

  #vet-acu-text-1 {
    padding-top: 0;
  }

  .main-content-text-holder p:first-of-type {
    font-size: 135%;
    line-height: 1.3;
    font-weight: 400;
  }

  p {
    font-size: 110%;
  }

  .content-text-holder p,
  .main-content-text-holder p {
    line-height: 2;
  }

  article h3 {
    font-weight: 500;
    text-align: center;
  }

  .scheme_default .theme_button.cta-fragment-btn {
    width: 50%;
  }

  .scheme_default .cta-row h5,
  .scheme_default.footer_wrap .cta-row h5,
  .cta-row h5 {
    line-height: 1.1;
  }

  .scheme_default.footer_wrap .cta-row p:last-of-type,
  .cta-row p:last-of-type {
    text-align: left;
    transform: translateY(2.25em);
    -webkit-transform: translateY(2.25em);
    -moz-transform: translateY(2.25em);
    -ms-transform: translateY(2.25em);
    -o-transform: translateY(2.25em);
  }

  .grateful-footer-mid-row {
    text-align: center;
    font-size: 105%;
  }

  .scheme_default.footer_wrap
    .col_footer_mid-row_right
    li
    a
    span:first-of-type::before {
    display: none;
  }

  .col_footer_mid-row_right ul {
    margin-left: 0;
  }

  .grateful-footer-bot-row .wpb_text_column,
  .wpb_content_element {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    line-height: 1.3;
  }

  /********************************************************
  * Home page content styles
  ********************************************************/
  .home-hero-holder .hero-content-holder-col {
    min-height: 50vh;
  }
  .hero-content-holder.main-hero-content-holder.home-hero-main-content-holder {
    position: absolute;
    left: 25%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 3vw;
    max-width: 50vw;
    width: 50vw;
    background-color: rgba(255, 255, 255, 0.4);
  }
  .hero-content-holder.main-hero-content-holder.home-hero-main-content-holder
    h1 {
    font-size: 9.75vw;
  }

  .home-hero-main-content-holder h1 + .hero-subhead {
    font-size: 4.5vw;
    line-height: 1.1;
  }

  .home-hero-row .theme_button {
    font-size: 3.5vw;
    font-family: 'Barlow Condensed', sans-serif;
  }

  .home-content-section .minimal-content-row .main-text-holder {
    margin-left: 20px;
    margin-right: 20px;
  }

  .home-content-section .minimal-content-row .main-text-holder p:last-child,
  .home-content-section .minimal-content-row .main-text-holder p:first-of-type {
    text-align: center;
  }

  .home-content-section .minimal-content-row .main-text-holder p:last-child {
    line-height: 1.3;
  }

  .home-content-section .minimal-content-row .main-text-holder p {
    text-align: justify;
    line-height: 1.7;
  }

  .home-z-content_lauren-holder .z-content-text {
    padding: 0em 0;
  }

  .z-content-text,
  .vet-acu-type-text {
    font-size: 3.5vw;
    padding: 1em 0 1em 15px;
    width: 50%;
  }
  .home .z-content-text,
  .vet-acu-type-text {
    width: 100%;
  }

  .z-content-text {
    padding: 0;
  }

  .vet-acu-type-text {
    padding: 1em 0 1em 15px;
    width: 50%;
  }

  .vet-acu-types-row {
    padding: 1em 0 1.5em 0;
  }

  .vet-acu-types-row.photo-left .vet-acu-type-text {
    padding-right: 15px;
    width: 100%;
    padding-left: 50%;
    box-sizing: border-box;
  }

  .vet-acu-types-row h4 {
    font-size: 4vw;
    margin-top: 0;
  }

  /* .z-content-text, .vet-acu-type-text { */
  .home-z-content_lauren-holder ul {
    width: 50%;
  }
  .home-z-content_lauren-holder li {
    line-height: 1.1;
    margin-bottom: 0.5em;
  }

  .z-content-holder.photo-right,
  .vet-acu-types-row.photo-right {
    background-position-y: bottom !important;
    background-position-x: 120% !important;
    background-size: 65% !important;
  }

  .radio-assessment-grid-holder .wpb_text_column.wpb_content_element,
  .wpb_text_column.wpb_content_element.vet-acu-type-text,
  .wpb_text_column.wpb_content_element.z-content-text,
  .home-z-content_lauren-holder .wpb_text_column,
  .wpb_content_element {
    margin-bottom: 0 !important;
  }

  .home-z-content_lauren-holder h2 {
    margin-top: 10px;
  }

  #section_home_testimonials {
    background-image: none !important;
    padding-top: 3em !important;
    padding-bottom: 3em !important;
    background-color: #f6f9f1;
  }

  .vc_custom_1483101477376 {
    padding-top: 0 !important;
    padding-bottom: 3em !important;
  }

  .home-content-section .minimal-content-row .main-text-holder img {
    width: 40%;
    margin-bottom: 1em;
    margin-top: 0.25em;
  }

  .col_footer_mid-row_left p:first-of-type {
    font-family: Barlow, sans-serif;
    font-size: 1.1em;
    font-weight: 500;
    margin-bottom: 3em;
  }

  Footer.footer_custom.footer_wrap {
    margin-top: 0;
  }

  #personal-ungar-row.z-content-holder {
    background-size: 70% !important;
  }

  .side-by-side-holder.col-2 > div {
    width: 100%;
    float: none;
  }

  .side-by-side-holder.col-2 > :last-child {
    text-align: inherit;
    width: 100%;
    margin-left: 0;
  }

  .custom-form .radio-assessment-grid-holder label > div {
    display: block;
  }

  .content-callout .title,
  .custom-form .legend,
  .custom-form fieldset legend {
    font-size: 48px;
    top: 40px;
    line-height: 1;
  }

  .custom-form.custom-form-bg,
  .custom-form fieldset {
    padding-top: 130px;
  }

  .radio-assessment-row {
    padding: 0 0 1em 0;
  }

  .radio-assessment-row .assessment-name-row {
    margin-bottom: 8px;
  }
  .vc_hidden-xs {
    display: none;
  }
}