/*
 Theme Name:   Abro-Tech
 Theme URI:    http://www.abro-tech.nl
 Description:  Abro-Tech
 Author:       Niels Broekzitter
 Author URI:   https://www.nielsbroekzitter.nl/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         abrotech
 Text Domain:  abrotech
*/

body {
    height: 400px;
    background: url("img/background.jpg") no-repeat bottom center;
}

::-moz-selection {
    color: #FFF;
    background: #19385D;
}

::selection {
    color: #FFF;
    background: #19385D;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Courier New", Arial;
	font-weight: bold;
}

a:link, a:visited {
	color: #19385D;
}

a:hover {
	color: #88bdff;
}

#headerafbeelding {
    height: 400px;
    background: url("img/header.jpg") no-repeat bottom center;
}

.headerafbeeldingtekst {
    color: #fff;
    font-size: 30px;
    text-align: center;
    text-shadow: 2px 2px #000;
    line-height: 50px;
}

.headerafbeeldingtekst h1 {
    color: #fff;
    font-size: 45px;
    padding-top: 150px;
    text-align: center;
    text-shadow: 2px 2px #000;
    line-height: 50px;
	font-weight: bold;
	font-style: normal;
}

.headerafbeeldingknop {
    font-size: 25px;
	background: #19385D;
	color: #fff !important;
	border: 3px solid #fff;
    border-radius: 10px;
    padding: 5px;
	text-shadow: 0px 0px #000;
	font-weight: bold;
}

.headerafbeeldingknop:hover {
    background: #88bdff;
    color: #FFF;
	border: 3px solid #FFF;
}

#breadcrumbs {
    background: #FFF;
    padding-left: 10px;
}

#knoppenafbeelding img {
    height: 240px;
    width: 100%;
    object-fit: cover;
}

#knoppentekst {
	font-family: "Courier New", Arial;
	font-weight: bold;
	text-align: center;
	font-size: 25px;
}

#footer-info {
    display: none;
}

.hp-wrap {
    display: none;
}

.ninja-forms-field {
    width: 100%;
}

#ninja_forms_field_5 {
    width: 20%;
    background: #19385D;
    color: #FFF;
}

/* Responsive */

@media all and (max-width: 980px) {
.headerafbeeldingtekst h1 {
    font-size: 30px;
}
}

@media all and (max-width: 550px) {
    .headerafbeeldingtekst h1 {
    font-size: 25px;
}

img.alignright {
    width: 100%;
}
}

@media all and (max-width: 452px) {
    .headerafbeeldingtekst h1 {
    font-size: 20px;
}
}

@media all and (max-width: 380px) {
    .headerafbeeldingtekst h1 {
    font-size: 17px;
}
}

@media all and (max-width: 320px) {
#headerafbeelding {
    display: none;
}
}