/* ----------------------------------------------------------------
    LAYOUT
---------------------------------------------------------------- */

html {
    font: 15px "proximanova", Arial, sans-serif;
    font-weight: 100;
}

body {
    color: #fff;
    font-size: 20px;
    line-height: 27px;
    position: relative;
    height: 100%;
}

#main {
    overflow: hidden;
    zoom: 1;
    clear: both;
    height: 100%;
    z-index: 1;
}

#footer {
    overflow: hidden;
    zoom: 1;
    clear: both;
    padding: 1em 0 0 0;
}

#background{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 3;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
    #pattern{
        background-image:url(../../images/ui/bgpattern.png);
        background-color: rgba(0,0,0,0.75);
        z-index: 2;
        width: 100%;
        height: 100%;
        position: absolute;
    }

    #bgimg{
        width: 100%;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
        z-index: 1;
    }

.section{
    width: 100%;
    margin: 46px 0;
    float: left;
}
/* ----------------------------------------------------------------
    HEADER
---------------------------------------------------------------- */

#header #logo {
    font-size: 2em;
    margin: 1em 0;
}

.open-menu {
    margin-top: -3px;
}

/* ----------------------------------------------------------------
    NAVIGATION
---------------------------------------------------------------- */
#menu-logo{
	float: left;
	width: 40px;
	height: 100%;
	min-height: 100%;
	margin: 0 23px 0 0;
	position: relative;
}

    #menu-logo img{
        position:absolute;
        top:0;
        bottom:0;
        margin:auto;
        height: 40px;
    }

#topnav{
    position: fixed;
    z-index: 9999;
    width: 100%;
    background: rgba(255,255,255, 0.2);
    height: 46px;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

    #topnav .grid{
        position: relative;
        padding: 0 10px
    }

    #topnav.dark {
    	background: #000;
    }

    #main-nav ul {
        overflow: hidden;
        zoom: 1;
        margin: 0;
        float: left;
    }

    #main-nav ul li {
        float: left;
        position: relative;
    }

    #main-nav ul li a {
        display: block;
        color: #ffffff;
        padding: 10px 14px 9px 14px;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        font-size: 15px;
    }

        #main-nav ul li a:hover, .current_page_parent{
            background: #72cbf2;
        }

    #main-nav ul li ul {
        left: -999em;
        top: 0;
        position: absolute;
        background: #fff;
        border: 1px solid #eee;
        border-top: 0;
        margin: 2.5em 0 0 0 !important;
        padding: 0 !important;
        line-height: 1em;
    }

    #main-nav ul li:hover ul {
        left: auto;
        width: 15em;
    }

        #main-nav ul li:hover ul ul {
            left: -999em;
            margin: 0;
        }

            #main-nav ul ul li:hover ul {
                left: 15em;
                margin-top: -1px !important;
                ];
            }

    #main-nav ul ul li {
        display: block;
        float: none;
        padding: 0 !important;
        margin: 0 !important;
        border-top: 1px solid #eee;
    }

        #main-nav ul ul li a {
            display: block;
            padding: 1em;
        }

        .current-menu-item, .current_page_item{
            background: #72cbf2;
           }

            
   #social{
	   position: absolute;
	   top: 0;
	   right: 0;
	   z-index: 9999;
   }
   
   #social ul, #social ul li{ list-style: none; }
   
   	.socialitems{
	   	height: 46px;
	   	width: auto;
	   	margin: 0;
	   	padding: 0;
	   	float: right;
	   	position: relative;
	   	margin-right: 40px;
   	}
   			.show-active{
	   			background-color: #72cbf2;
   			}
   			
   			#social ul li,
   			#social ul li a {
	   			float: left;
   			}
   			
   				 #social ul li a{
	                padding: 10px 8px 9px 8px;
	                font-size: 20px;
	                -webkit-transition: all 0.3s;
	                -moz-transition: all 0.3s;
	                -ms-transition: all 0.3s;
	                -o-transition: all 0.3s;
	                transition: all 0.3s;
	            }
	   			
	   				#social ul li a:hover,
	   				#showsocial:hover {
		   				background-color: #72cbf2;
	   				}
   
   	#showsocial{
	   	display: block;
	   	width: 40px;
	   	height: 46px;
	   	position: absolute;
	   	top: 0;
	   	right: 40px;
	   	background-image: url(../../images/ui/shareicon.png);
	   	background-repeat: no-repeat;
	   	background-position: center center;
	   	-webkit-background-size: 20px;
	   	background-size: 20px;
	   	display: none;
	   	cursor: pointer;
	   	-webkit-transition: background-color 0.3s;
	   	-moz-transition: background-color 0.3s;
	   	-ms-transition: background-color 0.3s;
	   	-o-transition: background-color 0.3s;
	   	transition: background-color 0.3s;
   	}
   	
   	#languageswitcher{
	   	position: absolute;
	   	right: 0;
   	}

