/*
Theme Name: Arnolds Motorshop
Theme URL: https://smeckdesigns.com
Author: Smeckdesigns.com
Author URL: https://smeckdesigns.com

*/


/* HTML5 Reset
---------------------------------------------------------------------------- */

/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
---------------------------------------------------------------------------- */
/* stylelint-disable */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
.genesis-skip-link {display:none}
/* stylelint-enable */



/*basic*/

html {
font-size: 62.5%;
	scroll-behavior: smooth;
	overflow-x:hidden;
}

a, div, span, button, input, p, article, tr, td, section, h1, h2, h3, h4, h5, img, :after, :before, header, li {transition:0.3s ease all !important}

body {
	margin:0;
	font-size: 18px;
	font-size: 1.8rem;
	overflow-x:hidden;
	font-family:'Open Sans';
}

:root {
	--zwart: #3C424F;
  	--wit: #ffffff;
	--groen: #4CAF50;
}


::selection {background-color:var(--groen);color:white}
h1, h2 {    
	font-size: 4.6rem;
    line-height: 50px;
	font-weight:700;
	margin-top:0;
	margin-bottom:1rem;
	width:100%;

}
h3{font-size:3.6rem;width:100%;margin-bottom:1rem;line-height:1.2}

a {text-decoration:none;cursor:pointer;color:var(--groen)}
button {cursor:pointer}
strong {color:var(--groen)}
.teamfoto strong {color:white}
.btn {
    color: white;
    background: var(--groen);
    padding: 10px 25px;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 24px;
	border:2px solid var(--groen);
	box-shadow:none;
}
.btn:hover {color:var(--groen);background:white;box-shadow:3px 3px 10px #00000033}
.site-inner {max-width:100%;overflow: hidden;}

p {margin:0 0 1.2rem;line-height:1.75}
ul {padding:0;margin-left:20px;width:100%}
li {line-height:2;}


@keyframes fadein {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}

}

/* Site Container
--------------------------------------------- */

.site-container {
	animation: fadein 1s;
	word-wrap: break-word;
}



/* Site Inner
--------------------------------------------- */

.site-inner {
	clear: both;
	margin: 0 auto;
	padding: 0px;
    width: 100%;
    max-width: 1280px;
}

.wrapper {
	width:100%;
	max-width:1280px;
	padding:0 25px;
	margin: 0 auto;
}

.elementor {margin-top: 100px;}

/* Site Header
---------------------------------------------------------------------------- */

.header {
    width: 100%;
    height: 100px;
    display: flex;
    flex-wrap: wrap;
	background: #ffffffcc;
    box-shadow: 0 0px 15px #33333333;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
	z-index:9;
}
.admin-bar .header{top:32px}
.header-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 75px;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
	align-items: center;
}
.hidden {transform: translateY(-100%);   }

.header-top {
    width: 100%;
	height: 20px;
    background: #3C424Ffe;
	padding:5px 0;
    color: white;
}
.header-top-wrap {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    text-align: right;
	font-size:12px
}
.header-top a {
    color: white;
    padding: 0 15px;
}

.custom-logo {
    max-width: 120px !important;
    height: auto !important;
}

#mega-menu-header-menu img {
    height: 200px !important;
    width: 200px !important;
    object-fit: contain;
}

.side-wa {
    position: fixed;
    right: -10px;
    top: 50vh;
    font-size: 4rem;
    z-index: 9;
    background: var(--groen);
    padding: 10px;
    border-radius: 25px 0 0 25px;
	box-shadow:none
}
.side-wa:hover{right:0;box-shadow:3px 3px 10px #00000066}
.side-wa a{color:white;}

.error-404 {margin-top:100px;padding:25px;width: calc(100% - 50px);}

/* Title Area
--------------------------------------------- */



/* Homepage ------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------- */


/* Overige pagina's ------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------- */
.gallerij .gallery-item img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100%;
}


/* FORMS  ------------------------------------------------------------------
------------------ */

