/******************************************************************************\
*
*	Custom CSS file
*	D56 WebDesign
*	https://www.d56-webdesign.nl
*
\******************************************************************************/

/******************************************************************************\
*	Top-bar
/******************************************************************************/

/* aanpassingen top-bar */

#sp-top-bar {
	height: 75px;
}

.sp-contact-info li {
    font-size: 16px;
}

/******************************************************************************\
*	Header (Logo + Menu)
/******************************************************************************/

#sp-header {
	height: 75px;
	padding-top: 20px;
}

.sp-megamenu-parent {
	float: left;
}

/******************************************************************************\
*	Mediaqueries
/******************************************************************************/

@media only screen and (max-width: 1024px) {
/*	.com-sppagebuilder #sp-main-body, .com-content #sp-main-body { margin-top: 15px; } */
/*	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { padding: 0 6px; font-size: 16px !important; } */
/*	.sp-contact-info { font-size: 50px !important; } */
	#sp-top-bar { height: 75px !important; }
}

/******************************************************************************\
*	H1, H2, xxx koppen
/******************************************************************************/
/*
.h1, h2, h3 {
	color: green;
}
*/

/******************************************************************************\
*	Offcanvas
/******************************************************************************/

/* achtergrond- en tekstkleur en hoofdletters */

.offcanvas-menu {
/*	background-color: #cdcdcd;*/
	color: #FFFFFF;
	text-transform: uppercase;
}

/* How to increase size of off-canvas menu [=] icon */
#offcanvas-toggler i {font-size: 32px;}

/* How to change color of menu [=] icon */
/*#offcanvas-toggler > i.fa {color: red;}*/

/* size and color [=] */
/*
#offcanvas-toggler > i.fa {font-size:32px; color: red;}
*/

/* How to display all submenu items in off-canvas menu */
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {display: block;}

/* achtergrond kleur hoover menu */
*/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {background: #00B9F1;}
*/

/* achtergrond kleur en tekst kleur hover en focus */
/*
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
	color: #ffffff;
	background-color: #27aeeb;
}
*/

/* meer ruimte tussen menu keuzes en font-size */
.offcanvas-menu .offcanvas-inner .sp-module ul > li {
	padding: 4px;
	font-size: 120px;
}

/* ander teken i.p.v. kruisje */
/* https://astronautweb.co/snippet/font-awesome/ */
.fa-remove:before, .fa-close:before, .fa-times:before {
	content: "\f18e";
	font-size: 32px;
}