/* language selector */

#languageswitcher{
float: right;
height: 46px;
width: 40px;
cursor: pointer;
display: table;
}

    #lang-switch{
        font-family: "proximanova", Arial, sans-serif;
        font-size: 15px;
        font-weight: bold;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        -webkit-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }

        #lang-switch:hover{
            background-color: #72cbf2;
        }

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

/* ----------------------------------------------------------------
    Content
---------------------------------------------------------------- */
#main-content{
    height: 100%;
}

#content{
    z-index: 9997;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 46px;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
}


/* ----------------------------------------------------------------
    HOMEPAGE
---------------------------------------------------------------- */

#homepageintro{
    width: 100%;
    float: left;
    position: relative;
    margin: 70px 0 0 0;
}

#hpint-cont{
    position: absolute;
    left: 0;
    bottom: 110px;
    max-width: 765px;
}

    #hpint-cont h1{
        font-size: 65px;
        font-weight: 300;
    }

    #hpint-cont p{
        font-size: 43px;
        line-height: 45px;
        margin: 0;
    }
    
    .homepagelogo{
        position: absolute;
        left:0;
        top: 15px;
    }

    .ranomi{
       float: right;
    }

/* Latest posts */

#latestall{
    width: 100%;
    float: left;
    margin: 0 0 46px 0;
    overflow: hidden;
}
    
    #latestall .latestpost{
        display: table;
        max-height: 100%;
         height: 360px;
    }

        #latestall .latestpost h3{
            display: table-cell;
            vertical-align: middle;
            font-size: 42px;
            font-weight: 200;
            line-height: 40px;
            padding: 0 25px;
        }

    #latestall article{ position: relative; }
    
    .latestcomp .item-thumb, .latestcomp .item-desc, .latestvid .item-thumb, .latestvid .item-desc{ height: 180px; }
    
    .latestcomp .item-desc ul li {
	    font-size: 14px;
	    line-height: 17px;
    }
   
   /* latest comp */
    #latestall .item-desc.down:after{ border-bottom: 20px solid #b9b2a9;}
    .latestcomp .item-desc{ min-height: initial; }

    /* Latest vid */
    .latestvid .item-desc.up:after{ border-top: 20px solid #f2acb7; }
    .latestvid .item-desc{ min-height: initial; }

    .latestvid p{ font-size: 14px; line-height: 17px; margin-top: 15px; }
    
    /* Wordpress video */
    .mejs-overlay-button, .checkvid{
        width: 47px !important;
        height: 47px !important;
        position: absolute !important;
        margin: auto !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        background: url(../../images/ui/playvid.png) no-repeat !important;
    }
    
    .item-thumb > .wp-video{
        width: 100% !important;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

        .wp-video > .mejs-container{
            height: 100% !important;
            width: 100% !important;
        }

        .mejs-overlay, .wp-video-shortcode, .mejs-poster .mejs-layer{
            width: 100% !important;
            height: 100% !important;
        }

        .mejs-overlay-loading span{
            top: -50%;
        }

.me-plugin, .me-plugin embed {
	width: 100%;
	height: 100%;
}

/* Social homepage */


#homesocial header{
    margin: 30px 0;
    position: relative;
}

    #homesocial h2{
        color: #f2acb7;
        font-size: 41px;
    }

    .socialslider, .socialslider ul{
        width: 100%;
        float: left;
        list-style: none;
    }

        .socialslider ul li{
            float: left;
        }
            
            .socialcontrols .flex-direction-nav {
                position: absolute;
                right: 0;
                top: 50%;
                margin-top: -11px;
                list-style: none;
            }

                .socialcontrols .flex-direction-nav li {
                    display: inline-block;
                }

                .socialcontrols .flex-prev, .socialcontrols .flex-next {
                    width: 22px;
                    height: 22px;
                    float: left;
                    background-repeat: no-repeat;
                    background-color: #f2acb7;
                }

                .socialcontrols .flex-prev { 
                	background-image: url(../../images/ui/flexcontrols.png); 
                	background-position: 0px 0px; 
                }
                .socialcontrols .flex-next { 
                	background-image: url(../../images/ui/flexcontrols.png); 
                	background-position: -22px 0px; 
                }

