/*
Theme Name: Koekenbier
Author: Cyril Bath, BatArtworks
Author URI: http://www.BatArtworks.com
Description: First official BatArtworks template
*/
@charset "UTF-8";
/* CSS Document */

*::-moz-placeholder {
    color: #999;
    display: inline-block;
    font-weight: 300;
    opacity: 1;
}

html, body {
    color: #6b635d;
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
	font-weight: 300;
	margin: 0;
	word-wrap: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;	
}
a { color: #ffac2f; text-decoration: underline; }

a:hover {
    color: #fcbb58;
}

p {margin: 0 0 0.5em;
line-height: 26px;
}

img {
    border-style: none;
    height: auto;
    width: 100%;
    vertical-align: top;
	transition: scale3d(1.1, 1.1, 1);
}

ul li, ol li { list-style-position: outside; list-style-image: none; list-style-type: none; }

h1, h2, h3, h4 {
    color: #1a364a;
}
h1, .heading1 {
    font-size: 3rem;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 0.5em;
    padding: 0;
}
h2, .heading2 {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 0.4em;
    padding: 0;
}

h3, .heading3 {
    font-size: 2rem;
    font-weight: 400;
    line-height: 32px;
    margin: 0 0 0.3em;
    padding: 0;
}

h4, .heading4 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 32px;
    margin: 0 0 0.2em;
    padding: 0;
}

.highlight3 { color: #f58220; font-family: 'Dancing Script', cursive; }
.highlight3_white { color: #FFF; font-family: 'Dancing Script', cursive; }





/* HEADER /////////////////////////////////////////// */
.container_center {
    padding: 0 40px;
}
.container_center { margin: 0 auto; max-width: 1120px; padding: 0; position: relative;
		
	padding: 0 20px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.desktop_top_nav .toplinks #logo {
    float: left;
    height: 50px;
    margin: -8px 0 0;
}
.desktop_top_nav .toplinks #logo a, img.batartworks_logo {
    height: 65px;
    margin: 10px  0 25px 0;
    border: medium none;
    width: 305px;
	}
img.social_logo {
    border: medium none;
    float: left;
    margin: 10px 15px 0 0;
    width: 60px;
}


.toplinks_right {
    text-align: center;
	padding: 2px;
}

.desktop_top_nav .toplinks .account_options {
    color: #f58220;
    font-size: 15px;
}
/*.desktop_top_nav .toplinks .account_options .top_link {
    float: left;
    margin: -4px -6px -4px 14px;
    padding: 4px 6px;
    position: relative;
}
.desktop_top_nav .toplinks .account_options a::before {
     background: #999 none repeat scroll 0 0;
    content: " ";
    display: block;
    height: 14px;
    left: -4px;
    position: absolute;
    top: 10px;
    width: 1px;
}
.desktop_top_nav .toplinks .account_options .top_link {
    float: left;
    margin: -4px -6px -4px 14px;
    padding: 4px 6px;
    position: relative;
}
.desktop_top_nav .toplinks .account_options a {
    color: #999;
    display: inline-block;
    text-decoration: none;
}*/
#logo{    text-align: center;
}





/* NAV /////////////////////////////////////////// */
.desktop_top_nav { padding-top: 0px; background-color: #242220; }
.desktop_top_nav .toplinks {
    background-color: #000;
}
.desktop_top_nav nav {
    background: #1a364a none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    clear: both;
    height: 40px;
    position: relative;
    z-index: 999;
}
.desktop_top_nav nav .nav_center { margin: 0 auto; max-width: 1140px; padding: 0 8px; position: static; }
.desktop_top_nav nav #navigatie {
    display: table;
    margin: 0;
    padding: 0;
    position: static;
    width: 100%;
}
.menu-menu-1-container{
text-align: center;
background-color: #1a364a;
}	



/*

.nav ul li.spacer {
    display: table-cell;
    margin: 0;
    padding: 0;
    width: 20%;
}
.spacer {
    display: table-cell;
    margin: 0;
    padding: 0;
    width: 20%;
}



nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}
	
nav ul {
    border-radius: 10px;
    display: inline-table;
    list-style: outside none none;
    margin: 0;
    padding: 0px;
    position: relative;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}
	
nav ul li {
	float: left;
}
	nav ul li:hover {
			color: #ffac2f;
	
	}
		nav ul li:hover a {
			color: #fff;
		}
	
	nav ul li a { display: block; padding: 5px 15px; color: #72a0c0; text-decoration: none; text-transform: uppercase; }
	
nav ul ul { border-radius: 0px; padding: 0; position: absolute; top: 100%; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);}
	nav ul ul li {
		float: none; 
		position: relative;
	}
	
		nav ul ul li a {
		font-size: 15px;
		padding: 5px 15px;
		width: 250px;
		background: #72a0c0;
		color: #1a364a; 		
		}	
			nav ul ul li a {
				background: #81aac8;
				color: #1a364a !important;
			}			

			nav ul ul li a:hover {
				background: #91bbd9;
				color: #1a364a;
			}			
			.sub-menu ul:hover {
				background: #91bbd9;
				color: #1a364a;
			}	
				nav ul ul ul {
					margin: -20px 0 0 275px;
				}	
				
				nav ul ul ul li a:hover {
					background: #f1f1f1;
					color: #000;
				}
				
			
				
					
/* HOMEPAGE HEADER-CONTENT /////////////////////////////////////////// */