form span {
    width: calc(50% - 30px);
    display: block;
}
form p {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.home form p span:last-child {
    width: 100%;
}
form input, form textarea {
	padding:10px;
	border-radius:0;
	border:2px solid white;
	width:100%;
}
form select {width:100%; border:2px solid var(--groen);padding:10px 5px;}
form textarea {width:calc(100% - 30px)}
form .dataform p {gap:0; color:white;}
form .dataform span {width: calc(100% - 30px);}
form .dataform select {
    width: 100%;
    padding: 10px 5px;
    border: none;
    border-radius: 0;
}

input.wpcf7-not-valid, select.wpcf7-not-valid {border-color:red;}
input[type=submit] {
    color: var(--groen);
    background: white;
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 50px;
    border: 2px solid white;
    box-shadow: none;
    cursor: pointer;
	width:auto;
}
input[type=submit]:hover {
    color: white;
    background: var(--groen);
    box-shadow: 3px 3px 10px #00000033;
}


/* FOOTER ------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------- */

footer {
	padding:25px;
	margin-top:50px;
	border-top:15px solid var(--groen);
	background-color:#3C424F;
	color:white;	
}
footer a {color:white;}
footer .wrapper {
    display: flex;
    flex-wrap: wrap;
}
footer .widget {
    list-style: none;
    width: 25%;
}
#text-3 p br {display: none;}
#text-3 p a {padding-left: 25px;display:block;position:relative}
li#text-3 .textwidget p a:before {
    display: block;
    font-family: 'FontAwesome';
    position: absolute;
	left:0;
}
 a.wa:before {content: "\f232";}
 a.foon:before {content: "\f095";}
 a.map:before {content: "\f3c5";}
 a.mail:before {content: "\f1d8";}

/* WOOCOMMERCE ------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------- */

.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {background-color:var(--groen);}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {color:var(--groen);}
.woocommerce-breadcrumb {display:none}
/* Archive page */

.woocommerce-result-count, .woocommerce-ordering {display:none} 

.woocommerce #primary {
	padding-top:50px;
}
.woocommerce-wrapper {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
	display:flex;
	flex-wrap:wrap;
	gap:50px;
}
.omschrijving {
    margin-top: 100px;
    position: relative;
	text-align:center;
    background: var(--groen);
    color: white;
	padding:25px;
}
.omschrijving p {line-height: 2.4rem;}
.sidebar {
    float: left;
    width: 200px;
	overflow:hidden;
}
.sidebar.active {max-height:750px}
.filter-tonen.active i {transform: rotate(180deg);}
#woocommerce_product_search-2 h3 {margin-top: 0;}
.producten-overzicht {
    float: right;
    width: calc(100% - 250px);
}

.woocommerce-products-header, .product_meta {display:none}
.widget.woocommerce {list-style: none;}
.woocommerce ul.products li.product a img {
    padding: 0 10px;
    width: calc(100% - 20px);
}
h2.woocommerce-loop-product__title {
    line-height: 1;
    height: 35px;
}

h3.widget-title {font-size: 2rem;margin:0;}
ul.product-categories {margin: 0 0 0 25px;}
input#woocommerce-product-search-field-0 { border: 2px solid var(--groen);}
li.cat-item {list-style: none;}
.price_slider_amount {
    display: flex;
    flex-wrap: wrap;
}
.sidebar a {color:var(--zwart);}
.sidebar a:hover {color:var(--groen);}
.woocommerce ul.woocommerce-widget-layered-nav-list {padding-left: 25px;}
.woocommerce-widget-layered-nav-list__item { line-height: 1.2;}
li.cat-item {
    line-height: 1.2;
}
.price_slider_wrapper {padding-top: 15px;}
.woocommerce .widget_price_filter .ui-slider-horizontal {height:1px;}
form .price_label {
    width: 100%;
    display: flex;
	order:2;
}
.price_slider_amount .button {order:3}


li.product {text-align: center; box-shadow: none}
li.product:hover { box-shadow: 3px 3px 10px #00000033;}
h1.category-title {font-weight: 500;}
h2.woocommerce-loop-product__title {
    color: var(--zwart);
    font-weight: 600;
}
a.product_type_variable {display: none !important;}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {color:var(--groen);font-weight:600}

.sidebar button, .sidebar button.button {
    border: 2px solid var(--groen);
	border-radius:0;
    background: var(--groen);
    color: white;
    padding: 5px 15px;
    margin-top: 5px;
    font-weight: 700;
    width: 100%;
}
.sidebar button:hover, .sidebar button.button:hover {
	background:white;
	color:var(--groen);
}

.woocommerce nav.woocommerce-pagination ul {
    text-align: center;
    justify-content: center;
    display: flex;
    border: none;
}
.woocommerce nav.woocommerce-pagination ul li {border: none;}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {background:var(--groen);color:white}

/* ====== Product page ============ */

.single-product #primary {
    margin-top: 50px;
}
.summary.entry-summary {
    margin-top: 50px;
}
.product {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}
.woocommerce-product-details__short-description {padding-bottom:25px}
.woocommerce div.product form.cart .variations .label {
    font-weight: 700;
    text-align: left;
    color: var(--groen);
    font-size: 2.4rem;
}
.woocommerce .variations select {
    padding: 10px;
    border: 2px solid var(--groen);
    font-size: 1.8rem;
}

