/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

@font-face {
    font-family: 'HarmonyOS Sans Condensed';
    src: url('fonts/HarmonyOS_Sans_Condensed.eot');
    src: local('HarmonyOS Sans Condensed'), local('HarmonyOS_Sans_Condensed'),
        url('fonts/HarmonyOS_Sans_Condensed.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Condensed.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Condensed.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Condensed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans Condensed';
    src: url('fonts/HarmonyOS_Sans_Condensed_Black.eot');
    src: local('HarmonyOS Sans Condensed Black'), local('HarmonyOS_Sans_Condensed_Black'),
        url('fonts/HarmonyOS_Sans_Condensed_Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Condensed_Black.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Condensed_Black.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Condensed_Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans';
    src: url('fonts/HarmonyOS_Sans_Black.eot');
    src: local('HarmonyOS Sans Black'), local('HarmonyOS_Sans_Black'),
        url('fonts/HarmonyOS_Sans_Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Black.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Black.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans';
    src: url('fonts/HarmonyOS_Sans_Bold_Italic.eot');
    src: local('HarmonyOS Sans Bold Italic'), local('HarmonyOS_Sans_Bold_Italic'),
        url('fonts/HarmonyOS_Sans_Bold_Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Bold_Italic.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Bold_Italic.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Bold_Italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans';
    src: url('fonts/HarmonyOS_Sans.eot');
    src: local('HarmonyOS Sans'), local('HarmonyOS_Sans'),
        url('fonts/HarmonyOS_Sans.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans.woff') format('woff'),
        url('fonts/HarmonyOS_Sans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans';
    src: url('fonts/HarmonyOS_Sans_Black_Italic.eot');
    src: local('HarmonyOS Sans Black Italic'), local('HarmonyOS_Sans_Black_Italic'),
        url('fonts/HarmonyOS_Sans_Black_Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Black_Italic.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Black_Italic.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Black_Italic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans';
    src: url('fonts/HarmonyOS_Sans_Bold.eot');
    src: local('HarmonyOS Sans Bold'), local('HarmonyOS_Sans_Bold'),
        url('fonts/HarmonyOS_Sans_Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Bold.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Bold.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans Condensed';
    src: url('fonts/HarmonyOS_Sans_Condensed_Light.eot');
    src: local('HarmonyOS Sans Condensed Light'), local('HarmonyOS_Sans_Condensed_Light'),
        url('fonts/HarmonyOS_Sans_Condensed_Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Condensed_Light.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Condensed_Light.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Condensed_Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans';
    src: url('fonts/HarmonyOS_Sans_Medium.eot');
    src: local('HarmonyOS Sans Medium'), local('HarmonyOS_Sans_Medium'),
        url('fonts/HarmonyOS_Sans_Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Medium.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Medium.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans Condensed';
    src: url('fonts/HarmonyOS_Sans_Condensed_Bold.eot');
    src: local('HarmonyOS Sans Condensed Bold'), local('HarmonyOS_Sans_Condensed_Bold'),
        url('fonts/HarmonyOS_Sans_Condensed_Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Condensed_Bold.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Condensed_Bold.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Condensed_Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans Condensed';
    src: url('fonts/HarmonyOS_Sans_Condensed_Black_Italic.eot');
    src: local('HarmonyOS Sans Condensed Black Italic'), local('HarmonyOS_Sans_Condensed_Black_Italic'),
        url('fonts/HarmonyOS_Sans_Condensed_Black_Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Condensed_Black_Italic.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Condensed_Black_Italic.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Condensed_Black_Italic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans';
    src: url('fonts/HarmonyOS_Sans_Medium_Italic.eot');
    src: local('HarmonyOS Sans Medium Italic'), local('HarmonyOS_Sans_Medium_Italic'),
        url('fonts/HarmonyOS_Sans_Medium_Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Medium_Italic.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Medium_Italic.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Medium_Italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans Condensed';
    src: url('fonts/HarmonyOS_Sans_Condensed_Light_Italic.eot');
    src: local('HarmonyOS Sans Condensed Light Italic'), local('HarmonyOS_Sans_Condensed_Light_Italic'),
        url('fonts/HarmonyOS_Sans_Condensed_Light_Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Condensed_Light_Italic.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Condensed_Light_Italic.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Condensed_Light_Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans Condensed';
    src: url('fonts/HarmonyOS_Sans_Condensed_Italic.eot');
    src: local('HarmonyOS Sans Condensed Italic'), local('HarmonyOS_Sans_Condensed_Italic'),
        url('fonts/HarmonyOS_Sans_Condensed_Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Condensed_Italic.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Condensed_Italic.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Condensed_Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans';
    src: url('fonts/HarmonyOS_Sans_Thin.eot');
    src: local('HarmonyOS Sans Thin'), local('HarmonyOS_Sans_Thin'),
        url('fonts/HarmonyOS_Sans_Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Thin.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Thin.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans Condensed';
    src: url('fonts/HarmonyOS_Sans_Condensed_Medium_Italic.eot');
    src: local('HarmonyOS Sans Condensed Medium Italic'), local('HarmonyOS_Sans_Condensed_Medium_Italic'),
        url('fonts/HarmonyOS_Sans_Condensed_Medium_Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Condensed_Medium_Italic.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Condensed_Medium_Italic.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Condensed_Medium_Italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans Condensed';
    src: url('fonts/HarmonyOS_Sans_Condensed_Thin.eot');
    src: local('HarmonyOS Sans Condensed Thin'), local('HarmonyOS_Sans_Condensed_Thin'),
        url('fonts/HarmonyOS_Sans_Condensed_Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Condensed_Thin.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Condensed_Thin.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Condensed_Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans';
    src: url('fonts/HarmonyOS_Sans_Thin_Italic.eot');
    src: local('HarmonyOS Sans Thin Italic'), local('HarmonyOS_Sans_Thin_Italic'),
        url('fonts/HarmonyOS_Sans_Thin_Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Thin_Italic.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Thin_Italic.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Thin_Italic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans';
    src: url('fonts/HarmonyOS_Sans_Light_Italic.eot');
    src: local('HarmonyOS Sans Light Italic'), local('HarmonyOS_Sans_Light_Italic'),
        url('fonts/HarmonyOS_Sans_Light_Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Light_Italic.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Light_Italic.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Light_Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans';
    src: url('fonts/HarmonyOS_Sans_Light.eot');
    src: local('HarmonyOS Sans Light'), local('HarmonyOS_Sans_Light'),
        url('fonts/HarmonyOS_Sans_Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Light.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Light.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans Condensed';
    src: url('fonts/HarmonyOS_Sans_Condensed_Thin_Italic.eot');
    src: local('HarmonyOS Sans Condensed Thin Italic'), local('HarmonyOS_Sans_Condensed_Thin_Italic'),
        url('fonts/HarmonyOS_Sans_Condensed_Thin_Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Condensed_Thin_Italic.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Condensed_Thin_Italic.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Condensed_Thin_Italic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans Condensed';
    src: url('fonts/HarmonyOS_Sans_Condensed_Bold_Italic.eot');
    src: local('HarmonyOS Sans Condensed Bold Italic'), local('HarmonyOS_Sans_Condensed_Bold_Italic'),
        url('fonts/HarmonyOS_Sans_Condensed_Bold_Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Condensed_Bold_Italic.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Condensed_Bold_Italic.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Condensed_Bold_Italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans Condensed';
    src: url('fonts/HarmonyOS_Sans_Condensed_Medium.eot');
    src: local('HarmonyOS Sans Condensed Medium'), local('HarmonyOS_Sans_Condensed_Medium'),
        url('fonts/HarmonyOS_Sans_Condensed_Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Condensed_Medium.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Condensed_Medium.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Condensed_Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans';
    src: url('fonts/HarmonyOS_Sans_Italic.eot');
    src: local('HarmonyOS Sans Italic'), local('HarmonyOS_Sans_Italic'),
        url('fonts/HarmonyOS_Sans_Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarmonyOS_Sans_Italic.woff2') format('woff2'),
        url('fonts/HarmonyOS_Sans_Italic.woff') format('woff'),
        url('fonts/HarmonyOS_Sans_Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


.background-video {
    position: absolute;
    opacity: 0.5;
}
video[poster] {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.inside-article p > a{
  color: var(--global-color-8);
}

.inside-article p > a:hover{
  color: var(--accent);
}

/** NAVIGATION STYLES **/

.cta-menu-item a{
  background-image: linear-gradient(135deg, var(--global-color-9) 0%, var(--global-color-10) 100%) !important;
  color: #000000 !important;
  border-radius: 5px;
  line-height: 50px !important;
  padding-left: 2rem !important;
  padding-righT: 2rem !important;
  margin-left: 1rem;
}



.cta-menu-item a:hover, .cta-menu-item a:focus{
  background-color: var(--global-color-10) !important;
}

.secondary-navigation .menu-toggle {
      display: none;
}

.main-navigation.toggled .main-nav li.cta-menu-item{
  margin-bottom: 10px;
  
}


/** FOOTER STYLES **/

.wp-classic-menu-block .menu{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wp-classic-menu-block > .menu a{
    color: #000000;
    text-decoration: underline;
}

.site-footer .wp-classic-menu-block > .menu a:hover{
    
}

/** BATTERIJ CALCULATOR **/

.calculator-input-wrapper{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 30px;
}

.calculator-input-wrapper .verbruik{
  grid-column: span 2;
}

.calculator-input-wrapper label svg{
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

.calculator-input-wrapper > *{
  display: flex;
  flex-direction: column;
}

.calculator-input-wrapper input{
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  margin-top: 10px;
  width: 100%;
}

.calculator-input-wrapper input:focus{
  border-color: var(--global-color-8);
  background-color: #f6f6f6;
}

.calculator-input-wrapper label{
  font-size: 14px;
  font-weight: 700;
}

#result{
  margin-top: 30px;
}

#result span{
  font-weight: 700;
}




/** GRAVITY FORMS STYLES **/

.gform_button, .gform_next_button, .gform_previous_button{
  padding: 1rem 2rem !important;
  line-height: 1.5 !important;
  font-size: 17px !important;
  transition: all .25s ease-in-out;
  background-color: #F08700;
  background-image: linear-gradient(135deg, var(--global-color-9) 0%, var(--global-color-10) 100%) !important;
  border: none !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

.gform_button:hover, .gform_button:focus, .gform_button_select_files:hover, .gform_button_select_files:focus, .gform_next_button:hover, .gform_next_button:focus, .gform_previous_button:hover, .gform_previous_button:focus{
  background-image: linear-gradient(135deg, var(--global-color-10) 0%, var(--global-color-9) 100%) !important;
}

.gform_heading .gform_required_legend{
  display: none !important;
}

span.gfield_required{
  color: var(--global-color-8) !important;
}

.gform-theme--foundation .gform_fields{
  row-gap: 20px !important;
}