#banner_container {
    overflow: hidden;
}

/* banner HOMEPAGE HEADER-CONTENT */

.kaderbanner_img{
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4)
}
.kaderbanner_img .type_kader.bg_img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    background-image: url("../images/header-image.jpg");
    height: 300px;
    padding-top: 50px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	}
.kaderbanner {
    width: 545px;
}
.type_kader {
    position: relative;
}
.type_kader h2 { color: #FFF; font-weight: 100; }

/* buttons HOMEPAGE HEADER-CONTENT */

.domainchecker .button_holder {
    display: table-cell;
    vertical-align: top;
}
.button_holder {
    margin-top: 15px;
}
.button_holder {
    overflow: hidden;
}

.block-index-product .product-content .btn {
    padding-left: 50px;
    padding-right: 50px;
}
.btn {
    -moz-user-select: none;
    background-image: none;
    border: 0 none transparent;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-small {
    -moz-user-select: none;
    background-image: none;
    border: 0 none transparent;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.btn-action {
    padding: 11px 25px;
}
.btn-orange {
    background-color: #ffac2f;
    border-color: #ffac2f;
    color: #fff;
	text-decoration: none;
}
.btn-orange:hover {
    background-color: #fcbb58 !important;
    border-color: #fcbb58 !important;
    color: #fff;
}
.btn-green {
    background-color: #7c9e19;
    border-color: #7c9e19;
    color: #fff;
}
.btn-green:hover {
    background-color: #8eb124;
    border-color: #8eb124;
	color: #fff;
}

.btn-width{ width: 100%; 	}



/* content HOMEPAGE HEADER-CONTENT */

.content_desktop {
    background: #f0f1f2 none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    clear: both;
    z-index: 999;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.news_desktop { background-color: #FFF; border: 1px solid #7c9e19; margin: 15px 0; padding: 15px; color: #7c9e19; }
.news_text_desktop { float: left; width: 90%; }


.banner {
    padding: 0 0 42px;
}
.banner, .bannerset_intro {
    box-sizing: border-box;
    position: relative;
}

.producttable_container .swiper-wrapper {
    display: table;
    height: auto !important;
    width: 100%;
}

.producttable_container .product_block {
    width: 25%;
}
.producttable_container .product_block {
    box-sizing: border-box;
    display: table-cell;
    height: 100% !important;
    position: relative;
    vertical-align: top;
}
.block-normal { 
    display: table-cell;
    padding: 0px 10px 20px 10px;
    text-align: center;
    width: 25%;
}

.text-left { 
    text-align: left;
}

.block-special { 
    background-color: #f26d32;
    margin: 0 10px 0 0;
    padding: 3px;
    text-align: center;
}


.responsiveProductsTable.col_default_purple .product_block .product_block_content, .responsiveProductsTableMoreProducts.col_default_purple .product_block .product_block_content {
    border-color: #482366;
}
.producttable_container .product_block .product_block_content {
    width: auto;
}
.producttable_container .product_block .product_block_content {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
	text-align: center;
}
.producttable_container_white .product_block_white .product_block_content_white {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
	text-align: center;
}
.producttable_container .product_block .block_padding {
    padding: 12px 20px;
}
.block_padding_menu {
    padding: 0px 20px;
}

.intro_block { }
.intro_block, .highlight { color: #FFF; text-transform: uppercase; }
.intro_block, .text { color: #333333; text-transform: none; line-height: normal; }

.intro_block_menu, .text { color: #fff; text-transform: none; line-height: normal; }
.specs_block_menu, .text {     color: #fff;
    line-height: normal;
    text-align: left; }

.price_block {background: #333333 none repeat scroll 0 0; color: #fff;}
.price_block H3 {color: #fff;}
.price_block .text {color: #fff;}

.button_product, .button_product:active, .button_product:focus { -moz-user-select: none; cursor: pointer; display: block; font-weight: 400; letter-spacing: 1px; outline: medium none; position: relative; white-space: nowrap; width: auto; background-color: #ffac2f; border: 2px solid #ffac2f; text-align: center; }

.specs_block ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}





.content_highlight_desktop {
    background-image: url("../images/chalk-board01.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    clear: both;
    padding: 30px 0;
    z-index: 999;
					
}

.content_basis_desktop {
    background: #fff none repeat scroll 0 0;
    clear: both;
    padding: 30px 0;
/*position: relative;*/
    text-align: center;
    z-index: 999;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}



/* CONTENT/////////////////////////////////////////// */
.content {
    background: #fff none repeat scroll 0 0;
    clear: both;
    padding: 30px 0;
    z-index: 999;
}
.text_left {
    text-align: left;
}
/* CONTENT/////////////////////////////////////////// */

.left {
    float: left;
}
.right {
    float: right;
}

/* POST/////////////////////////////////////////// */
.thePost {
    margin-bottom: 20px;
}

/* GRID/////////////////////////////////////////// */
.grid_6 { width: 6,25%; float: left; }
.grid_12 {width: 12,5%; float: left; }
.grid_25 {width: 25%; float: left; }
.grid_33 {width: 31%; float: left; }
.grid_50 {width: 48%;}
.grid_66 {width: 60%; float: left; }



/* WIDGET/////////////////////////////////////////// */
.widget-area {
    margin-top: 20px;
}



/* MENUCARD/////////////////////////////////////////// */

ul.menu-items.links {
    float: left;
    margin-right: 60px;
}
ul.menu-items.rechts {
    margin-right: 0;
    float: right;
}
ul.menu-items {
    list-style: none;
    width: 439px;
    margin: 0 0 20px 0;
    padding: 8px 0 0;			
}
/*ul.menu-items li:not(:first-child):not(:last-child) {
    border-bottom: 1px dotted #bdb7a4;
}*/
ul.menu-items li {
    margin-bottom: 25px;
    padding: 0 10px 10px;
}
.title {
    margin-bottom: 15px;
}
.title {
    background: url(http://www.eetcafegroothuis.nl/images/bg4.png) repeat-x center center;
    text-align: center;
    margin-bottom: 25px;
}
.title h4 {
    font-size: 1.5rem;
    color: #595448;
    font-weight: normal;
    display: inline-block;
    padding: 0 30px;
    background: url(../images/bg2.png) repeat;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}


.grid2column {
    width: 76%;
    float: left;
    margin-right: 3%;
	    font-family: arial;
    font-size: 14px;
	    text-align: left;

}
.lastcolumn {
    text-align: right;
    width: 15%;
    margin-right: 15px;
    float: right;
}


/* FOOTER/////////////////////////////////////////// */
.footer_desktop {
    display: table;
    width: 100%;
}
.footer_desktop {
    background-color: #cecbc8;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    padding: 26px 0 0;
}
.footer_desktop {
    padding-bottom: 20px;
    width: 100%;
}
.footer__col {
    float: left;
	color: #6b635d;
	margin: 0px 10px 30px 0px;
}
.footer__header h4, h4.widget-title  {
    color: #4b4136;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 32px;
    margin: 0 0 0.2em;
    padding: 0;				
}
.container.footer ul, .footer__col ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.footer__ul, .footer__ul li a, .footer__col ul li a {
    font-size: 14px;
	color: #6b635d;
    font-weight: normal;
    line-height: 22px;
    white-space: normal;
	padding: 0;
	text-decoration: none;
	margin-top: 0;		
}
.footer__ul li a:hover, .footer__col ul li a:hover {
	text-decoration: underline;
    color: #333333;
}
.container.footer a {
    color: #333333;
    font-weight: 200;
}
.underfooter_desktop {
    background-color: #333333;
    color: #fff;
    font-size: 12px;
    margin: 0;
    padding: 10px 0;
}
.underfooter_desktop a {
    color: #fff;
}
.underfooter_desktop a:hover {
    color: #fff;
}


/* CONTACT FORM/////////////////////////////////////////// */

.wpcf7-form-control{
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 16px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 95%;
}
.wpcf7-submit{
    -moz-user-select: none;
    background-image: none;
    border: 0 none transparent;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	
    background-color: #ffac2f;
    border-color: #ffac2f;
    color: #fff;
	text-decoration: none;
}

.wpcf7-submit:hover {
    background-color: #fcbb58 !important;
    border-color: #fcbb58 !important;
    color: #fff;
}

/* PORTFOLIO/////////////////////////////////////////// */

#gallery-1 .gallery-item {
    margin: 5px !important;
    width: 24% !important;
}
#gallery-1 img {
    border: 0 solid #cfcfcf !important;
}