/*

Theme Name: Marjan de Voogd
Theme URI: http://theme.co/x/
Author: Duhen
Author URI: http://www.duhen.com/
Description: Child theme voor Marjan de Voogd.
Version: 1.1.0
Template: x





*/

/* ################### Header ################## */

.x-navbar {
  border-bottom: none !important;
  box-shadow: none !important;
}
/* ################### Posts ################### */

h5, h6{
	text-transform: uppercase !important;
	
}
.post .entry-thumb{
	display:none !important;
}

.entry-wrap {
    background-color: #f7fffc;
/* background-color: rgba(253, 255, 248, 0.75); */
    border-radius: 4px;
}

/*--------------------------------------------------------------
## NexGen Gallery
--------------------------------------------------------------*/

.ngg-imagebrowser .pic {
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    border: none !important;
}

.ngg-gallery-thumbnail {
/*     text-align: center; */
    max-width: 100% !important;
    background-color: #FFF;
    border: none !important;
    margin: 5px !important;
}
.galleria-dock-toggle-container{
  display:none !important;
}
.galleria-theme-nextgen_pro_lightbox .galleria-info-title {
  font-family: "Lato", sans-serif !important;
  font-size: 12px !important;
  font-weight:300 !important;
  letter-spacing: 0.011em !important;
  margin: 16px 16px 6px 16px;
  color: #2c3e50 !important;
  overflow: hidden;
  text-align: left;
  text-transform: uppercase;
}
#npl_wrapper.npl-variant-white .galleria-theme-nextgen_pro_lightbox .galleria-image-nav-left, #npl_wrapper.npl-variant-white .galleria-theme-nextgen_pro_lightbox .galleria-image-nav-right {
  background: transparent !important;
}
.galleria-image-nav .fa-angle-left::before {
  font-size: 30px !important;
  position: relative !important;
  top: -13px !important;
  left: 8px !important;

  }
.galleria-image-nav .fa-angle-right::before {
  font-size: 30px !important;
  position: relative !important;
  top: -13px !important;
  left: 8px !important;
  }

/* ------------------------------------------------------------
	##Royal Slider
-------------------------------------------------------------*/

.royalSlider img {
    width: 100%;
    height: auto;
}

.royalSlider a img {
    width: 32px;
    height: auto;
}

.rsSlideCaptionBox{
/* 	position: absolute ; top: 50px; left: 50px; width: 385px; padding: 4px 6px 70px 6px; font-family: "dinregular", Helvetica, Sans-serif; font-size: 13px; color: black; background-color: white; */

}
/* hier staat o.a. de achtergrond kleur van het infoveld */
.rsSlideCaption{
/* 		position: absolute ; */ 
/* top: 0px; left: 0px; */ width:auto; padding: 20px 6px 70px 6px; font-family: Helvetica, Sans-serif; font-size: 13px; color: black; /* background-color: rgba(255, 255, 255, 0.8); *//* text-align: center; */
}


.rsSlideCaption h3{
	display:block;
}
.rsSlideCaption{
	display:block;
	height: 100%;
}

.x-slides{
	display:none;
}


#rsCaptionToggle{
	
}
.royalSlider{
	  
}
.rsOverflow{
/*
	padding-top: 25px !important;
	margin-top: 25px !important;
*/
}

.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {
    background: #f7fffc !important;
    color: #000 !important;
}

.rsSlideCount{
	position: absolute ; top: -25px; left: 45%;
	color:#c9c9c9;
}

.rsMinW .rsGCaption {
	display:none !important;
/*     background: #FFF !important; */
/*     background: rgba(0,0,0, 0.75); */
    color: #000 !important;
}
.royalSlider .rsArrowLeft { top: -45px; }
.royalSlider .rsArrowRight { top: -45px; }


.rsSideRoot{
	height: auto;
}


.rsMinW .rsArrowIcn {
    width: 42px !important;
    height:60px !important;
    margin-left: 3px;
    position: absolute;
    cursor: pointer;
    border-radius: none !important;
}

.rsMinW .rsArrowLeft {
}

.rsMinW .rsArrowRight {
}

.rsMinW .rsArrow {
    height: 60px;
    width: 42px !important;
    display: block;
    cursor: pointer;
    z-index: 1000 !important;
}

.rsArrowLeft .rsArrowIcn {
    background: url("https://marjandevoogd.nl/wp-content/uploads/2018/05/links-klein.png") no-repeat center !important;
    right: 50px !important;
    z-index: 1000 !important;
    height:60px;
}
.rsArrowRight .rsArrowIcn {
    background: url("https://marjandevoogd.nl/wp-content/uploads/2018/05/rechts-klein.png") no-repeat center !important;
    right: -50px !important;
    z-index: 10000 !important;
    height:60px;
}
.rsArrow{
	position:absolute; top: -20px; left: 45%;
	z-index: 10000 !important;
/* 	height:60px; */
}
.info-button {
    background: url("https://marjandevoogd.nl/wp-content/uploads/2018/05/informatie.png") no-repeat center;
    height: 23px;
    width: 23px;
    padding: 5px;
    cursor: pointer;
}


.x-colophon.top, .x-colophon.bottom{
	border-top: none !important;
}


.flex-direction-nav{
	display:none !important;
}



/* ####################### Safari Hacks ####################### */
/* Safari 6.1-10.0 (10.1 is the latest version of Safari at this time) */

@media screen and (min-color-index:0) 
and(-webkit-min-device-pixel-ratio:0) { @media
{
    a, p a, ul a, ol a{
    background-image: -webkit-linear-gradient(transparent 50%, currentColor 50%);
    background-image: linear-gradient(transparent 50%, currentColor 50%);
    background-repeat: repeat-x;
    background-size: 1px 0.1em;
    background-position: 0 100%;
    text-decoration: none;
    font-weight: 400 !important;
    text-decoration-color: currentcolor;
    text-decoration-line: none;
    text-decoration-style: solid;
	}
}}











/* ----------------- removing ugly borders -------------- */

a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {
  outline: none !important;
}
@media screen and (min-width: 800px) {
    h1.entry-title, h1.agenda-entry-title{
    font-size: 235%;
	}
}
@media only screen and (max-width: 500px) {
    #menu-outer {
/* 	display:none; */

	}
	.agenda-title-logo{
	width:100% !important;

	}
	.entry-content{
		padding: 0 2%;
	}
	#menu-taalwisselaar a{
	float:left;
	}
}
@media (max-width: 979px) {
	.agenda-entry-title{
	font-size: 200%;
	text-align: left;
	width: 100%;
	padding:0 2%;	
	}
	.entry-content{
		padding: 0 1%;
	}

}
@media (max-width: 767px) {
		.agenda-entry-title{
	font-size: 175%;
	}

}
@media (max-width: 480px) {
		.agenda-entry-title{
	font-size: 150%;
	}
}