/*
Theme Name: WD Theme
Theme URI: http://www.websitedelivery.nl
Description: Website delivery | WordPress webdesign & Grafische vormgeving
Version: 1.0
Author: Alexander van der Kamp
Author URI: http://www.websitedelivery.nl
*/


@media only screen and (max-width: 1200px) { 
	*{
		-webkit-text-size-adjust: 100%;
	}
	select{
		-moz-appearance: menulist;
	}
	input,
	input[type="text"], 
	input[type="email"], 
	input[type="tel"],
	input[type="submit"],
	input[type="search"],
	textarea{
		font-family: 'Roboto', sans-serif;
	}
}



@media only screen and (max-width: 1060px) { 
	main, .inner{
		width: 94%;
		padding-left: 3%;
		padding-right: 3%;
	}
	header .winkelwagen,
	header .header-text,
	header .search-form{
		right: 3%;
	}
	header .font-resizer{
		right: 200px;
	}
	nav ul{
		margin-right: 75px;
	}
	aside a.button, aside a.ghost-button{
		display: block;
		text-align: center;
	}
	aside iframe{
		width: 100%;
		height: auto;
	}
}




@media only screen and (max-width: 1000px) { 
	header .logo{
		height: auto;
		width: 160px;
	}	
	header .logo img{
		height: auto;
		width: 100%;
	}
	header .header-text{
		top: 27px;
	}
	nav ul{
		height: 45px;
		line-height: 45px;
	}
	nav ul li{
		margin: 0 20px 0 0;
	}
	nav ul li a{
		font-size: 18px;
	}
	nav ul ul{
		top: 45px;
	}
	header .search-form{
		top: 66px;
	}
	main{
		margin: 50px auto 60px;
	}
	span.rights{
		display: none;
	}
	header .header-text{
		font-size: 20px;
	}
}



@media only screen and (max-width: 900px) { 
	nav ul li:first-of-type{
		display: none;
	}
	nav ul ul li:first-of-type{
		display: block;
	}
}



@media only screen and (max-width: 850px) { 
	nav ul li{
		margin: 0 15px 0 0;
	}
	nav ul li a{
		font-size: 17px;
	}
}



@media only screen and (max-width: 800px) { 
	footer .block:nth-child(3){
		display: none;
	}
	footer .block{
		width: 31%;
		margin-right: 3.5%;
	}
	.copyright .inner{
		padding: 15px 0;
		line-height: 24px;
	}
	.copyright .left,
	.copyright .right{
		width: 100%;
		float: left;
		text-align: left;
	}
	footer .footer-text{
		right: 40px;
	}
	section{
		width: 100%;
	}
	aside{
		display: none;
	}
	nav ul li a{
		font-size: 16px;
	}
}



@media only screen and (max-width: 768px) { 
	.woocommerce ul.products li.product{
		width: 48% !important;
		margin-right: 0 !important;
	}
	.yith_magnifier_mousetrap,
	.yith_magnifier_zoom_magnifier{
		display: none !important;
	}
	.woocommerce-cart table.cart td.product-price, 
	.woocommerce-cart table.cart th.product-price,
	.woocommerce-cart table.cart td.product-quantity, 
	.woocommerce-cart table.cart th.product-quantity{
		display: none;
	}
	h3#ship-to-different-address{
		margin-top: 40px;
	}
	.woocommerce table.shop_table_responsive tr td::before{
		content: "";
	}
	.woocommerce-order-received .addresses .col-2{
		margin-top: 20px !important;
	}
	.woocommerce-order-received .order_details li{
		margin-bottom: 15px;
	}
	.single-product .variations td.value{
		padding-bottom: 15px !important;
	}
}




@media only screen and (max-width: 750px) { 
	#click-menu{
		width: 190px;
		padding: 0;
		top: 111px;
		right: 10%;
		z-index: 10;
	}
	#click-menu #RM3Lines{
		float: right;
	}
	#click-menu-label{
		float: left;
		text-align: right;
		line-height: 20px;
	}
	#responsive-menu{
		z-index: 10000;
		box-shadow: none;
	}
	#responsive-menu ul.sub-menu li a{
		font-size: 15px !important;
		padding: 6px 0 6px 12% !important;
		width: 88% !important;
	}
	header .font-resizer{
		right: 195px;
	}
	.woocommerce-message{
		display: none;
	}
}	


@media only screen and (max-width: 650px) {
	footer .footer-text{
		display: none;
	}
	footer{
		border-top: 0;
	}
	footer .inner{
		padding: 40px 0;
	}
	header .header-text{
		font-size: 18px;
	}
}



@media only screen and (max-width: 600px) {
	input[type="text"], 
	input[type="email"], 
	input[type="tel"], 
	textarea{
		width: 90%;
		padding: 12px 5%;
	}
	input[type="submit"]{
		padding: 12px 5%;
	}
	footer .block:nth-child(1){
		display: none;
	}
	footer .block{
		width: 42%;
		margin: 0 4% !important;
		text-align: center;
	}
	footer ul li::before{
		display: none;
	}
	.copyright .left,
	.copyright .right,
	footer ul.social-icons{
		text-align: center;
	}
	footer ul.social-icons li{
		float: none;
		display: inline;
		margin-right: 2px;
	}
	header .header-text{
		display: none;
	}
	header{
		padding: 25px 0 15px;
	}
	header .logo{
		width: 140px;
	}
	header .font-resizer,
	header .winkelwagen{
		top: -26px;
	}
	header .font-resizer{
		right: 190px;
	}
	header .search-form{
		top: 51px;
	}
	#click-menu{
		top: 87px;
		right: 11%;
	}
}




@media only screen and (max-width: 500px) {
	#click-menu{
		right: 12%;
	}
}



@media only screen and (max-width: 400px) {
	body{
		font-size: 15px;
		line-height: 26px;
	}
	#click-menu{
		width: auto;
		right: 4%;
	}
	header .winkelwagen{
		right: 4%;
	}
	#click-menu-label{
		display: none;
	}
	#responsive-menu{
		width: 70%;
	}
	header .search-form{
		right: 50px;
	}
	main, .inner{
		width: 92%;
		padding-left: 4%;
		padding-right: 4%;
	}
	footer .block:last-of-type{
		display: none;
	}
	footer .block{
		width: 92%;
	}
	.copyright .inner,
	.copyright .inner a{
		font-size: 14px;
		line-height: 22px;
	}
	header .font-resizer{
		display: none;
	}
	header .search-form{
		top: 53px;
	}
	h1, h2, h3, h4{
		line-height: 100%;
	}
	h1{
		font-size: 28px;
		margin-bottom: 10px;
	}
	h2{
		font-size: 24px;
		margin-bottom: 8px;
	}
	h3{
		font-size: 22px;
		margin-bottom: 6px;
	}
	main{
		margin: 50px auto;
	}
	.woocommerce div.product .woocommerce-tabs .panel{
		margin-bottom: 0;
	}
	input[name=update_cart]{
		width: 100% !important;
	}
	img.alignright{
		max-width: 50%;
		height: auto;
	}
	main ul.opsomming{
		margin-top: 10px !important;
	}
	main ul.opsomming li .image,
	main ul.opsomming li .content{
		width: 100%;
	}
	header .winkelwagen a{
		font-size: 14px;
	}
	#tab-description .alignright{
		float: left;
		margin: 0;
	}
	#tab-description iframe{
		width: 100%;
	}
}