.competitionslider{
    width: 100%;
    float: left;
}

#competition header{
    position: relative;
    float: left;
    width: 100%;
    margin: 25px 0 25px 0;
}

    #competition header h2{
        color: #6dc7ef;
        font-size: 41px;
        float: left;
    }

        #wedstrijdagenda.homepage > li{
            margin: 0 !important;
            float: left;
        }
        
        .compcontrols .flex-direction-nav{
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -11px;
            list-style: none;
        }

            .compcontrols .flex-direction-nav li{
                display: inline-block;
            }

            .compcontrols .flex-prev, .compcontrols .flex-next{
            width: 22px;
            height: 22px;
            float: left;
            }
            
            .compcontrols .flex-prev{ background: url(../../images/ui/flexcontrols.png) 0px 0px #67c2eb; }
            .compcontrols .flex-next{ background: url(../../images/ui/flexcontrols.png) 22px 0px #67c2eb; }

/* ----------------------------------------------------------------
    FORMS
---------------------------------------------------------------- */

#form{
    width: 100%;
    float: left;
    background: #62bee7;
    padding: 30px 35px;
    margin: 46px 0;
}

    #form h2{
        font-size: 25px;
        line-height: 30px;
        font-weight: 200;
    }

    #form p{
        font-weight: 20px;
        line-height: 27px;
        margin: 10px 0 0 0;
    }

    #form > .wpcf7{
        margin: 48px 0 0 0;
        float: left;
        width: 100%;
    }

         #form > .wpcf7 p{
            margin: 0;
         }

        .form-left{
            width:35%;
            float: left;
        }

        .form-right{
            width: 60%;
            float: right;
        }
            
            span.wpcf7-form-control-wrap {
                width: 100%;
                float: left;
                margin: 0 0 7px 0;
                overflow: visible !important;
            }
            
            .wpcf7-textarea, .wpcf7-text {
                width: 100%;
                float: left;
                margin: 0 0 21px 0;
                border: none;
                padding: 14px 15px;
                border-bottom: 2px solid #f2acb7;
                color: #b1b1b1;
                font-size: 16px;
                font-family: "proximanova", Arial, sans-serif;
                font-weight: normal;
            }

                .wpcf7-textarea{
                    height: 128px; 
                }

                .contactinput{
                    height: 205px !important;
                }

            .formsubmit{
                border: none;
                outline: none;
                height: 30px;
                float: right;
                font-size: 18px;
                font-family: "proximanova", arial;
                color: #fff;
                background-color: transparent;
                background-image: url(../../images/ui/submitbutton-bg.png); 
                background-repeat: no-repeat;
                background-position: center left;
                padding: 0 0 0 38px;
            }

            /* validation style */
            span.wpcf7-not-valid-tip{
                position: absolute;
                left: 70%;
                top: 7px;
                background: #eec6c5;
                color: #fff !important;
                text-transform: uppercase;
                font-weight: bold;
                font-size: 12px !important;
                border: none;
                padding: 3px 10px;
                white-space: nowrap;
                z-index: 2;
                font-family: "proximanova" !important;
            }
            
                .wpcf7-validation-errors{
                    width: 100%;
                    float: left;
                    border: none !important;
                    margin: 10px 0 0 0;
                    background: #eec6c5;
                    color: #fff !important;
                    text-transform: uppercase;
                    font-weight: bold;
                    font-size: 12px;
                    padding: 3px 10px;
                    font-family: "proximanova" !important;
                }
                
                .wpcf7-mail-sent-ok{
                    width: 100%;
                    float: left;
                    border: none !important;
                    margin: 10px 0 0 0;
                    background: #eec6c5;
                    color: #fff !important;
                    text-transform: uppercase;
                    text-align: center;
                    font-size: 12px;
                    padding: 3px 10px;
                    font-family: "proximanova" !important;
                }
                
