/*
Theme Name: The HTML5 Boilerplate
Theme URI: http://github.com/zencoder/html5-boilerplate-for-wordpress
Description: Based on the <a href="http://html5boilerplate.com">HTML5 Boilerplate</a> and Bruce Lawson's <a href="http://html5doctor.com/designing-a-blog-with-html5/">Designing a Blog with HTML5</a>. The sole purpose of this theme is to save developers the time it takes to apply the HTML5 Boilerplate to WordPress. See the README for instructions. The "HTML5 Boilerplate" name is used with permission from Paul Irish.
Version: 1.0
Author: Steve Heffernan
Author URI: http://steveheffernan.com/
Tags: white, two-columns
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/*
HTML Boilerplate styles can be found in the html5-boilerplate/css directory.
*/

body{
	color:#374d7c;
	background: #fff;
	font-family: 'Inter', sans-serif;
}


body a, body a:visited{
	color:#47edc8;
	outline: none;
}

body a:focus {outline:0;}


h1, h2, h3, h4, h5{ font-family: 'Inter', sans-serif; font-weight:bold; margin-bottom:30px; }

.logo{
	width:200px; vertical-align: middle; line-height:200px; height:200px; margin:0 auto; text-align:center; background:#fff; border-radius:50%; overflow:hidden; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;"
}

img.socialimg{ width:100%; }


section{
	padding:100px;;
}

/*h1 span::before{ content: "De "; }*/
/*h1 span::after{ content: " van "; }*/

h1{ font-size:3.2em; }

h2{ font-size:3.0em; }

.intro{
	width:60%; display:inline-block; margin:0 auto;
}

.claim-listing, .claim-verified{
	position:fixed;
	right:100px;
	top:100px;
	background:#fff;
	display:block;
	border-radius:20px;
	padding:10px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.claim-listing span{ margin-bottom:0px !important; }

.small{ font-size:0.8em; margin-top:30px; }

.inline-list{display:inline-block; list-style:none; margin:0px; padding:0px;}
.inline-list li{ display:inline-block; }
.inline-list li::after{ display:inline-block; content: ", "; }

ul.socials{ margin:0px; padding:0px; text-align:center; list-style:none; margin-top:30px;  }
ul.socials li{ position:relative; display:inline-block; margin:0px; padding:0px; }
ul.socials li a{ width:140px; text-decoration:none; color:#374d7c; font-weight:bold; background:#47edc8; display:block; margin:4px; border-radius:22px 20px; padding:20px;}
ul.socials li a:hover, ul.socials li.inactive a{ background:#fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
ul.socials li i{ font-size:2.0em; }
ul.socials li em{ font-weight:normal; font-style:normal; display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; opacity:0.3; }

.active{right:0px; top:0px; position:absolute; display:block; width:26px; height:26px; background:#fff; box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 20px;  border-radius:50%; }
ul.socials li .active i{ font-size:0.7em; }

@media (max-width:1199px){
	section{
		padding:100px;;
	}
}

@media (max-width:991px){
	section{
		padding:40px;;
	}

	.claim-listing, .claim-verified{
		position:fixed; right:0px; top:0px; background:#fff; display:block;
		border-radius:0px;
	}

	.intro{
		width:80%;
	}
}

@media (max-width:767px){
	section{
		padding:20px;;
	}

	.intro{
		width:90%;
	}
}

@media (max-width:520px){
	section{
		padding:10px;;
	}
}