/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/

.wpb_wrapper.ui-widget.ui-widget-content {
    border: none;
    background: none;
}

.wpb_tabs_nav.ui-tabs-nav.ui-widget-header.ui-corner-all{
    border: none;
    background: none;
    padding: 0 !important;
}
.wpb_tabs_nav  .ui-state-active{
    border: none;
    background: none;
}

.wpb_wrapper  ul.wpb_tabs_nav li.ui-state-default{
    border: none;
    background: none;
    padding: 0 !important;
}

.custom-results-tabs--flex {
  display:flex;
  flex-direction:row-reverse;
}
@media only screen and (max-width: 1000px) {
  .custom-results-tabs--flex {
    flex-direction: column-reverse;
  }
  .custom-results-tabs--flex.tabbed[data-style="vertical_modern"] >div.ui-tabs-panel {
    padding: 0!important;
  }
}

/** v15 compatibility */
#results .tabbed[data-style=vertical_modern] ul.wpb_tabs_nav {
  width: 20%;
  float: left;
}
#results .tabbed[data-style=vertical_modern] ul.wpb_tabs_nav li.ui-state-default {
  border: none;
  background: none;
  padding: 0 !important;
  list-style: none;
  margin-bottom: 12px;
}
#results .tabbed[data-style=vertical_modern] ul.wpb_tabs_nav li a {
  background-color: rgba(0, 0, 0, .04);
}
#results .tabbed[data-style=vertical_modern] ul.wpb_tabs_nav li a.active-tab {
  box-shadow: 0 15px 50px rgb(0 0 0 / 20%);
}
#results .tabbed[data-style=vertical_modern] ul.wpb_tabs_nav li.ui-state-default a{
  border-radius: 6px;
  padding: 25px 20px;
  overflow: hidden;
  display: flex;
}

#results .tabbed[data-style=vertical_modern]>div {
  float: left;
  width: 80%;
  padding-left: 40px;
}

.result-interpretation .general-recommandation-text {
  padding: 20px;
}

pre {
  background: transparent;
  font-family: inherit;
  padding: 0 !important;
}

.food-info-dialog .img-with-aniamtion-wrap .hover-wrap {
  opacity: 1;
}

/** header fix for Lea and Partners */
#header-secondary-outer + div + div {
  top: 40px;
}

@media only screen and (min-width: 1000px) {
  body .vc_row-fluid.full-width-content .vc_col-sm-1\/5 {
    width: calc(20%);
  }
}

@media only screen and (max-width: 1000px) {
  #results .tabbed[data-style=vertical_modern] ul.wpb_tabs_nav {
    width: 100%;
  }
  #results .tabbed[data-style=vertical_modern]>div {
    width: 100%;
    padding-left: 0;
  }
  .food-info-dialog .img-with-aniamtion-wrap .hover-wrap {
    width: 80px;
  }
  .single-tests .ui-dialog.ui-widget.ui-widget-content {
    max-width: 92%;
    left: 4%!important;
  }
}