﻿/*Accordion - First level for Custom TVN Accordion element*/
.tvn-accordion-style-background-title .gdlr-core-active .tvn-accordion-item-title, .tvn-accordion-style-background-title-icon .gdlr-core-active .tvn-accordion-item-title, .tvn-toggle-box-style-background-title .gdlr-core-active .tvn-toggle-box-item-title, .tvn-toggle-box-style-background-title-icon .gdlr-core-active .tvn-toggle-box-item-title {
    background-color: #FFF200!important;
}
.tvn-accordion-style-background-title .gdlr-core-active .tvn-accordion-item-title, .tvn-accordion-style-background-title-icon .gdlr-core-active .tvn-accordion-item-title, .tvn-toggle-box-style-background-title .gdlr-core-active .tvn-toggle-box-item-title, .tvn-toggle-box-style-background-title-icon .gdlr-core-active .tvn-toggle-box-item-title {
    color: #000000!important;
}
.tvn-accordion-style-background-title .tvn-accordion-item-title, .tvn-accordion-style-background-title-icon .tvn-accordion-item-title, .tvn-toggle-box-style-background-title .tvn-toggle-box-item-title, .tvn-toggle-box-style-background-title-icon .tvn-toggle-box-item-title {
    background-color: #FFF200!important;
}
.tvn-accordion-style-background-title .tvn-accordion-item-title, .tvn-accordion-style-background-title-icon .tvn-accordion-item-title, .tvn-toggle-box-style-background-title .tvn-toggle-box-item-title, .tvn-toggle-box-style-background-title-icon .tvn-toggle-box-item-title {
    color: #000000!important;
}
.tvn-accordion-style-box-icon .tvn-accordion-item-tab.gdlr-core-active .tvn-accordion-item-icon {
  background: transparent!important;
}
.tvn-accordion-style-box-icon .tvn-accordion-item-icon, .tvn-toggle-box-style-box-icon .tvn-toggle-box-item-icon {
  border-color: #FFF200!important;
  background-color: #FFF200!important;
}
.tvn-accordion-style-icon .tvn-accordion-item-icon, .tvn-accordion-style-box-icon .tvn-accordion-item-icon, .tvn-toggle-box-style-icon .tvn-toggle-box-item-icon, .tvn-toggle-box-style-box-icon .tvn-toggle-box-item-icon {
    color: #000000!important;
}
.tvn-accordion-style-icon .tvn-accordion-item-title, 
.tvn-accordion-style-box-icon .tvn-accordion-item-title, 
.tvn-toggle-box-style-icon .tvn-toggle-box-item-title, 
.tvn-toggle-box-style-box-icon .tvn-toggle-box-item-title {
    color: #000000!important;
}
.tvn-accordion-style-box-icon .tvn-accordion-item-icon {
  width: 48px!important;
  height: 48px!important;
  font-size: 1em!important;
  /*margin-right: 27px!important;*/
  transition: background 300ms;
  -moz-transition: background 300ms;
  -o-transition: background 300ms;
  -webkit-transition: background 300ms;
}
.tvn-accordion-style-box-icon .tvn-accordion-item-title {
  font-size: 1em!important;
  font-weight: 600!important;
  letter-spacing: 0px!important;
  text-transform: none!important;
  margin-top: 14px !important;
  margin-bottom: 20px !important;
}
.tvn-accordion-item-tab.gdlr-core-active .tvn-accordion-item-content {
    display: block;
}
.tvn-accordion-style-icon .tvn-accordion-item-content, .tvn-accordion-style-box-icon .tvn-accordion-item-content {
    padding: 0px 0px 15px !important;
}
.tvn-accordion-style-background-title-icon .tvn-accordion-item-content, .tvn-accordion-style-background-title .tvn-accordion-item-content {
    padding: 30px 10px 37px!important;/*top and bottom is different due to the space os text above is different*/
    background-color: #FFFFFF;
    margin-bottom: 20px;
    margin-top: -10px;/*space between the headers*/
    font-size: 1em;
}
.tvn-accordion-style-background-title-icon .tvn-accordion-item-tab.gdlr-core-active .tvn-accordion-item-title::after {
    content: "\4b";
}
/*Remove icons before the title*/
.tvn-accordion-style-background-title-icon .tvn-accordion-item-title::before, .tvn-accordion-style-background-title-icon .tvn-accordion-item-tab.gdlr-core-active .tvn-accordion-item-title::before{
  content:""!important;
}
.tvn-accordion-style-background-title-icon .tvn-accordion-item-title::after {
    content: "\4c";
    font-family: "ElegantIcons";
    font-size: 1em;
    margin-right: 15px;
    float: right;
    vertical-align: text-bottom;
}
.tvn-accordion-style-background-title-icon .tvn-accordion-item-title, .tvn-accordion-style-background-title .tvn-accordion-item-title{
  background-color: #FFF200!important;
  color: #191919!important;
  cursor: pointer!important;
  font-weight: 700!important;
  text-transform: none!important;
}
.tvn-accordion-style-icon .tvn-accordion-item-icon {
    font-size: 18px;
    float: left;
    width: 20px;
    cursor: pointer;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    margin-right: 17px;
    margin-top: 12px;
    margin-left: 10px;
} 
/*Space of p in tvn-accordion*/
.tvn_career_introduction_accordion .tvn-accordion-item-content p, .tvn_jobvacancy_accordion .tvn-accordion-item-content p, .tvn-accordion-item-content p {
  margin-bottom:10px!important;
}
#tvn_GreenOffice .tvn-accordion-item-content p, 
#tvn_GreenOffice .tvn-accordion-item-content ol,
#tvn_GreenOffice .tvn-accordion-item-content ul.dash{
  margin-bottom:5px!important;
}
.tvn-accordion-item-content ol{
  line-height: 1.4!important;
  margin-left: 0px!important;
  list-style-position: inside!important;
}
.tvn-accordion-item-content ol li {
  padding: 3px 0px 3px 30px;
  text-indent: -25px;
}
.tvn-accordion-item-content ol li::before {
  content: "";
  width: 7px;
  display: inline-block;
}
/*Solutions pages: List of yellow bullet*/