#form.contact-form {
	float: left;
	margin: 0;
}

	#form.contact-form > .wpcf7 {
		margin: 0;
	}

#detail-map .detail-left {
	min-height: 425px;
}

/* ----------------------------------------------------------------
    BIOGRAFIE
---------------------------------------------------------------- */
    
.bio-item{
    width: 100%;
    float: left;
    margin: 46px 0;
    overflow: hidden;
    position: relative;
}

    .bio-content{
        padding: 30px;
        position: relative;
        float: left;
    }

        .bio-content h2{
            font-size: 65px;
            line-height: 70px;
        }

        .bio-content p{
            font-size: 17px;
            font-weight:lighter;
            line-height: 27px;
        }

        .bio-item:nth-child(even) > .bio-content{ background: #6dc7ef; }
        .bio-item:nth-child(odd) > .bio-content{ background: #f2acb7; }

    .bio-thumb{
        float: left;
        height: 100%;
        position: absolute;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center center;
    }

        .bio-thumb img{
            height: 100%;
            width: auto;
            min-width:50%;
            background-repeat: no-repeat;
            position: absolute;
        }

    /* ODD AND EVEN */
    
    .bio-item.even > .bio-content.half{ float: right; }

    .bio-item.odd > .bio-content.half:after{
        position: absolute;
        width: 0px;
        height: 0px;
        right: -20px;
        top: 50%;
        margin-top: -15px;
        content: '';
        z-index:3;
        border-left: 20px solid #6fc8f0;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }

    .bio-item.even > .bio-content.half:after{
        position: absolute;
        width: 0px;
        height: 0px;
        left: -20px;
        top: 50%;
        margin-top: -15px;
        content: '';
        z-index:3;
        border-right: 20px solid #f2acb7;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }
    
    /* img alignment half odds and even */
    .bio-item.odd > .bio-thumb.half{ right: 0; width: 50%; z-index: -3;}
    .bio-item.even > .bio-thumb.half{ left: 0; width: 50%; z-index: -3;}


    /* THREE ITEMS*/
    /* img alignment */
    .bio-item > .bio-thumb.third {
        width: 34%;
        left: 33.33%;
        position: absolute;
    }

        /* odd */
        .bio-item.odd > .bio-content:first-child.third{
            background: #b9b2a9;
            float: left;
        }

            .bio-item.odd > .bio-content:first-child.third:after{
                position: absolute;
                width: 0px;
                height: 0px;
                right: -19px;
                top: 50%;
                margin-top: -15px;
                content: '';
                z-index:3;
                border-left: 20px solid #b9b2a9;
                border-top: 15px solid transparent;
                border-bottom: 15px solid transparent;
            }

         .bio-item.odd > .bio-content:last-child.third{
            height: 100%;
            right: 0;
            position: absolute;
        }

        /* even */
        .bio-item.even > .bio-content:last-child.third{
            background: #dddddd;
            float: right;
        }

            .bio-item.even > .bio-content:last-child.third:after{
                position: absolute;
                width: 0px;
                height: 0px;
                left: -20px;
                top: 50%;
                margin-top: -15px;
                content: '';
                z-index:3;
                border-right: 20px solid #dddddd;
                border-top: 15px solid transparent;
                border-bottom: 15px solid transparent;
            }

    /* last item */
    /* odd */
    .bio-item:last-child.odd > .bio-content { width: 66.66%; }
    .bio-item:last-child.odd > .bio-thumb { width: 34%; }

    /* even */
    .bio-item:last-child.even > .bio-content { width: 66.66%; }
    .bio-item:last-child.even > .bio-thumb { width: 34%; }

/* ----------------------------------------------------------------
    BLOG
---------------------------------------------------------------- */    

#blog{
    width: 100%;
    float: left;
}

    .blog-entry{
        margin: 57px 0;
        width: 100%;
        float: left;
        background: #6dc7ef;
        position: relative;
    }

        .blog-entry:nth-child(3n+0){ background: #f2acb7; }
        .blog-entry:nth-child(3n+1){ background: #b9b2a9; }
        
        .entry-content{
            width: 61%;
            float: left;
            padding: 50px 30px 30px 30px;
            position: relative;
        }

            .entry-content:after{
                position: absolute;
                width: 0px;
                height: 0px;
                right: -20px;
                top: 50%;
                margin-top: -15px;
                content: '';
                z-index: 3;
                border-left: 20px solid #6dc7ef;
                border-top: 15px solid transparent;
                border-bottom: 15px solid transparent;
            }

                .blog-entry:nth-child(3n+0) > .entry-content:after{ border-left: 20px solid #f2acb7; }
                .blog-entry:nth-child(3n+1) > .entry-content:after{ border-left: 20px solid #b9b2a9; }

            .entry-content h2{
                font-size: 25px;
                line-height: 32px;
                font-weight: bold !important;
                margin: 0 0 35px 0;
            }

            .entry-content p{
                font-size: 17px;
                line-height: 27px;
                color: #fff;
            }

            .readmore{
                width: 100%;
                float: left;
                margin: 50px 0 0 0;
                font-size: 14px;
                color: #fff;
                background: url(../../images/ui/read-more.png) no-repeat left center;
                padding: 0 0 0 15px;
                -webkit-transition: margin 0.2s;
                -o-transition: margin 0.2s;
                transition: margin 0.2s;
            }

                .readmore:hover, .view:hover{
                    margin: 50px 0 0 10px;
                }

        .entry-thumb{
            width: 39%;
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            -webkit-background-size: cover;
            background-size: cover;
            background-position: center center;
        }
    
    /* NEXT - PREV buttons */
    .prev a{
       float: left;
       background-color: #6dc7ef;
       margin: 25px 0 0 0;
       padding: 8px 15px;
       -webkit-transition: all 0.2s;
       -o-transition: all 0.2s;
       transition: all 0.2s;
       font-size: 14px;
    }
    
        .prev a:before{
            content: '';
            position: relative;
            float: left;
            margin: 9px 10px 0 0;
            background-image: url(../../images/ui/prevnext.png);
            width: 11px;
            height: 9px;
        }

    .next a{
       float: right;
       margin: 25px 0 0 0;
       padding: 8px 15px 8px 27px;
       -webkit-transition: all 0.2s;
       -o-transition: all 0.2s;
       transition: all 0.2s;
       font-size: 14px;
       background: no-repeat #6dc7ef;
    }
        
        .next a:after{
            content: '';
            position: relative;
            float: right;
            margin: 9px 0 0 10px;
            background: url(../../images/ui/prevnext.png) 11px 0;
            width: 11px;
            height: 9px;
        }

        .prev a:hover, .next a:hover{
            background-color: #eec6c5;
        }

/* ----------------------------------------------------------------
    SINGLES
---------------------------------------------------------------- */

.post, .wedstrijd{
    margin: 70px 0 0 0;
}

    .entry-header{
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.7);
        float: left;
    }

    .single-content{
        margin: 46px 0;
        float: left;
    }

        .single-txt, .single-thumb{ padding: 25px; }

        .comp-meta{
            width: 100%;
            float: left;
            list-style: none;
            margin: 10px 0;
            padding: 0;
        }

            .comp-meta li{
                display: inline-block;
                 list-style: none;
                 float: left;
                 font-size: 18px;
                 margin-right: 15px;
            }

            .postvid{
                width: 100%;
                position: relative;
                float: left;
                overflow: hidden;
            }

                .postvid > .wp-video{
                    width: 100% !important;
                    height: 300px;
                    overflow: hidden;
                    /*position: absolute;
                    top: 0;
                    left: 0;*/
                }

/* ----------------------------------------------------------------
    CONTACT
---------------------------------------------------------------- */

#detail-map{
    width: 100%;
    float: left;
    margin: 46px 0 46px 0;
    position: relative;
}

    .detail-left{
        width: 33.33%;
        float: left;
        padding: 35px;
        background: #f2acb7;
    }

        .detail-left ul{
            width: 100%;
            float: left;
            display: inline-block;
            list-style: none;
            font-size: 16px;
            line-height: 22px;
            font-weight: normal;
        }

            .contact-data ul li{
                float: left;
                display: inline-block;
                list-style: none;
                font-size: 15px;
                margin: 0 15px 0 0;
                padding: 0;
                width: 100%;    
            }

                .contact-data > li:first-child{
                    font-size: 20px !important;
                    line-height: 24px;
                    margin: 0 0 15px 0;
                    font-weight: normal;
                }

        .getsocial{
            width: 100%;
            float: left;
        }

            .getsocial ul{
                margin: 10px 0 0 0;
            }

            .getsocial ul li{
                float: left;
                list-style: inline-block;
                margin: 0 15px 0 0;
            }

                .getsocial ul li a{
                    font-size: 20px;
                }

    #mapright{
        width: 67%;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        min-height: 100%;
    }

        #mapright #form{
            height: 100%;
        }

        #map-canvas{
            width: 100%;
            float: left;
            height: 100%;
        }


/* ----------------------------------------------------------------
    Wedstrijdagenda
---------------------------------------------------------------- */

#wedstrijdagenda{
width: 100%;
float: left;
overflow: hidden;
}
    .competitionpage{
        margin: 42px 0;
    }

    #wedstrijdagenda li{
    list-style: none;
    font-size: 14px;
	line-height: 17px;
    }

