/*
Copyright (C) 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 : 23-9-2021
    Author     : cvlith
*/

.bg-actie {
    background-color: rgba(248, 200, 29, 0.25);
}

.bg-white-opaque {
    background-color: rgba(256, 256, 256, 0.7);
}

.after-zow-button::after {
    float: right; 
    content: url('/images/Zon_100px.png');
    display: block;
    height: 100px;
    margin-top: -35px;
    margin-bottom: -50px;
    margin-left: 0px;
    margin-right: -50px;
}

.grecaptcha-badge { 
    opacity:0;
}

textarea.high {
  width: 700px;
  height: 100px;
}

input.wide {
  width: 350px;
}

@media (min-width: 870px) {
    .header_style1 {
        background-image: url('/images/header_home_600px.png');
        background-repeat: no-repeat;
        background-position: center top;
    }
}
@media (max-width: 870px) { 
    .header_style1 {
        background-image: url('/images/header_home_420px.png');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
    }
}

@media (min-width: 870px) {
    .header_nieuws1 {
        background-image: url('/images/header_overons_600px.jpg');
        background-repeat: no-repeat;
        background-position: center top;
    }
}
@media (max-width: 870px) { 
    .header_nieuws1 {
        background-image: url('/images/header_overons_600px.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
    }
}

@media (min-width: 870px) {
    .header_actie1 {
        background-image: url('/images/header_actie_600px.jpg');
        background-repeat: no-repeat;
        background-position: center top;
    }
}
@media (max-width: 870px) { 
    .header_actie1 {
        background-image: url('/images/header_actie_600px.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
    }
}

@media (min-width: 870px) {
    .header_om {
        background-image: url('/images/footer-suus.jpg');
        background-repeat: no-repeat;
        background-position: center top;
    }
}
@media (max-width: 870px) { 
    .header_om {
        background-image: url('/images/footer-suus.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
    }
}

@media (min-width: 1200px) {
    .zow_head {
        margin: 5px;
        height: 120px;
        background-image: url('/images/Typo_header3_1.svg');
        background-repeat: no-repeat;
        background-position: top center;
    }
}
@media (max-width: 1200px) { 
    .zow_head {
        margin: 5px;
        height: 200px;
        background-image: url('/images/Typo_header2_1.svg');
        background-repeat: no-repeat;
        background-position: top center;
    }
}

@media (min-width: 1200px) {
    .zow_main_subtitle {
        font-size: 40px;
        line-height: 66px;
    }
}
@media (max-width: 1200px) { 
    .zow_main_subtitle {
        font-size: 30px;
        line-height: 50px;
    }
}

@media (min-width: 1200px) {
    .zow_main_supertitle {
        font-size: 60px;
        line-height: 66px;
    }
}
@media (max-width: 1200px) { 
    .zow_main_supertitle {
        font-size: 40px;
        line-height: 50px;
    }
}

@media (min-width: 1200px) {
    .header_style {
      background-repeat: no-repeat;
      background-position: center;
      height: 600px;
    }
}
@media (max-width: 1200px) { 
    .header_style {
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      height: 600px;
    }
}

@media (min-width: 1200px) {
    .small_header_style {
      background-repeat: no-repeat;
      background-position: center;
      height: 200px;
    }
}
@media (max-width: 1200px) { 
    .small_header_style {
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      height: 200px;
    }
}