/*
Theme Name: HealthFlex Child
Theme URI: http://plethorathemes.com/healthflex/
Description: Child theme for Health Flex (Plethora Themes). We strongly recommend using this child theme that will allow you to include all your custom functionality without fear of losing it when updating the parent theme. Note that theme updates must be applied only on parent theme, and not on this child theme. 
Author: Plethora Themes
Author URI: http://plethorathemes.com
License: GNU General Public License v2 or later 
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout, theme-options, translation-ready
Template: healthflex
*/
/* DO YOUR STUFF AFTER THIS !!  */

body {
  line-height: 2;
}
.header .topbar .container {
  border-bottom: none;
}
.header .mainbar {
  background-color: #ffffff;
}

.top_menu_container ul.top_menu li a {
  padding-top: 12px;
}

.team_social i.fa-yelp,
.pl_about_us_widget i.fa-yelp {
  background-color: #af0606;
}

.header .topbar.hidden {
  display: block !important;
}
.team_social.topbar-social {
  opacity: 1;
  position: relative;
  padding-top: 0;
  z-index: 1;
  -o-transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 0%);
  width: auto;
}
.header .topbar div[class*="col-"] {
  padding-bottom: 8px;
}
.header .topbar .topbar-phone {
  padding-right: 20px;
  font-size: 17px;
  font-weight: bold;
  text-transform: uppercase;
}

.slider_wrapper .black_section.transparent_film:before {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
}
.slider_wrapper .caption.caption_fancy .inner .t2:after {
  border-bottom-color: #79b4ba;
}

.teaser_box .content .hgroup h4 {
  font-size: 18px;
  margin-bottom: 7px;
}
.teaser_box .content .hgroup p {
  font-size: 14px;
  margin-bottom: 12px;
}
.teaser_box .content .link {
  bottom: -30px;
}
.teaser_box:hover .content .link {
  bottom: 0px;
}
.teaser_box .content .link > a {
  font-size: 18px !important;
}

.teaser_box.same_height_col .content .hgroup h4 {
  font-size: 21px;
}

.head_panel .hgroup .title.diagonal-bgcolor-trans h1 {
  padding-bottom: 5px;
}
.head_panel .hgroup .subtitle {
  padding: 10px 0 30px !important;
}

/* Gravity Forms */
.gform_wrapper ul.gform_fields li.gfield,
body .gform_wrapper .top_label div.ginput_container {
  margin-top: 0;
}
.gform_wrapper input,
.gform_wrapper textarea {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 0px;
  color: #676374;
  font-size: 15px !important;
  height: inherit;
  line-height: 1.5;
  padding: 7px 22px 6px 22px !important;
  margin-top: 0 !important;
  margin-bottom: 5px !important;
}
.gform_wrapper input.datepicker {
  width: 100% !important;
}
.gform_wrapper select {
  font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("http://sophisticatedhearing.flywheelsites.com/wp-content/themes/healthflex/assets/less/../../assets/images/form-selector-grey.png");
  background-position: 95% 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border: none;
  margin-bottom: 0;
  padding: 7px 17px 6px 17px !important;
  max-width: 100%;
  line-height: 1.5;
  margin-top: 0 !important;
}
.gform_wrapper select::-ms-expand {
  display: none;
}
.gform_wrapper .ginput_container_time input {
  padding: 6px 4px 7px !important;
}
.gform_wrapper .gfield_time_ampm select {
  min-width: calc(2rem + 55px);
}
@media only screen and (min-width: 321px) {
  .gform_wrapper .gfield_time_ampm,
  .gform_wrapper .gfield_time_hour {
    max-width: calc(4rem + 1rem);
  }
}
.gform_wrapper .gform_footer {
  margin: 0;
  padding-top: 0;
}

.btn.btn-lg {
  padding: 16px;
  font-size: 20px !important;
}
.btn.with-icon.btn-lg i {
  width: 59px;
  line-height: 54px;
  font-size: 36px;
}

.section_header.fancy h1,
.section_header.fancy h2,
.section_header.fancy h3,
.section_header.fancy h4,
.section_header.fancy h5,
.section_header.fancy h6 {
  font-weight: bold;
}

.text-bold {
  font-weight: bold;
}
.text-700 {
  font-weight: 700;
}

.margin-bottom-0 {
  margin-bottom: 0;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-bottom-30 {
  margin-bottom: 30px;
}

.timetable table.timetable_hours td,
.timetable table.timetable_hours tr td:nth-child(even) {
  padding-top: 5px;
  padding-bottom: 10px;
  font-size: 20px;
  border: none;
}

.footer-logo-widget img {
  margin-bottom: 22px;
}
footer .widget_nav_menu ul li a {
  padding: 0;
  color: #499096 !important;
}

.copyright {
  background-color: #efefef;
  border-color: #efefef;
  color: #676374;
}
.copyright .transparent_film {
  background-color: #efefef !important;
  border-color: #efefef;
}
.copyright .transparent_film:before {
  display: none !important;
}

.copyright div[class*="_section"] {
  color: #676374;
}

footer .pl_about_us_widget p.social a i:before {
  color: #fff;
}

@media all and (min-width: 992px) {
  a.social_links {
    display: none;
  }
  .team_social + .menu_container {
    right: 0;
  }
  .header .topbar div.text-right {
    display: flex;
    float: right;
    justify-content: flex-end;
    align-items: center;
  }
}

/* 
2. =BUTTONS
=============================================================== 
*/
.btn,
button {
  font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
  background-image: none;
  border: 0px solid transparent;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.5;
  padding: 8px 24px;
  font-size: 14px !important;
  line-height: 1.5 !important;
  border-radius: 0;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
button:focus,
button:active:focus,
button.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
button:hover,
button:focus {
  color: #ffffff;
  text-decoration: none;
}
.btn-primary,
button {
  color: #ffffff;
  background-color: #9087b1;
  border-color: transparent;
  color: #ffffff !important;
  background-color: #9087b1 !important;
  border-color: transparent !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
button:hover,
button:focus,
button.focus,
button:active,
button.active {
  color: #ffffff;
  background-color: #73689d;
  border-color: rgba(0, 0, 0, 0);
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
button:active,
button.active {
  background-image: none;
}
.btn-primary .badge {
  color: #9087b1;
  background-color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
button:hover,
button:focus,
button.focus,
button:active,
button.active {
  color: #ffffff !important;
  background-color: #73689d !important;
  border-color: rgba(0, 0, 0, 0) !important;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
button:active,
button.active {
  background-image: none;
}

/* Hide diagnonal bottom for title */
.head_panel .hgroup .subtitle.body-bg_section:after {
  display: none !important;
}

/*Custom Css Starts*/

@media (max-width: 1600px) {
  .menu_container
    ul.main_menu
    li.off-child
    ul.menu-dropdown
    li
    ul.menu-dropdown {
    left: auto;
    right: 100%;
  }
}