.aanvragen {
    display: flex;
    flex-wrap: wrap;
    margin: 25px 0;
}

.woocommerce-Tabs-panel h2, .woocommerce-Tabs-panel h3 {font-size:2.4rem}
.woocommerce div.product .woocommerce-tabs ul.tabs li {color:#B8B8B8;background:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {color:var(--zwart);}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {color:#B8B8B8}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {color:var(--zwart);}
li#tab-title-description {
    border: none;
    border-right: 1px solid var(--zwart);
	border-radius:0;
	font-size:3rem;
}
li#tab-title-additional_information {
	border-radius:0;
    border: none;
	font-size:3rem;
}

.pum h3 {font-size:2.4rem;}
.pum form p {
    display: block;
}
.pum form span, .pum form span:last-child {
    width: 100% !important;
}
.pum form textarea {width:100%;}
.pum input, .pum textarea {
	border-color:var(--groen);
}

.pum input[type=submit]:hover {
    color: var(--groen);
    background: white;
    box-shadow: 3px 3px 10px #00000033;
}
.pum input[type=submit] {
    color: white;
    background: var(--groen);
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 25px;
    border: 2px solid var(--groen);
    box-shadow: none;
    cursor: pointer;
}

/* RESPONSIVE 
 * --------------------------------------------- */

.mob {display:none !important}

@media (max-width:1400px){

}

@media (min-width:1240px) {
	
}



@media (max-width:1280px){
	
}

@media (min-width:768px) and (max-width:1024px) {
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
		padding: 0 10px;
		font-size: 1.6rem;
	}

	.aanvragen a {
		width: 100%;
		margin-bottom: 15px;
	}
	.woocommerce div.product .woocommerce-tabs .panel {padding:0 25px;}
	footer .widget {width:50%;margin-bottom:25px;}
	.content-wit {width:50%;}
	
}

@media (max-width:960px){
	
}

@media (max-width:768px)
{
	.mob {display:inherit !important;}
	.desktop {display:none !important}
	.side-wa {display:none}
	.mega-menu-description {display:none !important}
	.pum br { display: none;}
	.wpcf7-spinner {display:none}
	.elementor {margin-top: 75px;}
	.wrapper {
        width: 100%;
        margin: 0;
        padding: 0;
    }
	.header.mob {
		max-width: calc(100vw - 30px);
        padding: 0 15px;
        background: var(--groen);
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
		height:75px
	}  
	.mob-btns a {
		color: white;
		font-size: 3rem;
		padding: 0 5px;
	}
	.btn {
		width: 100%;
		margin-bottom: 15px;
		margin-right:0;
		text-align:center;
	}
	form span, form input, form textarea  {width:100% !important;margin-bottom: 5px;}
	form p {gap:0;}
	footer .widget {
        width: calc(100% - 30px);
        margin-bottom: 25px;
    }
	.hidden {transform: translateY(-100%);   }
	
	/* WOOCOMMERCE */
	
	.omschrijving {margin-top:60px}
	.category-description {display:none}
	.woocommerce #primary {padding:50px 25px 0}
	.woocommerce-wrapper {gap:15px;}
	.sidebar {width: 100%;max-height:0	}
	span.ui-slider-handle.ui-corner-all.ui-state-default {width: 1em !important;}
	ul.woocommerce-widget-layered-nav-list {width: calc(100% - 25px);}
	.producten-overzicht {
		float: none;
		width: 100%;
	}
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {margin-bottom:1em !important}
	h1.product_title.entry-title {font-size: 3rem !important;}
	.woocommerce div.product .woocommerce-tabs ul.tabs {margin:0;padding:0}
	li#tab-title-description, li#tab-title-additional_information {
		width: 100%;
		text-align: center;
		margin: 0;
		padding: 0;
		font-size:2.4rem;
	}
	li#tab-title-description a, li#tab-title-additional_information a{padding:0;margin:0;}
	.woocommerce-Tabs-panel h2, .woocommerce-Tabs-panel h3 {
		text-align: center;
		color: var(--groen);
	}
	

	
}
@media (max-width: 600px) {
	

}


@media (max-width:480px){
	
	
}