/*
Copyright (C) 2020-2025 cvlith

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/
/* 
    Created on : 10 nov. 2020, 08:28:15
    Author     : cvlith
*/

.energielabel-a {
    background-color: #008040; 
    color: white; 
    font-weight: bolder
}
.energielabel-b {
    background-color: #00A840; 
    color: white; 
    font-weight: bolder
}
.energielabel-c {
    background-color: #71C040; 
    color: white; 
    font-weight: bolder
}
.energielabel-d {
    background-color: #FFDF00; 
    color: white; 
    font-weight: bolder
}
.energielabel-e {
    background-color: #FFBA00; 
    color: white; 
    font-weight: bolder
}
.energielabel-f {
    background-color: #FF8000; 
    color: white; 
    font-weight: bolder
}
.energielabel-g {
    background-color: #FF0000; 
    color: white; 
    font-weight: bolder
}
                                                
.after-plusminus::after {
    float: right;
    content: "-";
    color: #3AAA35;
    font-weight: bolder;    
}
.after-plusminus.collapsed::after {
    float: right; 
    content: "+";
    color: #3AAA35;
    font-weight: bolder;
}

.header_yep_pale_background {
    background-image: url('/images/YEP_achtergrond3.png');
    background-repeat: no-repeat;
    background-position: top;
}

.formulier_yep_blok1 {
    background-image: url('/images/Formulier_blok1.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.formulier_yep_blok2 {
    background-image: url('/images/Formulier_blok2.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.formulier_yep_blok3 {
    background-image: url('/images/Formulier_blok3.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.formulier_yep_blok4 {
    background-image: url('/images/Formulier_blok4.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.after-yep-button::after {
    float: right; 
    content: url('/images/JEP_button_logo_small3.png');
    display: block;
    height: 38px;
    margin-top: 1px;
}

#chartId {
    width: 310px;
    height: 500px;
}

a.custom-card,
a.custom-card:hover {
  color: inherit;
  text-decoration: none;
}

.card_style {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 200px;
}

.expand-div .fas {
  transition: .3s transform ease-in-out;
}
.expand-div .collapsed .fas {
  transform: rotate(180deg);
}

.header_huis {
  background-image: url('/images/header_huis.jpg');
}
.header_blog {
  background-image: url('/images/header_blog.jpg');
}
.header_tools {
  background-image: url('/images/header_tools.jpg');
}
.header_downloads {
  background-image: url('/images/header_downloads.jpg');
}
.header_contact {
  background-image: url('/images/header_contact.jpg');
}
.header_over_ons {
  background-image: url('/images/header_over_ons.jpg');
}
.header_faq {
  background-image: url('/images/header_faq.jpg');
}
.header_stopcontact_wereld {
  background-image: url('/images/header_stopcontact_wereld.jpg');
}
.header_kennisbank {
  background-image: url('/images/header_kennisbank.png');
}
.header_account {
  background-image: url('/images/header_mijnpagina.png');
}
.header_yeppro {
  background-image: url('/images/header_yeppro.png');
}
.header_yepcoach {
  background-image: url('/images/header_huis.jpg');
}
.header_offerte {
  background-image: url('/images/header_offerte_beoordeling.jpg');
}
.header_yepform {
    background-image: url('/images/yep2/header_yepform.png');
}
.header_jep_mobiel {
    background-image: url('/images/JEP_headerfoto_mobiel.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.header_jep_desktop {
    background-image: url('/images/JEP_headerfoto_desktop.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.header_topcenter {
      background-repeat: no-repeat;
      background-position: top center;    
}
/* bootstrap >= md */
@media (min-width: 768px) {
   .header_style {
      background-repeat: no-repeat;
      background-position: top center;    
      min-height: 400px;
    }
}
/* bootstrap xs en sm */
@media (max-width: 576px) { 
   .header_style {
      background-repeat: no-repeat;
      background-position: top center;
      min-height: 200px;
      background-size: cover;
    }
}

.transparant_120_120 {
    background-image: url(/images/yep2/transparant_120_120.png);
    height: 120px;
    width: 120px;
}

.gebruiksgedrag-ballon {
    background-image: url(/images/yep2/Gebruiksgedrag_schaduw.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 95px;
    width: 85px;
}

.energievreters-ballon {
    background-image: url(/images/yep2/Energievreters_schaduw.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 95px;
    width: 85px;
}

.energielabel-ballon {
    background-image: url(/images/yep2/Energielabel_schaduw.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 95px;
    width: 85px;
}

.warmtepomp-ballon {
    background-image: url(/images/yep2/Warmtepomp_schaduw.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 95px;
    width: 85px;
}

.laadpaal-ballon {
    background-image: url(/images/yep2/Laadpaal_schaduw.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 95px;
    width: 85px;
}

.zonnepanelen-ballon {
    background-image: url(/images/yep2/Zonnepanelen_schaduw.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 95px;
    width: 85px;
}

.batterij-ballon {
    background-image: url(/images/yep2/Batterij_schaduw.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 95px;
    width: 85px;
}

.energieplan-ballon {
    background-image: url(/images/yep2/Energieplan_schaduw.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 95px;
    width: 85px;
}

.balloon_yepform {
    background-image: url(/images/yep2/Balloon.svg);
}