/*//////////////////////////////////////////////////////////////////////////////
///
///  custom style voor shaper_helixultimate template
///
//////////////////////////////////////////////////////////////////////////////*/

/* Google fonts */
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@600&family=Lato:wght@400;700&family=Open+Sans:wght@400;500;600;700&display=swap');

/* Kleur header */
#sp-header {background: #F2F2F2;}

/* Opmaak tekst logo */
.logo a {
	font-family: 'Fira Sans', sans-serif;
	color:#033DA8;
}
@media only screen and (max-width: 575px) {
	.logo a {font-size: 36px !important;}
}
@media only screen and (min-width: 576px) and (max-width: 991px) {
	.logo a {font-size: 48px !important;}
}
@media only screen and (min-width: 992px) {
	.logo a {font-size: 72px !important;}
}

/* Ruimte tussen header en pagina verminderen (standaard 100px) */
@media only screen and (max-width: 575px) {
	#sp-main-body {padding: 80px 0px;}
	#sp-header .logo {height: 50px;}
}
@media only screen and (min-width: 576px) and (max-width: 991px) {
	#sp-main-body {padding: 40px 0px;}
}
@media only screen and (min-width: 992px) {
	#sp-main-body {padding: 40px 0px;}
}

/* Breedte van afrolmenu verminderen (standaard hele scherm) */
.sp-dropdown-inner {width: 12em;}
/* Kleur pictogram in menu */
.sp-menu-item span[class^="fa"] {color:#044CD0;}
.menuicon {
	color:#044CD0 !important;
	padding-right: 1.5em !important;
}
/* Kleur achtergrond menu */
div#sp-menu {
	background-color: #F2F2F2;
}
/* Kopje in off-canvas menu */
.menu-divider {
	background-color: #F2F2F2;
	padding-left: 0.25em !important;
}

#sp-footer {
  position: fixed;
  bottom: 0;  left: 0;
  width: 100%;
  z-index: 911;
}

/* Standaard fonts */
body {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
}