/*
 Theme Name:   Twentyseventeen Child
 Description:  Child theme for Twenty Seventeen
 Author:       Lumasites
 Author URI:   http://lumasites.nl
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Lumasites Websites
 Text Domain:  twentyseventeen-child
*/

/* --- MAIN --- */

/* maak pagina's volledige schermbreedte */
.wrap
{
	max-width: 100%;
}
@media screen and (min-width: 48em)
{
	.wrap
	{
		max-width: 100%;
	}
}
.page.page-one-column:not(.twentyseventeen-front-page) #primary
{
	max-width: 100%;
}
@media screen and (min-width: 30em)
{
	.page-one-column .panel-content .wrap
	{
		max-width: 100%;
	}
}

/* Stijling voor knoppen */
.wp-block-button .wp-block-button__link
{
	opacity: 75%;
	background-color: #fff !important;
	color: rgb(59, 145, 179) !important;
	font-size: 24px !important;
	transition-property: opacity !important;
	transition: opacity 0.4s ease-out;
	transition-duration: 0.4s !important;
}

.wp-block-button .wp-block-button__link:hover
{
	opacity: 100%;
	background-color: #fff !important;
	transition: opacity 0.4s ease-out;
}

span.lm-orderbutton
{
	opacity: 75%;
	background-color: #fff !important;
	color: rgb(59, 145, 179) !important;
	font-size: 24px !important;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 24px;
	font-weight: 800;
	line-height: 39.8333px;
	padding-bottom: 16.8px;
	padding-left: 48px;
	padding-right: 48px;
	padding-top: 16.8px;
	transition-delay: 0s;
	transition-duration: 0.4s;
	transition-property: opacity;
	transition-timing-function: ease-out;
}

span.lm-orderbutton:hover
{
	opacity: 100%;
	background-color: #fff !important;
	transition: opacity 0.4s ease-out;
}

/* zet columns onder elkaar in resposive vanaf 756px */
@media screen and (max-width: 756px)
{	
	.wp-block-column
	{
		flex-basis: 100% !important;
	}
}

/* verwijder linker marge columns in tablet weergave */
.wp-block-column
{
	margin-left: 0px !important;
}

/* verwijder link Edit in admin weergave frontend */
.panel-content .entry-header
{
	display: none;
}

/* Verwijder wordpress footer */
.site-info
{
	display: none;
}

/* ReCaptcha verbergen */
.grecaptcha-badge
{
	display: none;
}


/* --- HEADER --- */

/* Marges en afmetingen logo */
.site-branding
{
	padding-top: 1em;
	padding-bottom: 1em;
}


#masthead .wrap
{
    padding-left: 1em;
}



/* --- MENU --- */

/* maak mobiel menu sticky */
/* @media screen and (max-width: 768px)
{
	.navigation-top
	{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99999;
	}
	.admin-bar .navigation-top
	{
		padding-top: 45px; /* Padding to allow space for the admin-bar when present
	}
}*/

/* --- HOMEPAGE --- */

/* Centreer knoppen Bestel en Reserveer */
.lm-homecolumn
{
	text-align: center;
}

/* Vergroot achtergrond bestelknoppen */
.lm-homesection
{
	height: 100%;
}

/* Centreer knoppen menu's */
.wp-block-buttons
{
	text-align: center;
}

/* Verklein marges van pagina blokken */
.panel-content .wrap
{
	padding: 0px;
}

.wp-block-columns
{
	margin-bottom: 0px;
}

/* maak sectie bestelknoppen 100% hoogte */
#wp-block-themeisle-blocks-advanced-columns-7abdfad0
{
	height: 100%;
}

/* geef marges aan knoppen menu's */
div#wp-block-themeisle-blocks-advanced-columns-3a6c4a02
{
	margin-left: 20px;
	margin-right: 10px;
}

div#wp-block-themeisle-blocks-advanced-columns-92aaa179
{
	margin-left: 10px;
	margin-right: 10px;
}

div#wp-block-themeisle-blocks-advanced-columns-bad6dbbe
{
	margin-left: 10px;
	margin-right: 20px;
}

/* Fix anker links positionering */
.lm-anker
{
	display: block;
	position: relative;
	top: -152px;
	visibility: hidden;
	margin: 0px
}

@media screen and (max-width: 756px)
{
	.lm-anker
	{
		display: block;
		position: relative;
		top: 0px;
		visibility: hidden;
		margin: 0px
	}
}