.tvn-accordion-item-content ul , .accordion-content ul, #tvn_About_Vision .tvn_list ul{
    list-style: none;
    padding:0;
    margin:0;
    line-height: 1.4!important;
}
.tvn-accordion-item-content ul li , #tvn_About_Vision .tvn_list ul li{ 
    font-weight: 700;
    padding-left: 35px;
    text-indent:  -39px;
}
.tvn-accordion-item-content ul li ul li, #tvn_About_Vision .tvn_list ul li ul li{ 
    font-weight: 400;
}
.accordion-content ul li{ 
  font-weight: 400;
  padding-left: 28px;
  text-indent: -28px;
}
.accordion-content ul li ul li{ 
  padding-left: 10px;
  text-indent: -26px;
}
.accordion-content ul li ul li ul li{ 
  padding-left: 13px;
  text-indent: -15px;
}
.accordion-content ul li ul {
    list-style: none;
    margin-left: 15px;
    padding: 0px;
}
.accordion-content ul li ul li ul{
    margin: 0px;
    padding: 10px 0px;
}
.tvn-accordion-item-content ul li ul li:before, #tvn_About_Vision .tvn_list ul li ul li:before, .accordion-content ul li ul li:before{
    content: "■"; 
    padding-right:1em;
    font-size: 1em;
    font-family:"Arial Black";
    color: #000000;
}
.accordion-content ul li ul li ul{
    list-style: none;
    padding:0;
    margin-left: 3px;
    padding: 0px;
}
.tvn-accordion-item-content ul li ul li ul li:before, #tvn_About_Vision .tvn_list ul li ul li ul li:before, .accordion-content ul li ul li ul li:before{
    content: "-";
    color:#000000;
    padding-right:0.8em;
    font-size: 0.8em;
}
.tvn-accordion-item-content ul li:before, .accordion-content ul li:before, #tvn_About_Vision .tvn_list ul li:before {
    content: "■"; 
    padding-right:0.5em;
    font-size: 1.5em;
    font-family:"Arial Black";
    color: #FFF200;
    line-height: 1!important;/*prevent the first line text is higher than the other line in the same list item*/
}
ul.dash{
  list-style: none;
}
/*.tvn-accordion-item-content ul.dash li:before, .accordion-content ul.dash li:before{*/
ul.dash li:before{
    content: "-";
    font-size: 1em;
    color:#000000;
    margin-right: 15px;
}
.tvn-accordion-item-content ul.dash li:before{
  margin-right: 0px!important;
}
/*.tvn-accordion-item-content ul.dash li ,.accordion-content ul.dash li{*/
ul.dash li {
    font-weight: 300;
    padding-left: 25px; 
    text-indent:  -25px;
    padding-bottom: 5px;
    padding-top: 5px;
}
/*Solutions pages: Accordion - Second - level*/
.accordion {
  /*padding: 20px 0px;*/
  padding-top: 10px;
}
.accordion .accordion-title{
  font-size: 1em;
  font-weight: 600!important;
  text-indent: -50px;
  padding-left: 50px;
  /*margin-bottom: 10px!important;*/
}
.accordion .accordion-title::before{
  content: "\4c";
  font-family: "ElegantIcons";
  background-color: #FFF200;
  border-color: #FFF200;
  padding: 3px!important;
  width: 26px;
  height: 26px;
  font-size: 1em;
  margin-top: 10px;
  margin-right: 10px;
}
.accordion .accordion-title.open::before {
    content: "\4b";
}
.accordion .accordion-content{
  margin-left: 34px;
  margin-bottom: 0px!important;
  margin-top:-15px!important;
}
.accordion .accordion-content a img{
  margin-bottom: 0px;
}
.accordion .accordion-content:last-of-type {
  margin-bottom:10px!important;
}
.tvn-accordion-item-title{
  font-size: 1em!important;
  font-weight: 700!important;
} 
/*Content of Accordion when 2 columns will have space after*/
.tvn-accordion-item-content .gdlr-core-row-shortcode .gdlr-core-column-30:first-child{
  padding-bottom: 25px;
}
/*FAQ accordion*/
.tvn_faq_accordion .tvn-accordion-item-content .accordion .accordion-content{
  padding-bottom: 10px!important;
}
/*Device from 415px*/
@media only screen and (min-width: 415px) {
  .tvn-accordion-style-background-title-icon .tvn-accordion-item-content {
    padding: 50px 20px 30px!important;
    margin-bottom: 20px;
    margin-top: -10px;/*space between the headers*/
    font-size: 1em;
  }
  .tvn-accordion-style-background-title-icon .tvn-accordion-item-content p{
    font-size: 1em;
  }
  .tvn-accordion-item-title::after {
    font-size: 16px;
    margin-right: 15px;
  }
  .tvn-accordion-item-title{
    font-size: 1em!important;
    font-weight: 700!important;
    /*padding: 12px 20px 10px !important;*/
  }  
  .tvn-accordion-item-content ul li { 
    padding-left: 58px; 
    text-indent:  -36px;
  }
  .tvn-accordion-item-content ul li:before {
    padding-right:20px;
    font-size: 1.5em;
  }
  .tvn-accordion-item-content ul.dash li:before{
    font-size: 1em;
  }
  .tvn-accordion-item-content ul.dash li {
    font-weight: 300;
    padding-left: 25px; 
    text-indent:  -25px;
  }
  /*Content of Accordion when 2 columns will have space after*/
  .tvn-accordion-item-content .gdlr-core-row-shortcode .gdlr-core-column-30:first-child{
    padding-bottom: 0px;
  }
  .accordion .accordion-title{
    text-indent: -50px;
    padding-left: 50px;
  }
}
@media only screen and (max-width: 767px) {
  /*
  .tvn-accordion-style-box-icon .tvn-accordion-item-tab{
    margin-bottom: 10px!important;
  }
   .tvn-accordion-style-box-icon .tvn-accordion-item-title {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
  } */
  .gdlr-core-accordion-style-background-title-icon .gdlr-core-accordion-item-title {
    padding-right: 10px!important;
    padding-left: 10px!important;
  }
  .tvn-accordion-style-background-title-icon .tvn-accordion-item-title::after {
    margin-right: 0px;
  }
  .tvn-accordion-style-box-icon .tvn-accordion-item-icon {
    margin-right: 10px!important;
  }
}
@media only screen and (min-width: 768px) {
  /*.tvn-accordion-style-box-icon .tvn-accordion-item-tab{
    margin-bottom: 0px!important;
  }
  .tvn-accordion-style-box-icon .tvn-accordion-item-title {
    margin-top: 14px !important;
    margin-bottom: 27px !important;
  }*/
  .tvn-accordion-style-background-title-icon .tvn-accordion-item-title::after {
    margin-right: 15px;
  }
  .tvn-accordion-style-box-icon .tvn-accordion-item-icon {
    margin-right: 27px!important;
  }
  .accordion .accordion-title::before{
    margin-right: 10px;
  }
  .accordion .accordion-content {
    margin-left: 33px;
    margin-bottom: 20px;
  }
}