/* houtenteak custom */
/* 
main-color (brown): #5e3813 
secundairy-color (brown): #ab7442 



*/

/* Mainsection default theme changes */
#sp-main-body {
    padding: 0px;
}
@media screen and (max-width: 575px) {
	.qx-customrow .container {padding-left:30px;padding-right:30px;}
}
@media screen and (min-width: 576px) {
	.qx-customrow .container {padding:0;position:relative;left:-15px;}
}
.qx.quix .qx-customrow .qx-container {padding-left: 30px;padding-right: 30px;}


/* Menu */
.sp-megamenu-parent > li {margin-left:10px;}

@media screen and (min-width: 992px) {
	.sp-megamenu-parent > li > a:before {
		position: absolute;
		left: 0;
		bottom: 0;
		height: 2px;
		width: 100%;
		content: "";
		background-color: #ab7442;
		-webkit-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		transform: scale(0, 1);
		-webkit-transform-origin: top right;
		-ms-transform-origin: top right;
		transform-origin: top right;
		-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
		-moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
		-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
		transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
		-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
		-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
		transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	}
	.sp-megamenu-parent > li:hover > a:before, .sp-megamenu-parent > li.active > a:before {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-transform-origin: bottom left;
		-ms-transform-origin: bottom left;
		transform-origin: bottom left;
	}
}

/* Offcanvas menu */
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {font-size:2rem;margin-bottom:25px;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
	font-size: 22px;
    font-weight: 700;
    padding-bottom: 10px;
}
.offcanvas-menu .offcanvas-inner .sp-module .current.active a {color:#ab7442;}

/* Footermenu */
#sp-footer {font-size:inherit;}
#sp-footer a {color:#ffffff;}
#sp-footer a:hover, #sp-footer .current.active a {color:#ab7442;}
#sp-footer .container-inner {border:none;}
#sp-footer ul.menu li {display:block;}
.footer-menu ul {padding-left:0;}
.footer-menu li {list-style:none;margin-bottom: 5px;}



/* QR-code Elite */
/* Change helper.php for this */
.qr-title {color:#5e3813;padding-top:20px;padding-bottom:14px;}

/* RSForms */
.rsform .formContainer .formControls {
    width: 100%;
}
.rsform  .formControls input.rsform-input-box.form-control {width:100%;}
.formContainer .form-group.rsform-block {margin-bottom:20px;}
.rsform  .rsform-block.rsform-block-header {margin-bottom:15px;}

.rsform  .formContainer .rsform-block-checkbox-privacy .formControls {width:90%;display:inline-block;float:right;}
.rsform-block-checkbox-privacy .formControls .checkbox-inline {top:35px;left:10px;}
@media screen and (min-width: 526px) {
	.rsform-block-checkbox-privacy .formControls .checkbox-inline {top:25px;}
}
@media screen and (min-width: 728px) {
	.rsform-block-checkbox-privacy .formControls .checkbox-inline {top:12px;}
}
.rsform .btn {margin-bottom:10px;}

.rsform-block-checkbox-privacy .control-label {width:30px;}
.rsform-block-checkbox-privacy .checkbox-inline .rsform-checkbox {margin-right:10px;}
@media screen and (min-width: 768px) {
	.rsform  .formContainer .rsform-block-checkbox-privacy .formControls {width:95%;}
}