#wedstrijdagenda .item {
float: left;
overflow: hidden;
position: relative;
border: none;
}
        
    #wedstrijdagenda > .item:nth-child(3n+1){ background: #f2acb7; }
        #wedstrijdagenda > .item:nth-child(3n+1) .item-desc.down:after{ border-bottom: 20px solid #f2acb7; }

    #wedstrijdagenda > .item:nth-child(3n+2){ background: #b9b2a9; }
        #wedstrijdagenda > .item:nth-child(3n+2) .item-desc.down:after{ border-bottom: 20px solid #b9b2a9; }

    #wedstrijdagenda > .item:nth-child(3n+3){ background: #6dc7ef; }
        #wedstrijdagenda > .item:nth-child(3n+3) .item-desc.down:after{ border-bottom: 20px solid #6dc7ef; }

    .item-desc.down:after{
        position: absolute;
        width: 0px;
        height: 0px;
        content: '';
        z-index:3;
        border-left: 15px solid transparent;
        border-bottom: 20px transparent;
        border-right: 15px solid transparent;
        top: -20px;
        left: 50%;
        margin-left: -15px;
    }

       /* #wedstrijdagenda > .item:nth-child(4n+1) .item-desc.down:after{ border-bottom: 20px solid #f2acb7; }
        #wedstrijdagenda > .item:nth-child(4n+2) .item-desc.down:after{ border-bottom: 20px solid #b9b2a9; }*/
        
        .item-desc.up:after{
            position: absolute;
            width: 0px;
            height: 0px;
            content: '';
            z-index: 5;
            border-left: 15px solid transparent;
            border-top: 20px transparent;
            border-right: 15px solid transparent;
            bottom: -20px;
            left: 50%;
            margin-left: -15px;
        }

        #wedstrijdagenda > .item:nth-child(4n+2) .item-desc.up:after{ border-top: 20px solid #b9b2a9; }
        #wedstrijdagenda > .item:nth-child(4n+1) .item-desc.up:after{ border-top: 20px solid #f2acb7; }
        #wedstrijdagenda > .item:nth-child(4n+2) .item-desc.up:after{ border-top: 20px solid #b9b2a9; }

    .item-thumb{
        width: 100%;
        float: left;
        height: 228px;
        position: relative;
        background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center center;
    }

    .item-desc{
        float: left;
        width: 100%;
        padding: 25px;
        min-height: 228px;
        position: relative;
    }

            .item-desc ul{
                width: 100%;
                float: left;
                margin:15px 0 0 0;
                padding: 0;
                list-style: none;
                line-height: 20px;
            }

                .item-desc li{
                    list-style: none;
                    width: 100%;
                    float: left;
                    font-size: 18px;
                    display: inline-block;
                }

                    .item-desc span{
                        min-width: 100px;
                        width: 32%;
                        float: left;
                    }

        .view{
            position: absolute;
            bottom: 10px;
            left: 25px;
            font-size: 14px;
            background-image: url(../../images/ui/footersubmit.svg);
            background-repeat: no-repeat;
            background-position: left center;
            background-size: 12px 10px;
            padding: 0px 0 0 16px;
            -webkit-transition: margin 0.2s;
            -o-transition: margin 0.2s;
            transition: margin 0.2s;
        }
        
        .no-svg .view {
	        background-image: url(../../images/ui/footersubmit.png);
        }

