/*
Theme Name: Startsnelonline.nl
Theme URI: https://startsnelonline.nl/
Description: startsnelonline is een thema gemaakt voor het bedrijf startsnelonline om snel goedkope websites op te kunnen zetten.
Author: Startsnelonline.nl
Author URI: https://startsnelonline.nl/
Template: sydney
Version: 2.30
Text Domain: sydney-child
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
   font-family: 'clab';
   src: url('Clab.otf');
}

h1, h2, h3, h4, h5, h6, .groot {
	font-family: 'clab'!important;
}

.ql-link, .ql-link a {
	color: #0BBF64!important;
}

.woocommerce-cart .wc-block-cart__submit-button {
	background-color: #0BBF64;
	color: #FFFFFF !important;
	border-color: #0BBF64;
	border-radius: 5px;
}

.woocommerce-cart .wc-block-cart__submit-button:hover {
	background-color: transparent;
	color: #0BBF64 !important;
	border: 1px solid #0BBF64;
}

@media screen and (min-width: 1200px) {
	.footer-widgets .container {
		max-width: 1750px;
	}
	
	div.content-wrapper {
		max-width: inherit;
	}
	
	.archive div.content-wrapper,
	.single-product div.content-wrapper,
	.woocommerce-checkout div.content-wrapper {
		max-width: 1400px;
	}
}

.site-info {
	max-width: 1500px;
	margin: 0 auto;
	font-size: 10px;
}

/* BEGIN: header */
header a {
	color: #333333!important;
}

header .roll-button {
	padding-top: 5px!important;
	padding-bottom: 5px!important;
	padding-left: 20px!important;
	padding-right: 20px!important;
	color: #FFFFFF!important;
}

.roll-button.header-item:hover {
	color: #0BBF64!important;
}

/* EIND: header */

/* BEGIN: footer */
div#sidebar-footer .container .footer-widgets-grid .sidebar-column {
	display: flex!important;
	justify-content: center!important;
	align-items: center!important;
}

/* EIND: footer */

/* BEGIN: home pagina */
.introductieFoto {
	position: relative;
}

.page-id-8 .submitForm {
	width: 100%;
}

.page-id-8 .wpcf7-submit {
	background-color: #0BBF64!important;
	border-color: #0BBF64!important;
	color: #FFFFFF!important;
}

.page-id-8 .wpcf7-submit:hover {
	color: #0BBF64!important;
	background-color: rgba( 255, 255, 255, 0)!important;
}

.page-id-8 .wpcf7-form-control:not(.submitForm) {
	border: 0;
}

 .wpcf7-form-control {
	box-shadow: 0px 0px 5px black;
	width: 100%!important;
	border-radius: 5px!important;
}

.page-id-8 .formBlok form p {
	margin-bottom: 30px;
}

.page-id-8 .formBlok form p:has(.submitForm) {
	margin-bottom: 0!important;
}

.page-id-8 .buttonHome {
	cursor: pointer;
}

.page-id-8 .buttonHome:hover p {
	color: #0BBF64!important;
}
/* EIND: home pagina */

/* BEGIN: contact pagina */
.page-id-272 .submitForm {
	width: 100%;
	background-color: #0BBF64!important;
	border-color: #0BBF64!important;
	color: #FFFFFF!important;
}

.page-id-272 .submitForm:hover {
	background-color: rgba(255, 255, 255, 0)!important;
	color: #0BBF64!important;
}
/* EIND: contact pagina */

/* BEGIN: websites voor starters */
.page-id-211 .submitForm {
	width: 100%;
	background-color: #0BBF64!important;
	border-radius: 5px;
	border-color: #0BBF64!important;
	color: #FFFFFF!important;
}

.page-id-211 .submitForm:hover {
	color: #0BBF64!important;
	background-color: rgba(255, 255, 255, 0)!important;
}
/* EIND: websites voor starters */

/* BEGIN: Winkelmandje in de header op de winkelmand pagina */
.site-header-cart .count-number {
	background-color: var(--sydney-global-color-1);
    font-size: 12px;
    display: block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50%;
    top: -10px;
    position: absolute;
    color: #fff;
    right: -18px;
    text-align: center;
}
/* EIND: Winkelmandje in de header op de winkelmand pagina */

/* BEGIN: Checkout pagina */
.woocommerce-checkout .content-wrapper {
	padding: 30px 0 30px 0;
}

.woocommerce-checkout header.main-header, .woocommerce-checkout div.footer-widgets, .woocommerce-checkout footer.site-footer {
	display: none;
}

.woocommerce-checkout {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important;
}

@media (max-width: 768px) {
	.woocommerce-checkout #primary {
		padding: 0 15px 0 15px;
	}
	
	.woocommerce-checkout .row {
		margin-right: 0;
		margin-left: 0;
	}
}
/* EIND: Checkout pagina */

/* BEGIN: Single-product add to cart met tabel meer ruimte */
.woocommerce div.product form.cart table {
	padding-bottom: 30px;
}

@media (max-width: 768px) {
	.woocommerce div.product form.cart table {
		padding-bottom: 15px;
	}
}
/* EIND: Single-product add to cart met tabel meer ruimte */