/*
Theme Name:   waterlinetheme
Description:  Schrijf hier een korte omschrijving van je sub-thema
Author:       beheerder
Author URL:   http://localhost:8888/water
Template:     twentyseventeen
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  waterlinetheme
*/

/* Schrijf hier je eigen persoonlijke stylesheet */

/* 0.001 Header height correction */
.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
  height: 1200px;
  height: 92vh;
  max-height: 100%;
  overflow: hidden;
}

.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
.admin-bar.home.blog.has-header-image .custom-header-media,
.admin-bar.home.blog.has-header-video .custom-header-media {
  height: calc(92vh - 32px);
}

.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
        display: table;
        height: 300px;
        height: 75vh;
        width: 100%;
}


/* 0.002 footer info            */
/* socials nav bar footer */
.social-navigation ul {
    list-style: none;
    margin-bottom: 20px;
	margin-left: 100px;}

adress {
	line-height:1.75;
}

.panel-footer {
	background:#f8f8f8;
}

.smartto-footer {
	width:100%;
	display:flex;
	margin:0 auto;
}
.box-footer-inner {
display:flex;
width:40%;
}

.box-a {
width:40%;
font-size:130%;
display:block;
margin:50px auto;
}
.box-footer-inner .box-b {
width:120px!important;
font-size:100%;
display:block;
margin:30px 0 0 -50px;
}
.box-footer-inner .box-c {
width:120px!important;
font-size:100%;
display:block;
margin:30px 0 0 30px;
}
.box-footer-inner .box-d {
width:200px;
margin:30px 0 0 30px;
}
.box-b img {
width:100px;
display:block;
margin:0 0 5px 0px;
}
.box-c img {
width:100px;
display:block;
margin:0 0 5px -12px;
}
.box-d img {
	width:80px!important;
	display:flex;
flex-flow:column;
margin:-4px 0 0 4px;
}


.site-info  {
	width:100%;
	float:none;
	Text-align:center;
	line-height:2;
	padding:10px 0;
	background:#55698f;
	margin:0 auto;
}
.site-info a,
.site-info a:visited,
.site-info a:active {
	Text-align:center;
	font-weight:300;
	line-height:2;
	padding:10px 0;
	color:#c9c9c9;
	text-decoration:none;
	border:none;
	box-shadow:none;
}
.site-info a:hover  {
	color:orange;
	text-decoration:none;
	border:none;
	box-shadow:none;
}


/* 
	 footer tablet screen 
*/
@media screen and (min-width: 305px) and (max-width: 730px) {
/* Styles */	
	.smartto-footer {
	width:100%;
	display:flex;
flex-flow:column;
}
	.box-footer-inner {
width:100%;
display:flex;
margin-top:0px
	}
	.box-footer-inner .box-a {
	width:90%;
	display:block;

	}
	.box-footer-inner .box-b {
		width:30%;
		margin:0 auto;
		margin:0 0 20px 50px
	}
	.box-footer-inner .box-c {
		width:30%;
		margin:0 auto;
		margin:0 0 20px 20px
	}
	.box-footer-inner .box-d,
	.box-d img {
		width:80px!important;
		margin:0 0 0 50px;
	}
	
	#colophon > div > div.smartto-footer.panel-footer > div.box-a {
	width:100%;
}
	.box-d b h2 {
	width:400px;
	margin-left:20px!important;
}
	.box-footer-inner .box-d, 
	.box-d img {
    width: 80px!important;
    margin: 0 0 0 20px;
	padding: 0;}



	
	/* einde media */
}




/* 0.003 fw page display === */
.wrap {
	/* margin-left: auto; */
	/* margin-right: auto; */
	max-width: 100%;
	/* padding-left: 2em; */
	/* padding-right: 2em; */
}
 
@media screen and (min-width: 48em) {
	.wrap {
		max-width: 100%;
		/* padding-left: 3em; */
		/* padding-right: 3em; */
	}
}
 
.page.page-one-column:not(.twentyseventeen-front-page) #primary {
	/*margin-left: auto;*/
	/*margin-right: auto;*/
	max-width: 100%;
}

@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap
	{
		max-width: 100%;
	}
}