/*
Theme Name: Budosport custom theme
Author: Sascha Teschner
Author URI: www.saschateschner.nl
Version: 1.0
*/

/* CSS IMPORT */
@import url('css/nav.css');
@import url('css/accordion.css');
@import url('css/carousel.css');
@import url('css/lightbox.css');

/* FONTS IMPORT */
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@font-face {
    font-family: 'league_gothicregular';
    src: url('fonts/leaguegothic-regular-webfont.woff2') format('woff2'),
         url('fonts/leaguegothic-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}


   
/* RESET! */
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
footer, header, section, article, aside, figure {display: block; margin: 0; padding: 0;}
body {margin: 0; padding: 0;}
body.overflow-hidden {overflow:hidden;}
a:focus {outline: none;}
a:active, a:hover {outline: 0;}
img {border: 0;}
html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important;}
html,body {height: 100%;}
.clear {clear: both;}

a {text-decoration: none;}
a:hover, a:focus {text-decoration: none;}
a:focus {outline: none;}
img {vertical-align: middle;}
p {padding: 0 0 20px 0; margin: 0;}
p:last-child {padding: 0;}
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;}
h1, h3, h2, h4, ul, li, h5 {margin: 0; padding: 0;}
blockquote {margin: 0;}
li {list-style: none; background-repeat: no-repeat;}

.alignright {float: right; margin: 0 0 20px 10px;}
.alignleft {float:left; margin: 0 10px 20px 0;}
.aligncenter {text-align: center; margin: auto;}

/* PRELOADER */
#preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; z-index: 99999;}


   
/* VIDEO_EMBED */
.embed-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


   
/* TRANSITIONS */
a, a:hover, 
img, img:hover, 
h4 a, h4 a:hover,

.masonry article, .masonry article:hover, 
.masonry article .block figure, .masonry article:hover .block figure,
.masonry article .block figure img, .masonry article:hover .block figure img, 
.masonry article .content, .masonry article:hover .content,
.masonry article .content h3, .masonry article:hover .content h3,
.masonry article .content h5, .masonry article:hover .content h5,
.masonry article .content p, .masonry article:hover .content p,
.masonry article .content li, .masonry article:hover .content li,

.masonry a article, .masonry a article:hover, 
.masonry a article .block figure, .masonry a article:hover .block figure,
.masonry a article .block figure img, .masonry a article:hover .block figure img,
.masonry a article .content, .masonry a article:hover .content,
.masonry a article .content h3, .masonry a article:hover .content h3,
.masonry a article .content h5, .masonry a article:hover .content h5,
.masonry a article .content p, .masonry a article:hover .content p,
.masonry a article .content li, .masonry a article:hover .content li,

.masonry article:hover h4 a,
.masonry article h4 a,

#clubnieuws article h3, #clubnieuws article:hover h3,
#clubnieuws article time, #clubnieuws article:hover time,
#clubnieuws .overview .block article hr, #clubnieuws .overview .block article:hover hr, 

.nieuws article .content, .nieuws article:hover .content, 

.month article h3, .month article:hover h3, 
.month article time, .month article:hover time,
.month article hr, .month article:hover hr,

#sponsor-slider .sponsors a .item, #sponsor-slider .sponsors a .item:hover, 

.post-prev, .post-prev:hover, 
.post-next, .post-next:hover, 

#choose-slider .prev, #choose-slider .prev:hover, 
#choose-slider .next, #choose-slider .next:hover, 

#pager .nav-links a.page-numbers, #pager .nav-links a.page-numbers:hover,

#sponsor-slider .sponsors .item .content,
#sponsor-slider .sponsors .item:hover .content

	{-webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear;}
	

   
