/*
Theme Name: ENTSO-E
Description: Child theme for Salient for the ENTSO-E ERAA 2022 website
Theme URI:   https://www.entsoe.eu/outlooks/midterm
Author: zork media
Author URI:  https://zork-media.de
Template: salient
Version: 1.1
*/

/* Fonts */
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto Regular';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto Italic';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto Bold';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab Regular';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-slab-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-slab-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab-v13-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab Bold';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-slab-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-slab-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab-v13-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}


/* Page-Header on Start-Page */

@media only screen and (min-width: 1001px){
  body #page-header-bg .span_6 {
    width: 70%;
  }
  body.home #page-header-bg .span_6 {
    width: 70%;
  }
}

/* Highlights on sub page-menus */
.page-id-177 .page-submenu a[href*="eraa-inputs"] {
  opacity: 1 !important;
}
.page-id-179 .page-submenu a[href*="eraa-outputs"] {
  opacity: 1 !important;
}
.page-id-181 .page-submenu a[href*="eraa-downloads"] {
  opacity: 1 !important;
}

/* Headlines */

.nectar-gradient-text h1, .nectar-gradient-text h2 {
  padding-left: 0.5em;
  border-left: 5px solid #ec6602;
}
.light h2 {
  padding-left: 0.5em;
  border-left: 5px solid #ffffff;
}


.main-content h3 {
  color: #009993;
}
.main-content .tableau h3 {
  color: #fff !important;
}
.main-content h4 {
  color: #777676;
  text-align: justify;
}
.main-content .light h4 {
  color: #ffffff;
}
.main-content h5 {
  color: #004494;
}
.main-content .nectar-gradient-text h5 {
  color: inherit;
}

.main-content .download-box h5, #stakeholder-interactions h5 {
  color: #004494;
  padding-left: 2.5em;
  position: relative;
  margin-bottom: 1em;
}
.main-content .download-box h5::before, #stakeholder-interactions h5::before {
  content: " ";
  position: absolute;
  width: 2em;
  height: 2px;
  background-color: #ec6602;
  left: 0;
  top: 1em;
}

.main-content .info-box h5 {
  color: #004494;
  padding-left: 4.5em;
  position: relative;
  margin-bottom: 1em;
}
.main-content .info-box h5::before {
  content: " ";
  position: absolute;
  width: 3.5em;
  height: 2px;
  background-color: #ec6602;
  left: 0;
  top: 1em;
}

/* Paragraphs */

.main-content p {
  text-align: justify;
}
.main-content #versions p, .main-content .left-p p {
  text-align: left;
}
strong {
  font-weight: 700;
  color: #004494;
}

sup {
  line-height: 0.75em;
}

.fussnote, .footnote {
  padding-top: 0.5em;
  border-top: 1px solid #777676;
  margin-top: 1em !important;
}

.fussnote p, .footnote p {
  font-size: 0.75em;
  line-height: 1.25em;
  color: #767677;
  text-align: left;
}
.absatz-aufzaehlung p {
  position: relative;
}
.absatz-aufzaehlung p::before {
  content:"__ ";
  font-weight: 700;
  color: #004494;
  display: inline-block;
  position: absolute;
  left: -20px;
}
.underscore_aufzaehlung p {
  margin: 0;
  padding-left: 1.5em;
  padding-bottom: 0;
  text-indent: -1.5em;
}
.txt-blau {
  color: #004494 !important;
}
/* Animated Icon List */
.nectar-icon-list-item .content {
  color: #353535;
}
.disclaimer p, .disclaimer ul li {
  font-size: 0.85em;
  color: #004494;
}
/* Image with border */
img.image-with-border {
  border: 1px solid #777676;
}
#download .nectar-fancy-ul ul {
  margin-bottom: 5px;
}
.nectar-fancy-ul ul li i.icon-default-style {
  top: 2px;
}

/* List in List */
.list-in-list div.nectar-fancy-ul:first-of-type {
  margin-bottom: 8px;
}
.list-in-list div.nectar-fancy-ul:first-of-type ul {
  margin-bottom: 0;
}
.list-in-list div.nectar-fancy-ul:last-of-type ul {
  padding-left: 2em;
}
.list-in-list div.nectar-fancy-ul:last-of-type ul li {
  padding-left: 1.5em;
}
.list-in-list div.nectar-fancy-ul ul li i.icon-default-style.icon-chevron-right {
  font-size: 10px !important;
  color: #00aed0;
  top: 0;
}

/* Buttons */
a.nectar-button.button100, #versions a.nectar-button {
  width: 100%;
}
#versions a.nectar-button {
  width: 75%;
}

