/*
	Template Name: Partij voor de Dieren
*/

/* NORMALIZE */
@import url("css/normalize.css?s=5") screen;

/* SLIDESHOW */
@import url("css/basics.css?s=5") screen;

/* CUSTOM STUFF */
@import url("css/custom.css?s=9") screen;
@import url("css/slicknav.css?s=5") screen;

/* FORMS */
@import url("css/forms.css?s=5") screen;

/* MEDIA QUERIES */
#mobilemenu { display: none; }

.ssk {color: #fff !important; }
.agenda-header { position: relative; }
.agenda-header > span {padding-left: 40px;}
.agenda-header > span.icon { cursor: pointer; position: absolute; top: -3px; left: 10px; font-size: 25px; padding: 0px; }
.agenda-header h2 {cursor: pointer; padding-left: 40px;}
.agenda-body {padding-left: 40px;}

time.icon{font-size:1em;display:block;position:relative;width:45px;height:45px;background-color:#fff;margin:0 10px 0 0;border-radius:.6em;box-shadow:0 1px 0 #bdbdbd,0 2px 0 #fff,0 3px 0 #bdbdbd,0 4px 0 #fff,0 5px 0 #bdbdbd,0 0 0 1px #bdbdbd;overflow:hidden;-webkit-backface-visibility:hidden;-webkit-transform:rotate(0) skewY(0);-webkit-transform-origin:50% 10%;transform-origin:50% 10%;float:left;line-height:12px}
time.icon *{display:block;width:100%;font-size:9px;font-weight:700;font-style:normal;text-align:center}
time.icon strong{font-size: 8px; position:absolute;top:0;padding:0;color:#fff;background-color:#fd9f1b;border-bottom:1px dashed #f37302;box-shadow:0 2px 0 #fd9f1b}
time.icon em{font-size: 7px;position:absolute;bottom:.1em;color:#fd9f1b}
time.icon span{width:100%;font-size:1.4em;letter-spacing:-.05em;padding-top:1em;color:#2f2f2f}
time.icon:focus,time.icon:hover{ -webkit-animation:swing .6s ease-out;animation:swing .6s ease-out }
.agenda-widget .center { clear: both; margin-top: 25px; }

a.collection-item:first-child { border-bottom: 1px; }


a.collection-item { border:1px solid #eee; border-bottom: 0px; padding: 10px; display: block; height: 50px; }

a.collection-item:last-child { border-bottom: 1px !important; }
a.collection-item:hover { background-color: #eee; }

@media only screen and (max-width: 700px) {
	#wrapper {
		width: 100%;	
	}
	.col_1_1 { width: 100%; }
	.col_1_2 { width: 100%; }
	.col_1_3 { width: 100%; }
	.col_2_3 { width: 100%; }
	.col_1_4 { width: 100%; }
	.col_3_4 { width: 100%; }
	
	.col { margin-top: 2%; } 
	
	.nomobile { display: none; }
	#navigation { display: none; }
	#mobilemenu { display: block; }
	nav { padding: 0px; margin: 0px; margin-top: 0px;  }
	
	.content { padding: 5px 10px; }
  .content img { display: block; width: 75%; height: auto; margin: 0 auto; }
	
	
}

@media screen and (min-width:1250px) {
	#wrapper {
		width: 1200px;
	}
}

@media screen and (min-width:960px) and (max-width:1250px) {
	#wrapper {
		width: 940px;
	}
	ul#navigation li a { font-size: 13px !important; }
}

@media screen and (min-width:700px) and (max-width:960px) {
	#wrapper {
		width: 700px;
	}
	
	
	body {
		font-size: 11px;
	}
	
	ul#navigation { font-size: 12px; letter-spacing: 0px; }
	ul#navigation li { line-height: 35px; }
	ul#navigation li a { font-size: 9px !important; }

	h1 { font-size: 20px;    }
	h2 { font-size: 18px; 	 }
	h3 { font-size: 15px; }
	h4 { font-size: 12px;  }
	
	.widget-title { font-size: 13px; }
	
	.datefield { font-size: 9px; padding: 1px 3px; margin-right: 2px;}

	ul.widget-body li {
		margin-left: 4%;
		line-height: 10px;
	}
  .heroSlider .rsOverflow,
  .royalSlider.heroSlider {
      height: 320px !important;
  }
}

@media screen and (min-width:960px) and (min-height:660px) {
  .heroSlider .rsOverflow,
  .royalSlider.heroSlider {
      height: 320px !important;
  }
}

@media screen and (min-width:960px) and (min-height:1000px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height: 360px !important;
    }
}
@media screen and (min-width: 0px) and (max-width: 800px) {
  .royalSlider.heroSlider,
  .royalSlider.heroSlider .rsOverflow {
    height: 300px !important;
  }
  .infoBlock {
    padding: 10px;
    height: auto;
    max-height: 100%;
    min-width: 40%;
    left: 5px;
    top: 5px;
    right: auto;
    font-size: 12px;
  }
  .infoBlock h3 {
     font-size: 14px;
     line-height: 17px;
  }
  
  .content img { display: block; width: 75%; height: auto; margin: 0 auto; }

}			
@media only screen and (max-width: 420px) {
	.royalSlider{
		height: 142px !important;
	}
	
	#full-width-slider2 {
		height: 142px !important;			
	}

	
	.infoBlock h4 {
	  font-size: 11px !important;
	}
	.infoBlock p {
	  font-size: 11px !important;
	}
	
	.rsBottom {
		top: 0px !important;	
		bottom: auto !important;
	}
				
}


/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	.content img { display: block; width: 75%; height: auto; margin: 0 auto; }
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.content img { display: block; width: 75%; height: auto; margin: 0 auto; }
	
	iframe { width: 99%; }
}

/* Portrait */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: portrait) {
	.content img { display: block; width: 75%; height: auto; margin: 0 auto; }
}