/*
 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
 Kleurcodes: blauw: #10a0c7, lichtblauw: #08ABEF, groen #76BF43
*/


.home .topbalk {
	display:none;
}


.google-inline-frame {
  max-width: 1200px;
  margin: auto;
}


.google-inline-frame-inner {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  height: 900px;
}

.google-inline-frame-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tablepress, .dataTables_scrollHeadInner {
	color:#3f3f3f;
	font-size:14px;
	Width:100% !important;
}

.verbergen {
	display:none;
}


html .bgextern {
	background-image:linear-gradient(
      rgba(0, 0, 0, 0.6),
      rgba(0, 0, 0, 0.6)
    ), url("https://www.siteonline.nl/images/user/header-site-online.jpg");
    background-size:     contain;
    background-repeat:   no-repeat;
    background-position: center center;
}

html .logoextern {
	width:100%;
	display:block;

}

html .logoextern img {
    margin: 0px 37%;
    position: relative;
    width: 26%;
}

.h2home {
	text-align:center;
}


.loginblok .elementor-field-type-text {
	border-radius:0px;
	margin-bottom:5px;
	background:#D8D8D8;
}

.loginblok .elementor-button {
	background-color:#76bf43;
}

.loginblok .elementor-button:hover {
	background-color:#10a0c7;
}

.playlistcover .ah.bk.bl, .playlistcover table.ah.dj.b3 {
	background:#000 !important;
}


/* Regular screens */
@media only screen and (min-width: 996px) and (max-width: 1223px) {

	html .logoextern img {
	    margin: 0px 30%;
	    position: relative;
	    width: 40%;
	}

}

/* Tablet Portrait size to Base 996px */
@media only screen and (min-width: 768px) and (max-width: 995px) {
		html .logoextern img {
    margin: 0px 25%;
    position: relative;
    width: 50%;
}

}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	html .logoextern img {
    margin: 0px 15%;
    position: relative;
    width: 70%;
	}
	html .logoextern {

	}
	.loginblok {
		max-width:60%px;
		margin:80px 20% 0;
		padding-bottom:120px;

	}
	html .logoextern {
		margin-top:50px;
	}

	.google-inline-frame-inner {
	  height: 450px;
	}
}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) {

}