/* ----------------------------------------------------------------
    TIMELINE
---------------------------------------------------------------- */

#timeline{
    width: 100%;
    float: left;
    min-height: 1000px;
    position: relative;
    margin: 100px 0;
}
    #timeline ul{
        width: 100%;
        float: left;
        list-style: none;
        position: relative;
    }

    .yearsection{
        position: relative;
        height:360px;
        margin: 0px auto 55px auto;
    }

        .yearsection:after{
            content: '';
            position: absolute;
            height: 100%;
            width: 1px;
            background: rgba(255,255,255,1);
            left: 50%;
        }

        .year{
            height: 55px;
            width: 140px;
            text-align: center;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
            position: absolute;
            left: 50%;
            margin-left: -70px;
            margin-top:-55px;
            padding: 12px 0 0 0;
            font-size: 40px;
        }

            .yearsection:first-child .year{
                border-top: none !important;
            }
        
        .timeline-item{
            position: absolute;
            width: 50%;
            top: 0;
        }

            .line-left{ left: 0; }
            .line-right{ right: 0;}

            .timeline-item:before{
                content: '';
                width: 100%;
                height: 1px;
                background-color: #fff;
                position: absolute;
            }
                
                .timeline-item:after{
                    content: '•';
                    font-size: 70px;
                    position: absolute;
                    top: -3px;
                    line-height: 0;
                }

                .line-left.timeline-item:after{ right: -13px; }
                .line-right.timeline-item:after{ left: -13px; }

            .item-content{
                position: absolute;
                padding: 20px;
                font-size:  17px;
                top: -50%;
                max-width: 450px;
            }

                .line-left .item-content{ left: 0; }
                .line-right .item-content{ right: 0; }

                    .line-left .item-content:after{
                        position: absolute;
                        width: 0px;
                        height: 0px;
                        right: -20px;
                        top: 50%;
                        margin-top: -15px;
                        content: '';
                        z-index: 3;
                        border-top: 15px solid transparent;
                        border-bottom: 15px solid transparent;
                    }

                    .line-right .item-content:after{
                        position: absolute;
                        width: 0px;
                        height: 0px;
                        left: -20px;
                        top: 50%;
                        margin-top: -15px;
                        content: '';
                        z-index: 3;
                        border-top: 15px solid transparent;
                        border-bottom: 15px solid transparent;
                    }

                    .line-left .blue.item-content:after{ border-left: 20px solid #6dc7ef; }
                    .line-right .blue.item-content:after{ border-right: 20px solid #6dc7ef; }

                    .line-left .pink.item-content:after{ border-left: 20px solid #f2acb7; }
                    .line-right .pink.item-content:after{ border-right: 20px solid #f2acb7; }

                    .line-left .grey.item-content:after{ border-left: 20px solid #b9b2a9; }
                    .line-right .grey.item-content:after{ border-right: 20px solid #b9b2a9; }

            .item-content ul{
                width: 100%;
                float: left;
                list-style: none;
                margin: 0;
                padding: 0;
            }

/* ----------------------------------------------------------------
    INSTAGRAM
---------------------------------------------------------------- */

.instagram{
    width: 100%;
    float: left;
    margin: 65px 0;
}

    .instagram .item.fifth{
        float: left;
    }

    .instagram li{
        list-style: none;
    }
/* ----------------------------------------------------------------
    SPONSORS
---------------------------------------------------------------- */

.sponsortitle{
border-bottom: 1px solid #fff;
text-align: center;
margin: 0 1.666666666666667% 25px 1.666666666666667%;
padding: 0 0 5px 0;
font-weight: bold;
}

#sponsors{
    width: 100%;
    float: left;
}

    #sponsors ul{
    list-style: none;
    width: 100%;
    float: left;
    display: table;
    }

        #sponsors ul li{
            display: table-cell;
            width: auto;
            text-align: center;
            vertical-align: middle;
            padding: 0 10px;
        }

/* ----------------------------------------------------------------
    FOOTER
---------------------------------------------------------------- */

#socialfooter{
width: 100%;
float: left;
margin: 47px 0;
}

    #socialfooter ul{
        list-style: none;
        width: 100%;
        float: left;
        text-align: center;
    }

        #socialfooter ul li{
            width: auto;
            display: inline-block;
            line-height: 128px;
        }

            #socialfooter ul li a{
                width: 127px;
                height: 127px;
                border-radius: 50% 50%;
                background: #333333;
                font-size: 50px;
                float: left;
                margin: 0 40px;
                -webkit-transition: all 0.2s;
                -moz-transition: all 0.2s;
                -ms-transition: all 0.2s;
                -o-transition: all 0.2s;
                transition: all 0.2s;
            }
                

                #socialfooter ul li a.foot-fb:hover{ background: #48649f; color: #fff; }
                #socialfooter ul li a.foot-tw:hover{ background: #55acee; color: #fff; }
                #socialfooter ul li a.foot-link:hover{ background: #006699; color: #fff; }
                #socialfooter ul li a.foot-insta:hover{ background: #517fa4; color: #fff; }
                #socialfooter ul li a.foot-yout:hover{ background: #cc181e; color: #fff; }