/* FONTS */
body {font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 24px; color: #000;}
.header h5, .header h3 {font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 24px;}
h1, h3, h2, h4, h5, .nieuws article time {font-family: 'league_gothicregular'; font-weight: normal; text-transform: uppercase;}
time, .header h5, .header h3 {text-transform: uppercase;}

.tekst-blok a, .intro a {color: #ec2429;}

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


   
/* H4 A */
h4 a {background-image: url(images/arrow.svg); background-repeat: no-repeat; background-position: right center; display: inline-block; border: 2px solid #000; color: #000;}
.tekst-blok h4 a {color: #000;}
.home .header h4 {display: inline-block;}
.home .header h4 a, .bg-red h4 a {border: 2px solid #fff; color: #fff; background-image: url(images/arrow-white.svg);}
.home .header h4:last-child a, #sponsor-slider h4 a {border: 2px solid #ec2429; background-color: #ec2429; color: #fff; background-image: url(images/arrow-white.svg);}
.tekst-blok h4 {text-align: center;}



hr {width: 60px; border-style: solid; border-width: 1px; border-color: #000; margin: 5px auto;}
.header hr {border-color: #fff;}


   
/* COLOR */
body {background-color: #f1eeec;}
.bg-light-grey {background-color: #f1eeec;}
.bg-mid-grey {background-color: #e2ddd8;}
.bg-black {background-color: #000; color: #fff;}
.bg-white {background-color: #fff;}
.bg-red {background-color: #ec2429; color: #fff;}

.color-light-grey {color: #f1eeec;}
.color-mid-grey {color: #e2ddd8;}
.color-black {color: #000;}
.color-white {color: #fff;}
.color-red {color: #ec2429;}
.color-black {color: #000;}


   
/* INNER-CONTENT */
.inner-content {position: relative; margin: auto; width: 95%;}
.inner-content.extra-small {max-width: 550px;}
.inner-content.x-small {max-width: 800px;}
.inner-content.smaller {max-width: 950px;}
.inner-content.small {max-width: 1000px;}
.inner-content.normal {max-width: 1200px;}
.inner-content.wide {max-width: 1400px;}
.inner-content.extra-wide {max-width: 1800px;}


   
/* HEADER */
.header {position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; color: #fff;}
.header .gradient, .header .draw {position: absolute; left: 0; right: 0; height: 100%;}
.header .gradient {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );}
.header .draw {background-color: rgba(0,0,0,0.5); opacity: 0.2;}

.header .block {position: relative; height: 100%;}
.header .content {position: absolute; bottom: 0; left: 0; right: 0;}


   
/* HOME_HEADER */
.home .header .block {position: relative; top: 0; bottom: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; height: 100%;}
.home .header .content {position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); vertical-align: top;}
.home .intro-text {text-transform: uppercase;}


   
/* HOME_CLUBNIEUWS */
#clubnieuws a {color: #000;}
#clubnieuws h4 a {background-color: #f1eeec;}
#clubnieuws .overview .block {border: 3px solid #e2ddd8;}
#clubnieuws .overview .block .titel {display: block;}
#clubnieuws .overview .block .titel h5 {display: inline-block;}


   
/* OVERVIEW --> HOME_DOELGROEP & ARCHIVE_SHOP & ARCHIVE_KARATE */
#doelgroep .down {position: relative;}
#doelgroep .down .more {position: absolute; left: 0; right: 0; top: -1px; text-align: center; z-index: 100;}

.masonry h2 {text-align: center;}

.grid-sizer {float: left;}
.masonry a article, .masonry article {float: left; padding: 0 1px 2px 1px;}
.masonry a article hr, .masonry article hr {margin: 15px 0;}
.masonry a article .block, .masonry article .block {text-align: center;}
.masonry a article .content, .masonry article .content {border-top: 2px solid #000; text-align: left;}
.masonry a article .content h3, .masonry article .content h3 {color: #ec2429;}
.masonry a article .content h5, .masonry article .content h5 {color: #000;}
.masonry a article .content p, .masonry article .content p {padding: 0; color: #000;}
.masonry a article .content li, .masonry article .content li {background-image: url(images/accordion-arrow.svg); background-position: -2px 4px; background-size: 28px 16px; padding: 0 0 0 18px;}

.masonry a article .content h4, .masonry article .content h4 {text-align: center;}
.masonry a article .content h4, .masonry article .content h4 {margin: 10px 0 5px 0;}
.masonry a article .content h4 a, .masonry article .content h4 a {padding: 7px 40px 5px 10px; background-size: 40px 18px; font-size: 22px; line-height: 22px;}
.masonry a article .content h4 a:hover, .masonry article .content h4 a:hover, .masonry article .content:hover h4 a {background-size: 40px 18px;}

.masonry a article .content {background-image: url(images/block-arrow.svg); background-repeat: no-repeat; background-position: bottom right;}

.gallery-lightbox figure {display: inline-block; border: 2px solid #fff;}
.gallery-lightbox {font-size: 0;}


   
/* ARCHIVE_NIEUWS */
.nieuws article .content {border: 3px solid #e2ddd8;}
.nieuws article .block {display: block;}
.nieuws article time {background-color: #ec2429; color: #fff; display: inline-block;}
.nieuws h4 {text-align: center;}
.nieuws h4 a {background-color: #f1eeec;}


   
/* ARCHIVE_AGENDA */
.month {border: 3px solid #e2ddd8;}
.month .titel {display: block;}
.month h5 {display: inline-block;}



/* CONTENTKIEZER */
	.tekst-blok li, .intro li {background-image: url(images/accordion-arrow.svg); background-position: 0px 5px; background-size: 22px; padding: 0 0 0 18px;}
	.tekst-blok ul, .intro ul {padding: 0 0 20px 0;}
	
	/* CONTENTKIEZER_SLIDER */
	#choose-slider {position: relative;}
	#choose-slider .cycle-slideshow {height: 100%; z-index: 0; overflow: hidden;}
	#choose-slider .content {position: absolute; left: 0; right: 0; margin: auto;}
	#choose-slider.middle .slide {text-align: center; width: 100%;}
	#choose-slider.middle .slide img {margin: auto; width: auto;}
	
	#choose-slider .block {position: absolute; left: 0; right: 0; margin: auto; text-align: center;}
	#choose-slider .block h3 {display: inline-block;}
	
	/* CONTENTKIEZER_SLIDER_TOOLS */
	#choose-slider .prev, #choose-slider .next {position: absolute; background-repeat: no-repeat; background-position: center; top: 45%; z-index: 100; cursor: pointer;}
	#choose-slider .prev {background-image: url(images/prev.svg);}
	#choose-slider .next {background-image: url(images/next.svg);}
	
	/* TABEL */
	.table {margin: 0 0 20px 0;}
	.table .top {font-weight: bold; background-color: #000; color: #fff;}
	.table .row:nth-child(odd) {background-color: #e2ddd8;}
	.table .row:nth-child(even) {background-color: #f1eeec;}
	.table .colomn {display: inline-block;}



/* PAGER-MEER-BERICHTEN */
h2.screen-reader-text {display: none;}
#pager .nav-links {text-align: center; padding: 20px 0;}
#pager .nav-links a.page-numbers, #pager .current {text-align: center; color: #262626; display: inline-block; font-size: 15px; width: 40px; height: 40px; border: 2px solid #e2ddd8; margin: 0 2px; padding: 6px 0 0 0;}
#pager .nav-links .page-numbers.current {font-size: 15px; color: #fff; border: 2px #ec2429 solid; background-color: #ec2429;}
#pager .nav-links .page-numbers.dots {font-size: 15px;}
#pager .nav-links a.page-numbers:hover {background-color: #e2ddd8; border: 2px solid #e2ddd8;}



/* SINGLE PREV/POST */
.post-prev, .post-next {background-color: #e2ddd8; display: inline-block; border-radius: 3px; background-repeat: no-repeat; text-transform: uppercase;}
.post-prev a, .post-next a {color: #ec2429; display: inline-block;}

.post-prev {background-image: url(images/post-next.svg); background-position: right center; text-align: right;}
.post-next {background-image: url(images/post-prev.svg); background-position: left center;}


   
/* FOOTER */
footer img {width: 120px;}
footer h3 {color: #ec2429; background-repeat: no-repeat; background-position: left center; padding: 0 0 0 30px;}
footer .content div {padding: 0 0 40px 30px;}
footer .block {text-align: left;}
footer a {color: #fff;}

footer .content h3#post {background-image: url(images/icon-post.svg);}
footer .content h3#place {background-image: url(images/icon-place.svg);}
footer .content h3#info {background-image: url(images/icon-info.svg);}
footer .content h3#facebook {background-image: url(images/icon-facebook.svg);}

	/* CAROUSSEL */
	#sponsor-slider .sponsors {position: relative;}
	#sponsor-slider .sponsors .item .content {border: 2px solid #e2ddd8;}
	#sponsor-slider .sponsors .owl-item img {margin: auto;}
	#sponsor-slider .sponsors .item {text-align: center;}

	#sponsor-slider .sponsors {position: relative; top: 0; bottom: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; height: 100%;}
	.owl-prev, .owl-next {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); vertical-align: top; z-index: 9;}
	
	.owl-prev, .owl-next, .prev, .next {background-repeat: no-repeat; background-size: contain; display: block; font-size: 0; cursor: pointer; background-position: center center;}
	.owl-prev {background-image: url(images/prev.svg);}
	.owl-next {background-image: url(images/next.svg);}
	.owl-stage-outer {margin: auto;}
	
	#sponsor-slider .sponsors .owl-item {-webkit-backface-visibility: hidden !important; -webkit-transform: translateZ(0) scale(1.0, 1.0) !important;}



   
/* FORMULIER */
textarea, input {width: 100%; border: 1px dotted #215592;}
form {margin: auto;}
form p {color: #0080c8; font-size: 14px;}
input[type="submit"] {background-color: #00374e; color: #fff; text-transform: uppercase;}

.wpcf7-not-valid-tip, .wpcf7-response-output.wpcf7-validation-errors {background-color: #ff0000; border: #ff0000; color: #fff; padding: 2px; margin: 5px 0 0 0; display: block; text-align: center;}
.wpcf7-response-output.wpcf7-mail-sent-ok {background-color: #83c701; color: #fff; padding: 5px; margin: 5px 0 0 0; display: block; text-align: center; font-size: 17px; border: 2px solid #83c701;} 
span.wpcf7-not-valid-tip {color: #fff !important;}

img.ngg_displayed_gallery {display:none;}



@media (min-width: 1300px) {
	#doelgroep article {width: 25%;}
	.single #doelgroep article, #bestuur article, .page #karate article {width: 33.33%;}
	}
	
@media (min-width: 980px) and (max-width: 1299px ) {	
	#doelgroep article {width: 50%;}
	.single #doelgroep article, #bestuur article, .page #karate article {width: 33.33%;}
	
	   
	/* INNER-CONTENT */
	.inner-content.extra-wide {max-width: 800px;}
	
	}

@media (min-width: 980px) {
	
	   
	/* FONT_SIZES */
	h1 {font-size: 72px; line-height: 72px;}
	h2 {font-size: 40px; line-height: 40px; margin: 0 0 10px 0;}
	.home .header h2 {font-size: 55px; line-height: 50px; margin: 0 0 10px 0;}}
	.tekst-blok h3 {font-size: 35px; line-height: 35px;}
	.masonry h3 {font-size: 35px; line-height: 35px;}
	#clubnieuws h3, .nieuws h3, .agenda h3 {font-size: 30px; line-height: 30px;}
	h4 {font-size: 28px; line-height: 24px;}
	#clubnieuws h5, .nieuws article time, .month h5 {font-size: 25px; line-height: 25px;}
	#sponsor-slider h4 {font-size: 24px; }
	footer h3, .masonry h5 {font-size: 25px; line-height: 25px;}
	
	
	
	    
	/* PADDING */
	.t-b-padding-small {padding: 30px 0;}
	.t-b-padding-normal {padding: 45px 0;}
	.t-b-padding-wide {padding: 60px 0;}
	
	.padding-small {padding: 30px;}
	.padding-normal {padding: 45px;}
	.padding-wide {padding: 60px;}
	
	h4 a {padding: 8px 51px 5px 18px;}
	h4 a:hover {padding: 8px 55px 5px 18px;}
	#sponsor-slider h4 a {padding: 8px 43.6px 6px 12px; background-size: 43.6px 20px;}
	#sponsor-slider h4 a:hover {padding: 8px 47.6px 6px 12px;}
	#sponsor-slider h4 {margin: 20px 0 0 0;}
	
	
	
	/* MARGIN */
	.lift {margin: -50px auto 50px auto;}
	
	
	   
	/* HOME_HEADER */
	.home .header {height: 85%; max-height: 950px; min-height: 500px;}
	.home .header h4 {padding: 20px;}
	.home .header h1 {margin: 0 0 20px 0;}
	
	
		   
	/* HOME_HEADER */
	.header {height: 500px;}
	.header .content {bottom: 80px;}
	.home .intro-text {max-width: 700px; margin: 0 auto 20px auto;}
	
	
	   
	/* HOME_CLUBNIEUWS */
	#clubnieuws h2 {margin: 0 0 20px 0;}
	#clubnieuws h4 {margin: -28.5px 0 0 0;}
	#clubnieuws .overview {float: left; width: 50%; padding: 30px;}
	#clubnieuws .overview .block {padding: 15px 15px 40px 15px;}
	#clubnieuws .overview .block  article {padding: 18px 0;}
	#clubnieuws .overview .block .titel {margin: -36.5px 0 20px 0;}
	#clubnieuws .overview .block .titel h5 {padding: 8px 8px 5px 8px;}
	
	#clubnieuws article:hover h3, #clubnieuws article:hover time  {color: #ec2429;}
	#clubnieuws .overview .block article:hover hr {border-color: #ec2429;}
	
	
		   
	/* OVERVIEW --> HOME_DOELGROEP & ARCHIVE_SHOP & ARCHIVE_KARATE */
	.home #doelgroep  {margin: -180px 0 0 0;}
	.masonry h2 {margin: 0 0 20px 0;}
	
	.masonry article {width: 25%;}
	.masonry a article .block figure, .masonry article .block figure {position: relative; overflow: hidden !important;}
	.masonry a article .content, .masonry article .content {padding: 10px;}
	
	.masonry a article:hover .block figure img, .masonry article:hover .block figure img  {-moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
	.masonry a article:hover .content, .masonry article:hover .content {background-color: #ec2429;}
	.masonry a article:hover .content h3, .masonry a article:hover .content h5, .masonry a article:hover .content p, .masonry a article:hover .content li,
	.masonry article:hover .content h3, .masonry article:hover .content h5, .masonry article:hover .content p, .masonry article:hover .content li,
	.masonry a article:hover .content li a, .masonry article:hover .content li a {color: #fff;}
	.masonry a article:hover .content li, .masonry article:hover .content li {background-image: url(images/accordion-arrow-white.svg);}
	
	.masonry a article .content h4 a:hover, .masonry article .content h4 a:hover {padding: 7px 44px 5px 10px;}
	
	/* MASONRY_LINK */
	.masonry a article .content {background-position: 535px bottom;}
	.masonry a article:hover .content {background-position: bottom right;}
	.masonry article:hover h4 a {border: 2px solid #fff; color: #fff; fill: blue; -ms-transition-property: fill; -ms-transition-duration: 5s; background-size: 41px 19px;}
	
	.gallery-lightbox figure {width: 16.6666666%;}
	
	
	   
	/* PAGE_INTRO */
	.intro, .lift .intro {margin: 0 0 50px 0;}
	
	
		   
	/* ARCHIVE_NIEUWS */
	.nieuws {padding: 21.5px 0 0 0;}
	.nieuws article {margin: 0 0 50px 0;}
	.nieuws article .content {padding: 0 30px 50px 30px;}
	.nieuws article .block {margin: -21.5px 0 28.5px 0;}
	.nieuws article time {padding: 7px 8px 5px 8px;}
	.nieuws h4 {margin: -26.5px 0 0 0;}
	
	.nieuws article:hover .content {border: 3px solid #ec2429;}
	
	
	   
	/* ARCHIVE_AGENDA */
	.agenda {padding: 21.5px 0 0 0;}
	.month {padding: 0 0 30px 0; margin: 0 0 50px 0;}
	.month h5 {padding: 6px 8px 5px 8px;}
	.month .titel {margin: -21.5px 0 0 0;}
	.month article {padding: 30px 30px 0 30px;}
	.month article:hover h3, .month article:hover time {color: #ec2429;}
	.month article:hover hr {border-color: #ec2429;}
	
	
	
	/* CONTENTKIEZER */
	.content-blokken section, .lift section {margin: 0 0 30px 0;}
		
		/* CONTENTKIEZER_SLIDER */	
		#choose-slider .block {bottom: 40px;}
		#choose-slider .block h3 {padding: 10px;}
	
		/* CONTENTKIEZER_SLIDER_TOOLS */
		#choose-slider .prev {left: 2%;}
		#choose-slider .next {right: 2%;}
		#choose-slider .prev, #choose-slider .next {height: 40px; width: 25px; background-size: 20px 31px;}
		#choose-slider .prev:hover, #choose-slider .next:hover {background-size: 25px 39px;}
		
		/* TABEL */
		.table .top, .table .row {padding: 10px;}
		.table .colomn.one {width: 280px;}
		.table .colomn.two, .table .colomn.three {width: 260px;}
		
	
	
	/* SINGLE PREV/POST */
	.post-nav {margin: 0 0 50px 0;}
	.post-prev, .post-next {width: 49%;}
	.post-prev:hover, .post-next:hover {background-color: #fff;}
	.post-prev a {padding: 10px 45px 10px 15px;}
	.post-next a {padding: 10px 15px 10px 45px;}
	.post-prev {float: right;}
	.post-next {float: left;}
	
	
	   
	/* FOOTER */	
	footer img {margin: 0 0 30px 0;}
	footer .content {float: left; width: 50%;}
		
		/* CAROUSSEL */
		#sponsor-slider .sponsors {padding: 0 30px;}
		#sponsor-slider .sponsors .item {padding: 10px;}
		#sponsor-slider .sponsors .item .content{padding: 5px;}
		#sponsor-slider .sponsors a .item:hover .content {border: 2px solid #ec2429;}
		.owl-prev {left: 10px;}
		.owl-next {right: 10px;}
		.owl-prev, .owl-next {width: 15px; height: 24px;}		
	
			
	
}

@media (max-width: 979px) {
	
	
		   
	/* HOME_DOELGROEP */
	#doelgroep article .content {background-image: url(images/block-arrow.svg); background-repeat: no-repeat; background-position: bottom right;}
	
	
	
}

@media (min-width: 481px) and (max-width: 979px) {
	
	   
	/* FONT_SIZES */
	h1 {font-size: 62px; line-height: 62px;}
	h2 {font-size: 48px; line-height: 48px;}
	.masonry h3 {font-size: 40px; line-height: 40px;}
	#clubnieuws h3, #clubnieuws h3, .nieuws h3, .agenda h3 {font-size: 35px; line-height: 35px;}
	h4, #clubnieuws h5, .nieuws article time, .month h5 {font-size: 30px; line-height: 30px;}
	.masonry h5, footer h3 {font-size: 27px; line-height: 27px;}
	#sponsor-slider h4 {font-size: 25px; line-height: 25px;}
	
	
		   
	/* PADDING */
	.t-b-padding-small {padding: 20px 0;}
	.t-b-padding-normal {padding: 35px 0;}
	.t-b-padding-wide {padding: 50px 0;}
	
	.padding-small {padding: 20px;}
	.padding-normal {padding: 35px;}
	.padding-wide {padding: 50px;}
	
	h4 a {padding: 6px 43.6px 6px 15px; background-size: 43.6px 20px;}
	#sponsor-slider h4 a {padding: 5px 39.25px 3px 12px; background-size: 39.25px 18px;}
	#sponsor-slider h4 {margin: 20px 0 0 0;}
	
	
		   
	/* MARGIN */
	.lift {margin: -35px auto 35px auto;}
	
	
		   
	/* INNER-CONTENT */
	.inner-content.extra-wide, #clubnieuws .inner-content.small {max-width: 800px;}
	
	
	   
	/* HOME_HEADER */
	.home .header {height: 600px;}
	.home .header h4 {padding: 10px;}
	.home .header h1 {margin: 0 0 15px 0;}
	
	.home .intro-text {margin: 0 0 15px 0;}
	
	
	   
	/* HOME_HEADER */
	.header {height: 350px;}
	.header .content {bottom: 65px;}
	
	
	   
	/* HOME_DOELGROEP */
	.home #doelgroep {margin: -100px 0 0 0;}
	
	
	/* OVERVIEW --> HOME_DOELGROEP & ARCHIVE_SHOP & ARCHIVE_KARATE */	
	.masonry h2 {margin: 0 0 20px 0;}
	
	.masonry article {width: 50%;}
	.masonry article .content {padding: 10px; background-size: 80px 80px;}
	
	
	   
	/* HOME_CLUBNIEUWS */
	#clubnieuws h2 {margin: 0 0 40px 0;}
	#clubnieuws h4 {margin: -25.5px 0 0 0;}
	
	#clubnieuws #nieuws {margin: 0 0 40px 0;}
	#clubnieuws .overview .block {padding: 15px 15px 40px 15px;}
	#clubnieuws .overview .block  article {padding: 18px 0;}
	#clubnieuws .overview .block .titel {margin: -35px 0 20px 0;}
	#clubnieuws .overview .block .titel h5 {padding: 5px 8px;}
	
	
	   
	/* PAGE_INTRO */
	.intro, .lift .intro {margin: 0 0 35px 0;}
	
	
	   
	/* ARCHIVE_NIEUWS */
	.nieuws {padding: 20px 0 0 0;}
	.nieuws article {margin: 0 0 45px 0;}
	.nieuws article .content {padding: 0 20px 40px 20px;}
	.nieuws article .block {margin: -20px 0 20px 0;}
	.nieuws article time {padding: 5px 8px;}
	.nieuws h4 {margin: -23px 0 0 0;}
	
	
	   
	/* ARCHIVE_AGENDA */
	.agenda {padding: 20px 0 0 0;}
	.month {padding: 0 0 20px 0; margin: 0 0 35px 0;}
	.month h5 {padding: 5px 8px;}
	.month .titel {margin: -20px 0 0 0;}
	.month article {padding: 20px 20px 0 20px;}
	
	
	
	/* CONTENTKIEZER */
	.content-blokken section, .lift section {margin: 0 0 25px 0;}
	
		/* CONTENTKIEZER_SLIDER */	
		.keuzeblok .keuze {margin: 15px 0 0 0;}
		.keuzeblok .keuze:first-child {margin: 0;}
				
		/* CONTENTKIEZER_SLIDER_TOOLS */
		#choose-slider .prev {left: 10px;}
		#choose-slider .next {right: 10px;}
		#choose-slider .prev, #choose-slider .next {height: 45px; width: 45px;}
		
		/* TABEL */
		.table .top, .table .row {padding: 8px;}
		.table .colomn.one {width: 200px;}
	
	
	
	/* SINGLE PREV/POST */
	.post-prev, .post-next {width: 100%; margin: 0 0 8px 0;}
	.post-prev a {padding: 8px 35px 8px 12px;}
	.post-next a {padding: 8px 12px 8px 35px;}
	
	
	   
	/* FOOTER */	
	footer img {margin: 0 0 20px 0;}
	footer .content {float: left; width: 50%;}
	
	
		
		/* CAROUSSEL */
		#sponsor-slider .inner-content {max-width: 80%;}
		#sponsor-slider .sponsors .item {padding: 5px;}
		#sponsor-slider .sponsors .item .content {border: 2px solid #e2ddd8; padding: 5px;}

		.owl-prev {left: -5%;}
		.owl-next {right: -5%;}
		.owl-prev, .owl-next {width: 12.5px; height: 20px;}
		.owl-prev:hover, .owl-next:hover {width: 12.5px; height: 20px;}
	
	

}


@media (min-width: 481px) {
	


}

@media (max-width: 480px) {
	
	
	   
	/* FONT_SIZES */
	h1 {font-size: 45px; line-height: 45px;}
	h2 {font-size: 38px; line-height: 38px;}
	.masonry h3 {font-size: 35px; line-height: 35px;}
	#clubnieuws h3, #clubnieuws h3, .nieuws h3, .agenda h3 {font-size: 30px; line-height: 30px;}
	h4, #clubnieuws h5, .nieuws article time, .month h5 {font-size: 28px; line-height: 28px;}
	.masonry h5, footer h3 {font-size: 26px; line-height: 26px;}
	#sponsor-slider h4 {font-size: 23px; line-height: 23px;}
	
	
	   
	/* PADDING */
	.t-b-padding-small {padding: 20px 0;}
	.t-b-padding-normal {padding: 25px 0;}
	.t-b-padding-wide {padding: 40px 0;}
	
	.padding-small {padding: 15px;}
	.padding-normal {padding: 20px;}
	.padding-wide {padding: 40px;}
	
	h4 a {padding: 5px 39.25px 5px 12px; background-size: 39.25px 18px;}
	#sponsor-slider h4 a {padding: 5px 39.25px 3px 12px; background-size: 39.25px 18px;}
	#sponsor-slider h4 {margin: 20px 0 0 0;}
	
	
	   
	/* MARGIN */
	.lift {margin: -20px auto 20px auto;}
	
	
		   
	/* HOME_HEADER */
	.home .header {height: 400px;}
	.home .header h4 {padding: 8px;}
	.home .header h1 {margin: 0 0 10px 0;}
	
	
		   
	/* HOME_HEADER */
	.header {height: 250px;}
	.header .content {bottom: 35px;}
	
	
	   
	/* HOME_DOELGROEP */
	.home #doelgroep {margin: -80px 0 0 0;}
	
	
	
	/* OVERVIEW --> HOME_DOELGROEP & ARCHIVE_SHOP & ARCHIVE_KARATE */
	.masonry h2 {margin: 0 0 15px 0;}
	
	.masonry article {width: 100%;}
	.masonry article .content {padding: 8px; background-size: 75px 75px;}
	
	
	   
	/* HOME_CLUBNIEUWS */
	#clubnieuws h2 {margin: 0 0 35px 0;}
	#clubnieuws h4 {margin: -23px 0 0 0;}
	
	#clubnieuws #nieuws {margin: 0 0 40px 0;}
	#clubnieuws .overview .block {padding: 15px 15px 40px 15px;}
	#clubnieuws .overview .block  article {padding: 18px 0;}
	#clubnieuws .overview .block .titel {margin: -35px 0 20px 0;}
	#clubnieuws .overview .block .titel h5 {padding: 5px 8px;}
	
	
	   
	/* PAGE_INTRO */
	.intro, .lift .intro {margin: 0 0 20px 0;}
	
	
		   
	/* ARCHIVE_NIEUWS */
	.nieuws {padding: 19px 0 0 0;}
	.nieuws article {margin: 0 0 40px 0;}
	.nieuws article .content {padding: 0 10px 40px 10px;}
	.nieuws article .block {margin: -19px 0 20px 0;}
	.nieuws article time {padding: 5px 8px;}
	.nieuws h4 {margin: -23px 0 0 0;}
	
	
		   
	/* ARCHIVE_AGENDA */
	.agenda {padding: 19px 0 0 0;}
	.month {padding: 0 0 15px 0; margin: 0 0 20px 0;}
	.month h5 {padding: 5px 8px;}
	.month .titel {margin: -20px 0 0 0;}
	.month article {padding: 15px 15px 0 15px;}
	
	
	
	/* CONTENTKIEZER */
	.content-blokken section, .lift section {margin: 0 0 15px 0;}
	
		/* CONTENTKIEZER_SLIDER */	
		.keuzeblok .keuze {margin: 10px 0 0 0;}
		.keuzeblok .keuze:first-child {margin: 0;}
		
		/* CONTENTKIEZER_SLIDER_TOOLS */
		#choose-slider .prev {left: 5px;}
		#choose-slider .next {right: 5px;}
		#choose-slider .prev, #choose-slider .next {height: 40px; width: 40px;}
		
		/* TABEL */
		.table .top, .table .row {padding: 8px;}
		.table .colomn.one {width: 180px;}
		.table .top .colomn.one {width: auto;}
	
	
	
	/* SINGLE PREV/POST */
	.post-prev, .post-next {width: 100%; margin: 0 0 8px 0;}
	.post-prev a {padding: 8px 35px 8px 12px;}
	.post-next a {padding: 8px 12px 8px 35px;}
	
	
	   
	/* FOOTER */	
	footer img {margin: 0 0 20px 0;}
	footer .block {display: inline-block;}
		
		/* CAROUSSEL */
		#sponsor-slider .inner-content {max-width: 80%;}
		#sponsor-slider .sponsors .item {padding: 5px;}
		#sponsor-slider .sponsors .item .content {border: 2px solid #e2ddd8; padding: 2px;}
		.owl-prev {left: -7%;}
		.owl-next {right: -7%;}
		.owl-prev, .owl-next {width: 11.25px; height: 18px;}
		.owl-prev:hover, .owl-next:hover {width: 11.25px; height: 18px;}
		
		
}

.spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #fff;

  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}