/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */


#wprmenu_bar {
  mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 25%, #ffffff 75%, rgba(255, 255, 255, 0) 100%);
  margin: 0 auto;
}

	
#logo { float: none; margin: 0 auto; width: 395px; }


#navigation a {
color: #0177a7;
}

/* That happens because the menu has a higher z-index than the lightbox. For the menu is 9000 and for the lightbox is 8010. What you need to do is either increase the z-index of the lightbox:  */

.fancybox-overlay {
   z-index: 10000;
}

/*  or decrease the z-index of the menu:  */

#navigation {
   z-index: 5000;
}


/* remove homepage title */
.home .title {
display:none;
}

/* turn avatars into squares */
#post-author .profile-image img, #comments .avatar img {
border-radius: 0; 
-moz-border-radius: 0; 
-webkit-border-radius: 0;
}

/* no image border */
.entry img, img.thumbnail {
     background: none;
     border: medium none;
     padding: 5px;
}

/* breadcrumb you are here removal */
.breadcrumb-title {
display: none;
}

/* remove breadcrumbs off homepage */
.home .breadcrumb {
display: none;
}

/* geen author info 
.post-meta { display:none; }
*/

/* footer opmaak */
#footer-widgets {
background:#f5f9fc;
padding:20px;
}

/* sidebar same color as header and footer */
#sidebar {
background: url("imageurl") repeat scroll 0 0 #f5f9fc;
padding:5px;
margin-left: auto;
margin-right: auto;
}

/* slider minder ruimte */
#navigation {
margin-bottom: 1em;
}

/* geen slider pijltjes */
a.flex-prev, a.flex-next {
display: none;

}

#loopedSlider {
  margin: 0 auto 0;
  padding: 0;
  position: relative; }

#loopedSlider {
  margin-bottom: -40px;
  overflow: hidden; }

/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
	/* Desktop styles go below this line */

#top-nav {
float: right;
margin-right: 0px;
}


/* MOBILE STYLES
-----------------
@media only screen and (max-width: 767px) {


}