#footer{
    width: 100%;
    float: left;
    background: #333333;
}
    
    /* sponsoren */

    .footer-section, #wpcf7-f63-o2{
        width: 30%;
        float: left;
        margin: 0 1.666666666666667% 0 1.666666666666667%;
    }

        #wpcf7-f63-o2 .footer-section{
            width: 100%;
        }

        .footer-section h3{
            padding: 0 0 5px 0;
            border-bottom: 1px solid #fff;
            margin: 0 0 25px 0;
            font-weight: bold;
        }
        
        /* contact form footer */
        .footer-section p{
            font-size: 16px;
            line-height: 23px;
            color: #fff;
            margin: 0 0 20px 0;
            float: left;
        }   

            .contact-margin{
                margin: 0 0 40px 0 !important;
            }

        .footer-section input[type="text"], .footer-section input[type="email"]{
            width: 100%;
            float: left;
            border: 1px solid #cfcfcf;
            padding: 10px 15px;
            color: #333333;
            font-size: 15px;
            margin: 4px 0;
        }

        .footersubmit{
            border: none;
            outline: none;
            color: #fff;
            font-weight: bold;
            font-family: "proximanova", Arial, sans-serif;
            background-color: transparent;
            background-image: url(../../images/ui/footersubmit.svg);
            background-repeat: no-repeat;
            background-position: center left;
            background-size: 12px 10px;
            padding: 0 0 0 18px;
            float: left;
            margin: 5px 0 0 0;
        }
        
        .no-svg .footersubmit {
	        background-image: url(../../images/ui/footersubmit.png);
        }

        /* tweets */

        .twitter-cont{
            width: 100%;
            float: left;
        }  

            .twitter-cont ul{
                margin: 0;
            }

            .twitter-cont ul, .twitter-cont ul li{
                width: 100%;
                float: left;
                list-style: none;
            }

                .twitter-cont ul li{
                    font-size: 16px;
                    padding: 0 0 10px 0;
                    margin: 0 0 10px 0;
                    border-bottom: 1px solid #898989;
                    color: #ffffff;
                    line-height: 20px;
                }

                    .twitter-cont ul li:last-child{
                        border-bottom: none;
                    }

                    .twitter-cont ul li a{
                        color: #5bb9e2;
                        text-decoration: none;
                        font-weight: bold;
                    }

            .status, .meta{
                width: 100%;
                float: left;
            }

                .meta a{
                    font-size: 12px;
                    margin: 3px 0 0 0;
                }

        /* contact */

        .footer-section .contact{
            width: 50%;
            float: left;
            list-style: none;
            font-size: 16px;
        }

            .footer-section .contact:nth-child(even){
                padding: 0 15px 0 0;
            }

            .footer-section .contact:nth-child(odd){
                padding: 0 0 0 15px;
            }

                .contact > li:first-child{
                    font-weight: bold;
                }

#footer-bottom{
    width: 100%;
    float: left;
    background: #1c1c1c;
    padding: 6px 25px;
    }

    #footer-bottom p{
        float: left;
        font-size: 13px;
        color: #a0a0a0;
        margin: 0;
        padding: 0;
    }

    .creator {
        float: right;
        margin: 0 5px 0 0;
    }

        .creator a {
            font-family: 'Georgia_Bold';
            letter-spacing: -1px;
            color: #a0a0a0 !important;
            font-size: 15px;
            font-weight: bold;
        }