/* Overrides */
body { font-family: Arial; }
::selection { background: #A19950; /* Safari */}
::-moz-selection { background: #A19950; /* Firefox */}
a { color: #FFF; text-decoration: none; }
a:active, a:hover { color: #FFF; }
.post h4 { margin: -2px 0 12px; text-transform: uppercase; font-size: 14px; text-decoration: none;}
.widget a:hover { color: #FFF; }
.masthead-fixed .site-header { display: none; }
.masthead-fixed .site-main { margin-top: 0; }
.site:before { display: none; }
.site { max-width: 1068px; margin: 0 auto; background: none;}
.site-content { margin-left: 0; }
.site-footer { display: none;}
.easy-instagram-thumbnail-wrapper { float: left; margin: 5px 5px; }
.widget { margin-bottom: 0; }
span.tb_msg { width: 190px; float: right; font-size: 12px; }
.tb_author { color: #FFF; }
a.tb_photo img { border: none; width: 36px; }
span.tb_msg { color: #FFF; }
.tb_tweet-info { color: #FFF; font-style: italic; width: 104px; float: right; font-size: 11px; }
.uep_event_date, .uep_workshop_date { font-size: 11px !important; color: #FFF !important; }
.uep_event_entry { margin-bottom: 15px; }
.about h4 { margin: -2px 0 0; }
.newsletter h4 { margin: -2px 0 0; text-transform: none; }
.newsletter table, td, th, tr { border: 0; }
.newsletter input{ margin: 5px 0; }
.blog, .blog p, .blog a { color: #FFF; }
.blog h4 { margin-bottom: 4px; color: #FFF; }
.blog h5 { margin: 0; font-size: 14px; color: #FFF; }
.program h5, .workshops h5 { margin: 0; }
.workshops li { margin-bottom: 15px; }
.comments-fb { display: none !important; }
.read-more { text-decoration: underline; font-size: 13px; }
.widget h5 { line-height: 1.4;}
div.tb_msg { background: none; border: 1px solid #FFF; color: #FFF; }
.post-info { background: #878787; z-index: 999; position: relative; }
.post-content { margin-top: -1px; position: relative; z-index: 1; font-size: 1px; }
.post-content p { font-size: 15px; }
#masonry-wrapper { min-height: 2180px; }
.foursquare ul { list-style: none !important; margin: 0 0 15px 0; }
.share img { float: left; width: 22px !important; height: 22px !important; }
.share a { height: 25px !important; }
#cff .cff-author img { float: left; margin: 5px 8px 0 0; width: 30px; height: 30px; }
#cff .cff-author span { font-size: 15px; height: 40px !important; }
#cff .cff-author { margin: 0; }
#cff p { font-size: 14px; }
#cff .cff-item { padding: 0px 0 5px 0; }
#cff .cff-viewpost-link, #cff .cff-viewpost-facebook { float: left; text-decoration: underline; padding: 0; }
.linkedin h4 { margin: 0; }
.facebook h4 { margin: 0; }
.tweets .tb_header { display: none; }
.fancybox-skin a { color: rgba(161,153,80,1); }
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed { height: 140%; }
.vimeography-bugsauce .vimeography-thumbnails { top: 80px !important; }
.post p {font-size: 12px; }
.tweets h4 { width: 94%; }
button, .button, input[type="button"], input[type="reset"], input[type="submit"] { background-color: #A19950; }
.soundcloud iframe { margin-bottom: 0; }
.contact p { margin-bottom: 14px; }

.rfbp-timestamp { color: #FFF; }
div.tb_tweet { border-top: solid 1px #ccc; }
div.tb_tweetlist { border-bottom: solid 1px #ccc; }

/* Cols */
.col_1 { width: 72px; } /* normaal blok */
.col_2 { width: 92px; } /* normaal + gutter */
.col_3 { width: 160px; } /* normaal + gutter + normaal */
.col_4 { width: 183px; } /* normaal + gutter + n + g*/
.col_5 { width: 250px; } /* normaal + gutter + n+g+n*/
.col_6 { width: 274px; } /* normaal + gutter + n+g+n+g*/
.col_7 { width: 340px; } /* normaal + gutter + n+g+n+g+n*/
.col_8 { width: 366px; } /* normaal + gutter + n+g+n+g+n+g*/
.col_9 { width: 437px; } /* normaal + gutter + n+g+n+g+n+g+n*/

/* Colors */
.grijs10 { background-color: #dadada; }
.grijs20 { background-color: #878787; }
.grijs30 { background-color: #7b7d7f; }
.grijs40 { background-color: #575756; }
.zwart10 { background-color: #282827; }
.zwart20 { background-color: #000; }

/* Custom */
@media screen and (min-device-width : 1024px) {
    .post { display: inline; float: left; padding: 7px 5px; color: #FFF; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .logo { top: -50px !important; width: 240px; left: 40px !important; }
    .share { left: auto !important; right: 0 !important; }
    .contact { top: 250px !important; left: 908px !important; margin-top: 30px; right: 0 !important; }
    .soundcloud { top: 940px !important; left: 455px !important; background-image:url('../images/WOT_Soundcloud.png'); background-repeat:no-repeat; background-position:96% 2%; background-size: 24px 24px; }
    .tweets { top: 610px !important; left: auto !important; right: 0; min-height: 450px; background-image:url('../images/WOT_Twitter.png'); background-repeat:no-repeat; background-position:96% 1.5%; background-size: 24px 24px; }
    .about { top: 170px !important; }
    .newsletter { top: 220px !important; left: 0 !important; }
    .quote { top: 270px !important; min-height: 80px; }
    .program { min-height: 500px; left: 368px !important; }
    .workshops { left: 635px !important; top: 310px !important; }
    .vimeo { top: 400px !important; left: 0 !important; min-height: 440px; background-image:url('../images/WOT_Vimeo.png'); background-repeat:no-repeat; background-position:96% 1%; background-size: 20px 20px; }
    .blog { top: 870px !important; left: 0 !important; min-height: 900px; color: #000;}
    .gallery { min-height: 290px; left: auto !important; top: 1120px !important; right: 0; }
    .projects { left: 548px !important; top: 0 !important; }
    .linkedin { left: 465px !important; top: 1120px !important; background-image:url('../images/WOT_LinkedIn.png'); background-repeat:no-repeat; background-position:96% 50%; background-size: 20px 20px; }
    .instagram { left: 457px !important; top: 1500px !important; }
    .static { left: 520px !important; top: 1280px !important; color: #000;}
    .facebook { left: 465px !important; top: 1180px !important; overflow: hidden; background-image:url('../images/WOT_Facebook.png'); background-repeat:no-repeat; background-position:96% 50%; background-size: 20px 20px; }
    .facebook p { color: #fff; }
    .foursquare { left: 870px !important; top: 1460px !important; }
    .fancybox-skin { width: 500px; margin: 0 auto !important; }
    .fancybox-skin p { width: 480px !important;  }
    .fancybox-skin h4 { width: 480px !important; margin: 16px 0 12px; }
    .no_show_block {display: none;}
}

.fancybox-skin .uep_event_date { color: #333 !important; }

/* Vimeo */
.vimeography-bugsauce .vimeography-thumbnails .vimeography-slides li img { width: 82px !important; height: 55px !important; }
.vimeography-bugsauce-active-slide { width: 84px !important; }
.vimeography-bugsauce .vimeography-bugsauce-direction-nav a { top : 19% !important; }
.vimeography-bugsauce .vimeography-thumbnails .vimeography-slides li { width: 84px !important; margin: 0 11px 0 0 !important; }

/* Gallery */
.cycloneslider-template-standard .cycloneslider-pager { top: -20px; right: 2px; left: auto !important; bottom: auto !important; text-align: right; display: none; }
.cycloneslider-template-standard .cycloneslider-pager span { border-radius: 0; width: 10px; height: 10px; background: #FFF; }
.cycloneslider-template-standard .cycloneslider-pager span.cycle-pager-active { background: #000; }
.cycloneslider-template-standard .cycloneslider-caption { height: 100%; opacity: 1 !important; background: rgba(161,153,80,0.7); display: none; }
.cycloneslider-template-standard:hover .cycloneslider-caption, .cycloneslider-template-standard:hover .cycloneslider-caption.hover_effect { display: block; }
.cycloneslider-template-standard:hover .cycloneslider-caption-title, .cycloneslider-template-standard:hover .cycloneslider-caption-title.hover_effect { color: #FFF; }
.cycloneslider-template-standard:hover .cycloneslider-caption-description, .cycloneslider-template-standard:hover .cycloneslider-caption-description.hover_effect { color: #FFF; }
.cycloneslider-template-standard .cycloneslider-caption-description { padding: 0 38px 6px 38px; font-size: 12px; line-height: 1.5; }
.cycloneslider-template-standard .cycloneslider-caption-title { font-size: 19px; padding-left: 40px; }
.cycloneslider-template-standard .cycloneslider-slide { background: #000 !important; }
/*.cycloneslider-template-standard div[data-cycle-dynamic-height="off"] .cycloneslider-slide-image { height: auto; }*/

/* Project slider */
/*.project-slide-big .cycloneslider-template-default .cycloneslider-caption-title { font-size: 12px; padding: 10px 20px 30px 0; }*/
/*.project-slide-big .cycloneslider-template-default .cycloneslider-pager { top: -20px; right: 2px; left: auto !important; bottom: auto !important; text-align: right; }*/
/*.project-slide-big .cycloneslider-template-default .cycloneslider-pager span { border-radius: 0; width: 10px; height: 10px; background: #FFF; }*/
/*.project-slide-big .cycloneslider-template-default .cycloneslider-pager span.cycle-pager-active { background: #000; }*/
/*.project-slide-big .cycloneslider-template-default .cycloneslider-prev, .cycloneslider-template-default .cycloneslider-next { top: 35%; }*/
/*.project-slide-big, .project-slide-small .cycloneslider-template-standard .cycloneslider-caption-title { padding: 7px 6px 0px 7px; }*/

/* Projects */
.project-slide-small .cycloneslider-template-default .cycloneslider-caption-title { font-size: 10px; padding: 10px 20px 30px 0; }
.project-slide-small .cycloneslider-template-default .cycloneslider-pager { display: none; }
.project-slide-small .cycloneslider-template-default .cycloneslider-next, .project-slide-small .cycloneslider-template-default .cycloneslider-prev { display: none; }
.project-slide-small .cycloneslider-template-default .cycloneslider-slides { height: 52.2px !important; }
.project-slide-small .cycloneslider-template-default { max-width: 80px !important; }

.project-slide-small .cycloneslider-template-standard .cycloneslider-pager { display: none; }
.project-slide-small { float: left; width: 70px; height: 65px; position: relative; margin-right: 12px;}
.project-slide-small:last-of-type { margin-right: 0; }
.project-slide-small:first-of-type { margin-left: 1px; }

@media screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
    .post-content { margin-top: -2px; }
    .no_mobile { display: none !important; }
    .show_mobile { display: block !important; }
    .post { display: inline; float: none; padding: 7px 5px; color: #FFF; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; }
    .about { left: 114px !important; top: 145px !important; }
    .newsletter { top: 207px !important; left: 40px !important; }
    .quote { top: 267px !important; min-height: 80px; }
    .program { top: 373px !important; left: 10px !important; min-height: 500px; }
    .share { left: auto !important; right: 0; top: 415px !important; }
    .gallery { top: 3712px !important; }
    .vimeo { top: 1226px !important; background-image:url('../images/WOT_Vimeo.png'); background-repeat:no-repeat; background-position:96% 1%; background-size: 20px 20px; }
    .tweets { top: 1698px !important; left: 45px !important; background-image:url('../images/WOT_Twitter.png'); background-repeat:no-repeat; background-position:96% 1.5%; background-size: 24px 24px; }
    .workshops { top: 2140px !important; left: 100px !important; min-height: 450px; }
    .soundcloud { top: 2620px !important; background-image:url('../images/WOT_Soundcloud.png'); background-repeat:no-repeat; background-position:96% 2%; background-size: 24px 24px; }
    .blog {top: 2871px !important; min-height: 815px; }
    .projects { top: 903px !important; }
    .static { top: 4100px !important; }
    .instagram { top: 4220px !important; }
    .linkedin { top: 4640px !important; background-image:url('../images/WOT_LinkedIn.png'); background-repeat:no-repeat; background-position:96% 50%; background-size: 20px 20px; }
    .facebook { top: 4940px !important; background-image:url('../images/WOT_Facebook.png'); background-repeat:no-repeat; background-position:96% 50%; background-size: 20px 20px; }
    .contact { top: 620px !important; left: auto !important; right: -20px; }
    .foursquare { top: 5500px !important; }
    .col_9 { width: 340px; }
}

@media screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    .post-content { margin-top: -2px; }
    .no_mobile { display: none !important; }
    .show_mobile { display: block !important; }
    .post { display: inline; float: none; padding: 7px 5px; color: #FFF; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; }
    .about { left: 114px !important; top: 145px !important; }
    .newsletter { top: 207px !important; left: 40px !important; }
    .quote { top: 267px !important; min-height: 80px; }
    .program { top: 373px !important; left: 10px !important; min-height: 500px; }
    .share { left: auto !important; right: 0; top: 415px !important; }
    .gallery { top: 3712px !important; }
    .vimeo { top: 1226px !important; background-image:url('../images/WOT_Vimeo.png'); background-repeat:no-repeat; background-position:96% 1%; background-size: 20px 20px; }
    .tweets { top: 1668px !important; left: 45px !important; background-image:url('../images/WOT_Twitter.png'); background-repeat:no-repeat; background-position:96% 1.5%; background-size: 24px 24px; }
    .workshops { top: 2140px !important; left: 100px !important; min-height: 450px; }
    .soundcloud { top: 2620px !important; background-image:url('../images/WOT_Soundcloud.png'); background-repeat:no-repeat; background-position:96% 2%; background-size: 24px 24px; }
    .blog {top: 2871px !important; min-height: 815px; }
    .projects { top: 903px !important; }
    .static { top: 4100px !important; }
    .instagram { top: 4220px !important; }
    .linkedin { top: 4640px !important; background-image:url('../images/WOT_LinkedIn.png'); background-repeat:no-repeat; background-position:96% 50%; background-size: 20px 20px; }
    .facebook { top: 4940px !important; background-image:url('../images/WOT_Facebook.png'); background-repeat:no-repeat; background-position:96% 50%; background-size: 20px 20px; }
    .contact { top: 620px !important; left: auto !important; right: -20px; }
    .foursquare { top: 5500px !important; }
    .col_9 { width: 340px; }
}

@media screen and (min-device-width: 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .post-content { margin-top: -2px; }
    .post { display: inline; float: none; padding: 7px 5px; color: #FFF; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; }
    .about { left: 114px !important; top: 145px !important; }
    .newsletter { top: 207px !important; left: 40px !important; }
    .quote { top: 267px !important; min-height: 80px; }
    .program { top: 373px !important; left: 10px !important; min-height: 500px; }
    .share { left: auto !important; right: 20px !important; top: 415px !important; }
    .gallery { top: 2672px !important; left: auto !important; right: 20px !important; }
    .vimeo { top: 1226px !important; left: 30px !important; background-image:url('../images/WOT_Vimeo.png'); background-repeat:no-repeat; background-position:96% 1%; background-size: 20px 20px; }
    .tweets { top: 1308px !important; left: auto !important; right: 40px !important; background-image:url('../images/WOT_Twitter.png'); background-repeat:no-repeat; background-position:96% 1.5%; background-size: 24px 24px; }
    .workshops { top: 1950px !important; left: auto !important; min-height: 450px; right: 20px !important; }
    .soundcloud { top: 1710px !important; right: 20px !important; left: auto !important; background-image:url('../images/WOT_Soundcloud.png'); background-repeat:no-repeat; background-position:96% 2%; background-size: 24px 24px; }
    .blog {top: 1801px !important; min-height: 815px; left: 20px !important; }
    .projects { top: 903px !important; left: 218px !important; }
    .static { top: 2830px !important; left: 100px !important; }
    .instagram { top: 3080px !important; left: 20px !important; }
    .linkedin { top: 2440px !important; background-image:url('../images/WOT_LinkedIn.png'); background-repeat:no-repeat; background-position:96% 50%; background-size: 20px 20px; }
    .facebook { top: 2520px !important; right: 40px !important; left: auto !important; background-image:url('../images/WOT_Facebook.png'); background-repeat:no-repeat; background-position:96% 50%; background-size: 20px 20px; }
    .contact { top: 560px !important; left: auto !important; right: 230px !important; }
    .foursquare { top: 3100px !important; left: auto !important; right: 120px !important; }
    .col_9 { width: 340px; }
}

@media screen and (min-device-width: 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .post-content { margin-top: -2px; }
    .post { display: inline; float: none; padding: 7px 5px; color: #FFF; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; }
    .about { left: 114px !important; top: 145px !important; }
    .newsletter { top: 207px !important; left: 40px !important; }
    .quote { top: 267px !important; min-height: 80px; }
    .program { top: 373px !important; left: 10px !important; min-height: 500px; }
    .share { left: auto !important; right: 20px !important; top: 415px !important; }
    .gallery { top: 2672px !important; left: auto !important; right: 20px !important; }
    .vimeo { top: 1226px !important; left: 30px !important; background-image:url('../images/WOT_Vimeo.png'); background-repeat:no-repeat; background-position:96% 1%; background-size: 20px 20px; }
    .tweets { top: 1308px !important; left: auto !important; right: 40px !important; background-image:url('../images/WOT_Twitter.png'); background-repeat:no-repeat; background-position:96% 1.5%; background-size: 24px 24px; }
    .workshops { top: 1950px !important; left: auto !important; min-height: 450px; right: 20px !important; }
    .soundcloud { top: 1710px !important; right: 20px !important; left: auto !important; background-image:url('../images/WOT_Soundcloud.png'); background-repeat:no-repeat; background-position:96% 2%; background-size: 24px 24px; }
    .blog {top: 1801px !important; min-height: 815px; left: 20px !important; }
    .projects {  top: 903px !important; left: 218px !important; }
    .static { top: 2830px !important; left: 100px !important; }
    .instagram { top: 3080px !important; left: 20px !important; }
    .linkedin { top: 2440px !important; background-image:url('../images/WOT_LinkedIn.png'); background-repeat:no-repeat; background-position:96% 50%; background-size: 20px 20px; }
    .facebook { top: 2520px !important; right: 40px !important; left: auto !important; background-image:url('../images/WOT_Facebook.png'); background-repeat:no-repeat; background-position:96% 50%; background-size: 20px 20px; }
    .contact { top: 560px !important; left: auto !important; right: 230px !important; }
    .foursquare { top: 3100px !important; left: auto !important; right: 120px !important; }
    .col_9 { width: 340px; }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .post-content { margin-top: -2px; }
    .post { display: inline; float: none; padding: 7px 5px; color: #FFF; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; }
    .about { left: 114px !important; top: 145px !important; }
    .newsletter { top: 207px !important; left: 40px !important; }
    .quote { top: 267px !important; min-height: 80px; }
    .program { top: 373px !important; left: 10px !important; min-height: 500px; }
    .share { left: auto !important; right: 20px !important; top: 415px !important; }
    .gallery { top: 903px !important; left: 218px !important; }
    .vimeo { top: 1226px !important; left: 30px !important; background-image:url('../images/WOT_Vimeo.png'); background-repeat:no-repeat; background-position:96% 1%; background-size: 20px 20px; }
    .tweets { top: 1308px !important; left: auto !important; right: 40px !important; background-image:url('../images/WOT_Twitter.png'); background-repeat:no-repeat; background-position:96% 1.5%; background-size: 24px 24px; }
    .workshops { top: 1950px !important; left: auto !important; min-height: 450px; right: 20px !important; }
    .soundcloud { top: 1710px !important; right: 20px !important; left: auto !important; background-image:url('../images/WOT_Soundcloud.png'); background-repeat:no-repeat; background-position:96% 2%; background-size: 24px 24px; }
    .blog {top: 1801px !important; min-height: 815px; left: 20px !important; }
    .projects { top: 2672px !important; min-height: 360px; left: auto !important; right: 20px !important; }
    .static { top: 2830px !important; left: 100px !important; }
    .instagram { top: 3080px !important; left: 20px !important; }
    .linkedin { top: 2440px !important; background-image:url('../images/WOT_LinkedIn.png'); background-repeat:no-repeat; background-position:96% 50%; background-size: 20px 20px; }
    .facebook { top: 2520px !important; right: 40px !important; left: auto !important; background-image:url('../images/WOT_Facebook.png'); background-repeat:no-repeat; background-position:96% 50%; background-size: 20px 20px; }
    .contact { top: 560px !important; left: auto !important; right: 230px !important; }
    .foursquare { top: 3100px !important; left: auto !important; right: 120px !important; }
    .col_9 { width: 340px; }
}