/* Tables */
#tablepress-1 tr th {
  font-family: 'Roboto Slab Bold', serif;
  font-size: 1.25em;
  background-color: #004494;
  color: #fff;
  text-align: center;
}
#tablepress-1 tr td {
  background-color: #fff;
  vertical-align: middle;
}
#tablepress-1 tr.row-2 td {
  font-family: 'Roboto Bold', sans-serif;
  font-weight: 700;
  
}
#tablepress-1 tr td.column-1 {
  font-family: 'Roboto Bold', sans-serif;
  font-weight: 700;
}
#tablepress-1 .row-2 td.column-2, #tablepress-1 .row-2 td.column-3 {
  background-color: #ec6602;
  color: #fff;
  font-family: 'Roboto Bold', sans-serif;
  font-weight: 700;
  text-align: center;
  font-size: 1.15em;
}
#tablepress-1 .row-3 td.column-2, #tablepress-1 .row-3 td.column-3 {
  font-family: 'Roboto Bold', sans-serif;
  font-weight: 700;
  text-align: center;
}
#tablepress-1 .row-4 td.column-2, #tablepress-1 .row-4 td.column-3 {
  text-align: center;
}
/* Toggles */
div[data-style="minimal"] .toggles .toggle {
  border-bottom: 0 none;
}

.toggles .toggle.accent-color h3 a {
  font-family: 'Roboto Bold';
  font-size: 24px;
  line-height: 36px;
  color: #ec6602;
}
/* Ausblenden */
.desktop-only {
  display: none;
  visibility: hidden;
}
.tablet-only {
  display: none;
  visibility: hidden;
}
.phone-only {
  display: block;
  visibility: visible;
}
@media only screen and (max-width: 999px) and (min-width: 690px){
  .phone-only {
  display: none;
  visibility: hidden;
}
  .tablet-only {
  display: block;
  visibility: visible;
}
}
@media screen and (min-width: 1000px){
  .desktop-only {
  display: block;
  visibility: visible;
}
  .tablet-only {
  display: none;
  visibility: hidden;
}
  .phone-only {
  display: none;
  visibility: hidden;
}
}

#faq .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap {
  padding: 1.5em 2em;
}


/* Images with frame */
img.img-frame {
  border: 1px solid #666666;
}

/* footer-Icons */

li.twit a::before {
  content: "\f099";
  font-family: FontAwesome;
  font-size: 20px; 
  line-height: 20px; 
  height: 20px; 
  width: 20px;
  font-weight: normal;
  font-style: normal;
  margin-right: 10px;
}
li.yout a::before {
  content: "\f16a";
  font-family: FontAwesome;
  font-size: 20px; 
  line-height: 20px; 
  height: 20px; 
  width: 20px;
  font-weight: normal;
  font-style: normal;
  margin-right: 10px;
}
li.lkin a::before {
  content: "\f08c";
  font-family: FontAwesome;
  font-size: 20px; 
  line-height: 20px; 
  height: 20px; 
  width: 20px;
  font-weight: normal;
  font-style: normal;
  margin-right: 10px;
}
/* Visuals */
.tableau .vc_column-inner > .wpb_wrapper {
    padding-left: 3%;
    padding-right: 3%;
}


/* Newsletter */


    #pointer {
    height: 40px;
    position: relative;
    padding: 10px 5px 0 30px;
    margin-bottom: 10px;
  }
  @media only screen and (max-width: 780px) {
    #pointer{
    font-size: 11px;
    }
  }
  #pointer:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid white;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
  }
  #pointer:before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #ffd600;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
  }
  .sign-adapted{
   width: 100%;
    box-sizing: border-box;

   }
.fill-yellow {
    background-color: #ffd600;
  text-align: center;
  width: 100%;
}
#mce-EMAIL {
  font-size: 16px !important;
  line-height: 16px !important;
  padding: 11px !important;
}
#mc-embedded-subscribe {
  font-size: 16px !important;
  line-height: 16px !important;
  padding: 12px !important;
  border: 1px solid #004494;
}
.form__input-group {
  position: relative;
display: table;
border-collapse: collapse;
width: 100%;
}
.form__input-group .form__control {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.form__input-group .form__control, .form__input-group-button {
    display: table-cell;
}
.form__input-group-button {
    position: relative;
    width: 1%;
    vertical-align: middle;
}
@media only screen and (min-width: 1040px){
  .fill-yellow {
    width: 50%;
    float: left;
  }
  .sign-adapted{
   width: 45%;
    float: left;
    padding-left: 4%;

   }
}