/*

Theme Name: Re-Link Template
Theme URI: http: //www.erikbouwers.nl/
Author: Erik Bouwers
Author URI: http: //www.erikbouwers.nl/
Description: Design voor Re-Link in Wordpress
Version: 1.1
Tags: 
Text Domain: relink

*/

html, body { overflow-x: hidden; }

@font-face {
	font-family: 'GoldenPlains';
	src: url('assets/fonts/GoldenPlains.eot?#iefix') format('embedded-opentype'),  url('assets/fonts/GoldenPlains.woff') format('woff'), url('assets/fonts/GoldenPlains.ttf')  format('truetype'), url('assets/fonts/GoldenPlains.svg#GoldenPlains') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {  color: #1f1f1d; background-attachment: fixed; background-color: #7bc7c2; font-family: 'Josefin Sans', sans-serif; font-weight: 400; background-image: url('assets/img/background.jpg'); background-position: center 0px;background-size: 1920px auto; background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6, p { padding: 0px; margin: 0px; }
p { letter-spacing: -0.5px; font-weight: 400;  }

.header {  }
.header .logo { }
.header .hamburger { }
.header .navigatie {}
.header .navigatie ul {}
.header .navigatie ul li {}
.header .navigatie ul li a {}


font { font-family: 'Josefin Sans', sans-serif !important; } 
.font { font-family: 'Josefin Sans', sans-serif !important; } 


.featured { }

.container { padding: 0px !important; }
.container .row { margin: 0px !important; padding: 0px !important; }
.container .row .col-sm-1 { margin: 0px !important; padding: 0px !important; }
.container .row .col-sm-2 { margin: 0px !important; padding: 0px !important; }
.container .row .col-sm-3 { margin: 0px !important; padding: 0px !important; }
.container .row .col-sm-4 { margin: 0px !important; padding: 0px !important; }
.container .row .col-sm-5 { margin: 0px !important; padding: 0px !important; }
.container .row .col-sm-6 { margin: 0px !important; padding: 0px !important; }
.container .row .col-sm-7 { margin: 0px !important; padding: 0px !important; }
.container .row .col-sm-8 { margin: 0px !important; padding: 0px !important; }
.container .row .col-sm-9 { margin: 0px !important; padding: 0px !important; }
.container .row .col-sm-10 { margin: 0px !important; padding: 0px !important; }
.container .row .col-sm-11 { margin: 0px !important; padding: 0px !important; }
.container .row .col-sm-12 { margin: 0px !important; padding: 0px !important; }

.section:not(.section-quote) { background-color: #FFFFFF; }
.section.section-home { }
.section.section-petra { background-color: #3f3e40; color: #FFFFFF; }
.section.section-petra .section-image {}

.section.section-loopbaancoachinginverse { background-color: #3f3e40; color: #FFFFFF; }
.section.section-loopbaancoachinginverse  .section-image { width: 100%; height: auto; }
.section.section-loopbaancoachinginverse  .section-inner { text-align: left; }
.section.section-wervingenselectie { background-color: #3f3e40; color: #FFFFFF; background-image: url('assets/img/wervingenselectie.jpg'); background-size: 100% auto; background-repeat: no-repeat; }
.section.section-wervingenselectieinverse { background-color: #3f3e40; color: #FFFFFF; }
.section.section-wervingenselectieitems { background-color: #3f3e40; color: #FFFFFF; }
.section.section-talentontwikkeling {  }

.section.section-quote { color: #FFFFFF; }
.section..section-quote h1 { font-size: 30px; }
.section.section-about { position: relative; }
.section.section-about2 { position: relative; }

.section.section-partners {  background-color: #3f3e40; color: #FFFFFF;  }

.section.section-contact { background-image: url('assets/img/contact.png'); background-repeat: no-repeat; background-position: bottom +15px right +60px; }  
.section.section-contact h2 { margin-bottom: 300px; }

.opdrachtgevers { padding: 15px; }
.opdrachtgevers .opdrachtgever { width: 100%; height: auto; display: inline-block; padding: 15px; } 
.opdrachtgevers .opdrachtgever img { width: 100%; height: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); } 
.opdrachtgevers .opdrachtgever:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } 

@media (max-width: 767px) { 

	h1 { font-family: 'GoldenPlains'; font-size: 30px; margin-bottom: 15px; line-height: 30px; }
	h2:not(.slogan) { font-size: 20px; margin-bottom: 0px; font-weight: 300; text-transform: uppercase; line-height: 25px; margin-bottom: 30px;} 
	h2.slogan { font-family: 'GoldenPlains'; font-size: 30px; margin-bottom: 0px;  line-height: 28px; font-weight: normal; } 
	h3 { font-size: 16px; margin-bottom: 0px;  line-height: 25px; }
	h4 { font-size: 16px; margin-bottom: 0px;  line-height: 25px; }
	h5 { font-size: 16px; margin-bottom: 0px;  line-height: 25px; }
	h6 { font-size: 16px; margin-bottom: 0px;  line-height: 25px; }
	p { font-size: 16px; margin-bottom: 15px;  line-height: 20px; }
	 
	.header { background-color: #FFFFFF; position: fixed; width: 100%; height: 60px; z-index: 9000; padding-top: 60px; }
	.header .logo { position: absolute; top: 0px; left: 15px;  }
	.header .logo img { height: 90px; width: auto; }
	.header .hamburger { float: right; display: block; }
	.header .hamburger #hamburger {  position: absolute; top: 0px; right: 0px; margin: 15px 15px 15px 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; width: 30px; height: 30px; }
	.header .hamburger #hamburger span { display: block; position: absolute; height: 6px; width: 100%; background: #1d1d1b; border-radius: 6px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
	.header .hamburger #hamburger.open span { background: #7bc8c2; }
	.header .hamburger #hamburger:hover span { background: #7bc8c2; }
	.header .hamburger #hamburger:focus span { background: #7bc8c2; }
	.header .hamburger #hamburger span:nth-child(1) { top: 0px; }
	.header .hamburger #hamburger span:nth-child(2),#hamburger span:nth-child(3) { top: 12px; }
	.header .hamburger #hamburger span:nth-child(4) { top: 24px; }
	.header .hamburger #hamburger.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
	.header .hamburger #hamburger.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.header .hamburger #hamburger.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
	.header .hamburger #hamburger.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }
	.header .navigatie { z-index: 8888; display: none; padding: 0px 0px 15px 0px; overflow: hidden; }
	.header .navigatie ul { background-color: #FFFFFF;  padding: 45px 30px 15px 30px; margin: 0px; list-style: none; overflow: hidden; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);}
	.header .navigatie ul li { position: relative; }
	.header .navigatie ul li a { display: block; padding: 15px 30px; text-transform: uppercase; color: #333333; font-weight: bold; text-decoration: none; }
	.header .navigatie ul li a:hover { color: #7bc8c2; font-weight: bold; }
	.header .navigatie ul li.current_page_item a { color: #7bc8c2; font-weight: bold; }
	.header .navigatie ul li:before { content: ""; height: calc(100% - 30px); width: 1px; background-color: #000000; position: absolute; top: 15px; left: 0px;  }
	.header .navigatie ul li:hover:before { background-color: #7bc8c2; }
	.header .navigatie ul li.current_page_item :before { background-color: #7bc8c2; }
	.header .navigatie ul li ul { display: none; }
	
	.featured { padding-top: 60px; }
	
	.section .section-inner { padding: 30px 30px 15px 30px; }

	.section.section-loopbaancoaching { }
	.section.section-loopbaancoaching .section-image { margin-top: 30px; width: 100%; height: auto; }
	
	.section.section-petra { position: relative; text-align: center; min-height: 300px;  }
	.section.section-petra .section-image { display: inline; margin: -50px 0px 0px 0px; max-width: calc(100% - 70px); height: auto; }
	.section.section-petra .section-inner { text-align: left; }
	.section.section-wervingenselectie { padding-top: 100px; }
	.section.section-wervingenselectie .section-inner { text-align: left; }
	.section.section-loopbaancoachinginverse { text-align: center; min-height: 300px; }
	.section.section-loopbaancoachinginverse .image-loopbaancoachinginverse-section { display: inline; margin-top: -30px; max-width: 100%; height: auto; }
	.section.section-wervingenselectieinverse .section-image { max-width: 100%; height: auto; margin-left: 30px;  }
	.section.section-wervingenselectie { text-align: center; min-height: 300px; }
	.section.section-wervingenselectie .section-image { display: inline; margin-top: -30px; max-width: 100%; height: auto; }
	.section.section-talentontwikkeling { text-align: center; min-height: 300px; }
	.section.section-talentontwikkeling .col-sm-4 { height: 280px; overflow: hidden; }
	.section.section-talentontwikkeling .img-responsive { display: inline; max-width: 100%; height: auto; }
	.section.section-talentontwikkeling .section-inner { text-align: left; }
	.section.section-about {  }
	.section.section-about:before { content: ""; position: absolute; bottom: 0px; left: 30px; width: calc(100% - 60px); height: 2px; background-image: url('assets/img/dots.png'); background-repeat: repeat-x; background-position: center bottom; }
	.section.section-about2:before { content: ""; position: absolute; bottom: 0px; left: 30px; width: calc(100% - 60px); height: 2px; background-image: url('assets/img/dots.png'); background-repeat: repeat-x; background-position: center bottom; }
	.section.section-about .image-about-section {  max-width: 100%; margin-left: -30px; margin-bottom: 30px;  }
	.section.section-about2 {  }
	.section.section-about2 .image-about2-section { max-width: 100%; margin-left: -15px; margin-right: 30px; margin-bottom: 30px }
	.section.section-about3 {  }
	.section.section-about3 .image-about3-section { max-width: calc(100% - 40px); margin-top: 30px; margin-left: 30px; margin-right: 30px; }
	
	.onepage { -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.50); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.50); padding: 0px; }
	.section.section-contact { background-image: none; }
	.section.section-contact h2 { margin-bottom: 0px; }
	
	.onepagepadding { margin-top: 60px; }
     
 } 
@media (min-width: 768px) { 

	.container .row .col-sm-offset-4 { margin-left: 33.33333333% !important; }

	h1 { font-family: 'GoldenPlains'; font-size: 50px; margin-bottom: 30px; line-height: 40px; }
	h2:not(.slogan) { font-size: 26px; margin-bottom: 0px; font-weight: 300; text-transform: uppercase; line-height: 25px; margin-bottom: 30px;} 
	h2.slogan { font-family: 'GoldenPlains'; font-size: 36px; margin-bottom: 0px;  line-height: 36px; font-weight: normal; } 
	h3 { font-size: 18px; margin-bottom: 0px; line-height: 25px; }
	h4 { font-size: 18px; margin-bottom: 0px; line-height: 25px; }
	h5 { font-size: 18px; margin-bottom: 0px; line-height: 25px; }
	h6 { font-size: 18px; margin-bottom: 0px; line-height: 25px; }
	p {font-size: 22px;margin-bottom: 30px;line-height: 30px;font-weight:  300;}
	p strong { font-size: 24px; margin-bottom: 30px; line-height: 32px; font-weight: 600px; }
     
	.onepage { -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.50); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.50); padding: 0px; }
	.onepage:not(.onepagenopadding){ margin-top: 90px; }
	.onepagepadding { margin-top: 60px; }

	.section-quote h1 { margin-bottom: 0px; }

	.header { position: relative; }
	.header .logo { position: absolute; top: 0px; right: 30px;  }
	.header .hamburger { display: none; }
	.header .navigatie { display: block !important; background-color: #FFFFFF; padding-top: 60px; }
	.header .navigatie ul { padding: 30px 30px 15px 30px; margin: 0px; list-style: none; overflow: hidden; }
	.header .navigatie ul li { float: left; position: relative; }
	.header .navigatie ul li a { font-weight: 600; font-size: 20px; letter-spacing: 4.5px; display: block; padding: 15px 15px 15px 15px; text-transform: uppercase; color: #000000; text-decoration: none; }
	.header .navigatie ul li a:hover { color: #7bc8c2;  }
	.header .navigatie ul li:before { content: ""; height: calc(100% - 20px); width: 2px; background-color: #c9c9c9; position: absolute; top: 10px; left: 0px;  }
	.header .navigatie ul li:last-child:after { content: ""; height: calc(100% - 20px); width: 2px; background-color: #c9c9c9; position: absolute; top: 10px; right: 0px;  }
	.header .navigatie ul li:hover:before { background-color: #7bc8c2; }
	.header .navigatie ul li:hover:after { background-color: #7bc8c2; }
	.header .navigatie ul li ul { display: none; }
	.header .image { }
	
	.section .section-inner {padding: 45px 45px 30px 45px;}

	.section.section-loopbaancoaching { }
	.section.section-loopbaancoaching .section-image {  position: absolute; top: 200px; left: -160px; }
	
	
	
	.section.section-wervingenselectie { padding-top: 200px; }

	.section.section-petra { position: relative; }
	.section.section-petra .section-image { position: absolute; top: -100px; right: 15px; }
	.section.section-wervingenselectieinverse { position: relative; }
	.section.section-wervingenselectieinverse:before {content: "";height: 0px;width: calc(100% - 90px);position: absolute;top: 0px;left: 45px;background-color: #a3a3a3;}
	.section.section-wervingenselectieinverse:after { content: ""; height: 0px; width: calc(100% - 90px); position: absolute; bottom: 0px; left: 45px; background-color: #a3a3a3;  }
	.section.section-wervingenselectieinverse .section-image { position: absolute; top: -335px; right: -90px; }
	.section.section-loopbaancoachinginverse {position: relative;min-height: 300px;display: none;}
	.section.section-loopbaancoachinginverse .image-loopbaancoachinginverse-section { position: absolute; top: -30px; left: 60px; }
	.section.section-about { position: relative;  }
	.section.section-about:before { content: ""; position: absolute; bottom: 0px; left: 45px; width: calc(100% - 90px); height: 2px; background-image: url('assets/img/dots.png'); background-repeat: repeat-x; background-position: center bottom; }
	.section.section-about2:before { content: ""; position: absolute; bottom: 0px; left: 45px; width: calc(100% - 90px); height: 2px; background-image: url('assets/img/dots.png'); background-repeat: repeat-x; background-position: center bottom; }

	.section.section-about .image-about-section { position: absolute; top: -30px; left: -60px; z-index: 900; }
	.section.section-about2 {  }
	.section.section-about2 .image-about2-section { position: absolute; top: -40px; left: -40px; }
	.section.section-about3 {padding-bottom: 50px;}
	.section.section-about3 .image-about3-section { position: absolute; top: -45px; left: 45px; }
   
	
	
} 

@media (min-width: 768px) and (max-width: 991px) { 
     
	.header .navigatie { padding-top: 30px; }
	.header .logo img { height: 150px; width: auto;  }
	.header .navigatie ul li a { display: block; padding: 15px 15px; }
	.header .navigatie ul li a { font-weight: 600; font-size: 16px; letter-spacing: 2px; }

	.section .section-inner { padding: 45px 30px 15px 30px; }

	.section.section-petra .section-image { top: 30px; }

	.section.section-about { min-height: 200px; }
	.section-about2 { padding-top: 0px;}
	.section.section-about .image-about-section { width: 320px; }
	.section.section-about2 .image-about2-section { width: 220px; top: 45px; left: auto; right: 35px; }
	.section.section-about3 .image-about3-section { width: 220px; left: 30px; }
	.section.section-contact { background-position: bottom +90px right +60px; }
	.section.section-contact h2 { margin-bottom: 400px; }
	 
} 

@media (min-width: 992px) and (max-width: 1199px) { 
     
     
	.header .navigatie { padding-top: 45px; }
	.header .logo img { height: 175px; width: auto;  }
	.header .navigatie ul li a { display: block; padding: 20px 20px; }
	.header .navigatie ul li a { font-weight: 600; font-size: 18px; letter-spacing: 3.5px; }

	.section.section-about { min-height: 280px; }
	.section-about2 { padding-top: 60px;}
	.section.section-about2 .image-about2-section { top: 30px; width: 320px; }
	.section.section-about3 .image-about3-section { width: 320px; }


     
} 

@media (min-width: 1200px) { 
     
	.section.section-about { min-height: 280px; }
	.section-about2 { padding-top: 75px;}
     
}

:focus { outline: 0; }
::-moz-selection { color: #FFFFFF; background-color: #7bc8c2; opacity: 1.00; }
::selection { color: #FFFFFF; background-color: #7bc8c2; opacity: 1.00;  }
.fancybox-bg { background: #3f3e40; opacity: 0.90; }
#scrolltotop { position: fixed; bottom: 20px; right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.70); width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#scrolltotop i { color: #7bc8c2; margin: 0; position: relative; left: 16px; top: 13px; font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#scrolltotop:hover { background: rgba(0, 0, 0, 0.90); color: #7bc8c2; }
#scrolltotop:hover i { color: #7bc8c2; top: 5px; }