/*!
Theme Name: Het Hooghe Land
Text Domain: het-hooghe-land
Theme URI: http://www.hethoogheland.nl
Version: 1.0
Description: WordPress thema voor Het Hooghe Land.
Author: 101Media
Author URI: http://www.101media.nl
Tags: 101Media
*/
/* CSS Mini Reset */

html, body, div, form, fieldset, legend, label
{
 margin: 0;
 padding: 0; 
}

table
{
 border-collapse: collapse;
 border-spacing: 0;
}

th, td
{
 text-align: left;
 vertical-align: top;
}

h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }

img { border: 0; }

/* End Reset */

/* General CSS */

body.custom-background {
    background-size: cover;
}

body {
    background-repeat: no-repeat !important;
    background-color: #2a1f18 !important;
}

p {
    font-size: 13px;
    font-family: "Merriweather", serif;
    color: rgb(255, 255, 255);
    line-height: 23px;
}

a {
    font-size: 13px;
    font-family: "Merriweather";
    color: #a98b69;
    line-height: 23px;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

table:first-of-type tr td:first-of-type {
    width: 30%;
}

table tr td {
    font-size: 13px;
    font-family: "Merriweather", serif;
    color: rgb(255, 255, 255);
    line-height: 23px;
}

table tr td h4 {
    margin-top: 20px;
}

.doublecolumn {
	min-height:290px;
}

.doublecolumn ul {
    margin-top: 40px;
}

.doublecolumn ul li {
    margin-bottom: 8px;
}

.doublecolumn ul li a {
    line-height: 27px;
}

.doublecolumn ul li img {
    float: left;
    margin-right: 8px;
}

h1 {
    font-size: 44px;
    font-family: "Vidaloka";
    color: rgb(169, 139, 105);
    margin: 0 0 20px 0;
}

.home h1 {
	margin:0 0 -5px 0;
}

h2 {
    font-size: 24px;
    font-family: "Vidaloka";
    color: #a98b69;
    line-height: normal;
	margin:0 0 20px 0;
}

h3 {
    font-size: 22px;
    line-height: 18px;
    font-family: "Vidaloka";
    color: white;
    margin: 0 0 20px 0;
}

h4 {
    font-size: 15px;
    font-family: "Merriweather";
    color: rgb(169, 139, 105);
    line-height: 23px;
}

p {
	margin:0 0 15px 0;
}

.wrapper {
    width: 928px;
    margin-left: auto;
    margin-right: auto;
}

/* Header */

#header .logo {
    margin-top: 67px;
    margin-bottom: 53px;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

/* Main */

.column {
    width: 50%;
    float: left;
    align-items: stretch;
    box-sizing: border-box;
}

.column .row {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.doublecolumn {
    float: left;
    padding: 20px 0px 32px 32px;
}

.column.menu {
    background: #a98b69;
    padding: 32px;
}

.column.contactgegevens {
    background: #443527;
    padding: 32px 30px 32px 30px;
}

.column.menu ul li a {
    font-family: "Times New Roman", serif;
    font-size: 12px;
    line-height: 22px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
}

.column.menu ul li.current-menu-item a {
    color: #443527;
}

.column.menu ul li a:hover {
    color: #443527;
}

.column.contactgegevens ul li span, .column.contactgegevens ul li span a {
    font-family: "Times New Roman", serif;
    font-size: 12px;
    line-height: 17px;
    color: #726559;
    text-decoration: none;
    text-transform: uppercase;
}

.column.contactgegevens ul li span a:hover {
    text-decoration: underline;
}

.imageblock img {
    width: 100%;
}

.column.stoel {
    background: url("images/beeldscherm2.jpg");
    background-size: cover;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

/* Footer */

#footer {
    margin-top: 45px;
    margin-bottom: 45px;
    float: left;
    width: 100%;
}

#footer .wrapper {
    text-align: center;
}

#footer .wrapper span {
    font-size: 11px;
    font-family: "Merriweather";
    color: #605347;
    font-style: italic;
    line-height: 24px;
}

.hide {
	display:none;
}
.show {
	display:table;
}

#map_canvas { height: 330px; }

@media all and (max-width: 930px) {
	
	.hide {
		display:table;
	}
	.show {
		display:none;
	}
	
    #header .logo {
		margin:30px auto 30px;
	}
	#header .logo a img {
        width: 80%;
        margin: 0px auto;
        display: block;
    }
	
	.menu h3 {
		display:none;
	}
    
    .wrapper {
        width: 100%;
    }
	
	h1 {
		font-size:27px;
	}
	h2 {
		font-size:21px;
	}
    
    .column {
        width: 100%;
    }
    
    .column .row {
        display: block;
    }
        
    .doublecolumn {
        padding: 28px 32px 20px 32px;
		min-height:0;
    }
	.doublecolumn ul li a {
		display:inline-block;
		width:85%;
	}
	.column.menu ul li a {
		font-size:13px;
		line-height:27px;
	}
	
	#footer .wrapper {
		text-align:left;
		padding-left:32px;
		width:280px;
		float:left;
	}
	#footer {
		margin:30px 0 30px 0;
	}
    
    #main > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
        display: none;
    }
}