/*

Theme Name: DNARx
Description: Dedicated Wordpress theme for DNARx

*/
h4 {
  font-size: 18px;
  margin-bottom: 30px;
}
p + h4{
  margin-top: 20px;
}
.default-content ul + h4 {
  margin-top: 40px;
}
.default-content a {
  text-transform: none;
}
@media (min-width: 1200px) {
.hero .columns-wrapper__column:only-child {
    max-width: 98%;
}
.content-block .section-title {

     max-width: 100%;
}
  .default-content ul, .default-content ol {
      margin-left: 0;
  }
  .custom-tabs .tabs-wrapper__text-col {
      padding: 80px 30px 20px 60px;
  }
.custom-tabs .tabs-wrapper__tab-content {
    margin-bottom: 35px;
}
.custom-tabs .tabs-wrapper__tab-title {
    margin-bottom: 20px;
    font-size: 72px;
    line-height: 1;
}
}

@media (min-width: 576px) {
.header__bar {
    padding: 24px 0 10px;
}
}
.section[data-header-color="color"] .default-content ul li:after {
  background-color: #2e2e2e;
}

.default-content ul li {
  text-transform: none;
  font-weight: normal;
  font-size: 17px;
  line-height: 32px;
}
.default-content ul li strong {
  font-weight: 600;
}
.default-content p {
    margin: 0 0 2em;
}

/* svg charts -----------------------------------*/
.svg-chart .chartLegend {
  min-width: 40%;
  margin-right: 6%;
}
.svg-chart .legend-container {
  display: flex;
  align-items: center;
}
.svg-chart {
  display: block!important;
  padding-bottom: 0;
}
.svg-chart img.svg_file {
  max-width: 90%;
display: block;
margin: 2em auto;
}

.svg-chart .section-title {
     max-width: 100%;
}

/* menu hover -----------------------------------*/
.menu-main .nav li a:after {
  top: 78%;
}
.menu-main .nav-aside li a[href]:after {
  top: 67%;
}
.custom-tabs .tabs-wrapper__nav-item span.btn-strikethrough {
  top: 90%;
}
.custom-tabs .tabs-wrapper__nav-item {
  padding: 10px 0;
}

/* team slider -----------------------------------*/

@media (min-width: 1200px) {
.team-slider__slide-text {
    padding: 30px 43px 50px 60px;
}
}
.team-slider__slide-image img {
  max-width: 88%;
  float: right;
}
.team-slider__slide-image {
  padding-bottom: 0;
}
.team-slider .default-content ul li {
  margin-bottom: 0;
  padding-left: 25px;
  font-size: 16px;
  line-height: 1.7;
}
.team-slider__slide-text__content {
  font-size: 16px;
  line-height: 1.7;
}
.team-slider .default-content ul {
  margin-bottom: 0;
}
.team-slider .default-content ul li:after {
  width: 10px;
}
/* team slider only ------------------------*/
@media (min-width: 991px) {
#members .tabs-wrapper__image-col {
  width: 60%;
}
#members .tabs-wrapper__text-col {
  width: 40%;
  padding-left: 40px;
}
#members .team-slider__slide-inner {
  justify-content: flex-start;
}
#members .team-slider__slide-text {
  max-width: 100%;
  background-color: transparent;
  padding-top: 80px;
}
#members .team-slider__slide-image img {
  max-width: 72%;
}
#members .team-slider__slide-image {
  max-height: 45%;
}
}
@media (min-width: 1200px) {
  #members .team-slider__slide-inner {
    justify-content: flex-end;
  }
#members .team-slider__slide-text {
  min-height: 78%;
  max-width: 65%;
  padding-top: 40px;
}
#members .team-slider__slide-image {
  max-height: 100%;
}
#members .team-slider__slide-image img {
  max-width: 88%;
}

.hero .section-title {
  margin-bottom: 30px;
  line-height: .95;
}
}
/* home changes */
.home .hero p {
  margin-bottom: 1em;
}
.home .hero .default-content ul li {
  margin-bottom: 8px;
}
/* top navigation -----------------------------------------*/
.menu-opened .topnav {
  display: none;
}

.topnav {
  position: absolute;
  top: 30px;
  right: 50px;
}
.topnav li {
  display: inline-block;
  text-transform: uppercase;
  margin: 0 2em 0 0;
}
.topnav li a {
  color: white;
  position: relative;
  display: block;
  padding: 5px 0;
  font-weight: 600;
  letter-spacing: .35px;
}
.topnav li a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #ffffff;
    opacity: 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

.topnav li a:hover:after {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }

.topnav li.current-menu-item a:after,
.topnav li.current-menu-item a:hover:after {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }

  @media screen and (max-width:991px) {
    .topnav {
      display: none;
    }
  }

  .header-scrolled {
    background-color: #f0f0eb;
  }
  .header-scrolled .topnav li a {
    color: #3f1c6f;
  }
  .header-scrolled .topnav li a:after {
    background-color: #3f1c6f;
  }
  .header-scrolled  .header__logo.header__logo--white svg,
  .header-scrolled  .header__logo.header__logo--white svg path,
  .header-scrolled  .header__logo.header__logo--white-menu svg,
  .header-scrolled  .header__logo.header__logo--white-menu svg path {
    fill:currentColor;
  }
  .header-scrolled.header--menu-open   .header__logo.header__logo--white svg,
  .header-scrolled.header--menu-open   .header__logo.header__logo--white svg path,
  .header-scrolled.header--menu-open   .header__logo.header__logo--white-menu svg,
.header-scrolled.header--menu-open   .header__logo.header__logo--white-menu svg path {
    fill:white;
  }
  .header-scrolled.header--menu-open {
    background-color: transparent;
  }
  .header-scrolled.header--menu-open .header__menu-btn span {
    background-color: rgba(255, 255, 255, 0);
    -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;

  }
.header-scrolled .header__menu-btn span,
.header-scrolled .header__menu-btn span:before,
.header-scrolled .header__menu-btn span:after {
      background-color: #3f1c6f;
    }

.header-scrolled.header--menu-open .header__menu-btn span:before,
.header-scrolled.header--menu-open .header__menu-btn span:after {
      background-color: #ffffff;
        }