/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

body.error404 h2,
body.error404 h3{
	color:#a81010!important;
	font-family:"Lato";
	font-weight:300!important;
}

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
  text-transform: none!important;
  letter-spacing: 1px;
}
div .slideshow_caption h2 {
  text-transform: none;
	font-family:'PT Sans Caption', "Lato", Verdana!important;
}

/* == META =========================================== */

.phone-info span{
	font-family:"Lato", sans-serif;
	font-weight:300!important;
	color:#002447!important;
	font-size:14px!important;
}
.phone-info span span.av-icon-char{
	color:#B41B43!important;
	margin-right:5px!important;max-
}
span.sep{
	color:#B41B43!important;
	margin:0 10px!important;
}


/* == END: META =========================================== */



/* == ANIMATIE: PORTFOLIO ================================= */

#after_full_slider_0 img{
	padding:0!important;
	margin:0!important;
	margin-top:-100px!important;
	z-index:99999!important;
}

#over .container,
#contactgegevens .container{
  background-repeat: no-repeat;
  background-image: url(https://www.witte-raaf.nl/wp-content/uploads/2015/06/voetstap-links-transparent.png);
  background-attachment: scroll;
  background-position: top left;
}

#klanten .container{
  background-repeat: no-repeat;
  background-image: url(https://www.witte-raaf.nl/wp-content/uploads/2015/06/voetstap-rechts-transparent.png);
  background-attachment: scroll;
  background-position: top right;
  background-color: #f5f5f5;
}

/* == END: ANIMATIE ======================================= */


/*  HEADER: Voetstapjes 								*/
.inner-container{
	background:url("../images/background-images/voetstapjes-header.png") bottom right no-repeat;
}
/*  EINDE - HEADER: Voetstapjes 						*/


.header_color .main_menu ul:first-child > li.current-menu-item > a{
	color:#a81010!important;
}
#top #header_main > .container .main_menu ul:first-child > li > a{
	line-height:100px!important;
}

#avia-menu li{
	min-width:100px!important; /* 2025 update */
}
#avia-menu li a{
	text-align:center!important;
}

.av-main-nav > li > a {
	font-family:"Lato"!important;
	font-weight: 400!important;
  	font-size: 20px!important;
}


.metalink{
	color:#a81010!important;
	text-decoration:underline!important;
	text-decoration-color:#a81010!important;
}


/* == HOMEPAGE SLIDER ============================================ */

.avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
  height: 695px!important;
}

.slideshow_inner_caption h2{
	color:#002447!important;
	font-family: 'PT Sans Caption', sans-serif!important;
	font-weight:200!important;
	font-size:38px!important;
	line-height: 44px;
	text-shadow: 1px 2px 4px rgba(255,255,255,0.87)!important;
	padding: 15px 50px!important;
 	background: rgba(252, 252, 252, 0.26)!important;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.avia-caption-content p{
	font-family:"Lato",sans-serif!important;
	text-shadow: 1px 2px 4px rgba(255,255,255,0.87)!important;
	font-weight:200!important;
	text-align:left!important;
}

.caption_framed .slideshow_caption .avia-caption-content p{
  background: rgba(252, 252, 252, 0.26)!important;
  display: inline-block;
  margin: -1px 0 1px 0;
  padding: 10px 291px;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
}


/* == END: Homepage slider ======================================= */

/*
#over{
	  margin-top: -23px;
}
*/
.grid-content{
	padding:6px 10px!important;
}
.grid-sort-container div.grid-entry{
	border-color:#F4F4F4!important;
}
article.main_color.inner-entry{
	border-radius:10px!important;
}

#js_sort_items .sort_by_cat a{
	font-size:16px!important;
}

.grid-entry .inner-entry{
	text-align:center!important;
	padding:5px!important;
	min-height:200px!important;
}

h3.grid-entry-title{
	text-align:center!important;
	font-size:16px!important;
	color:#a81010!important;
}

h2.av-special-heading-tag{
	font-size: 24px!important;
	font-weight: 300!important;
	font-family: "Lato"!important;
}
.av_textblock_section .avia_textblock p{
	font-family:"Lato", sans-serif!important;
	font-weight:300!important;
	line-height:1.45em!important;
}
strong{
	font-weight:500!important;
}


.av-subheading_below p{
	font-weight:300!important;
	font-family:"Lato",sans-serif!important;
	font-size:24px!important;
	color:#002447!important;
}

.container {
max-width: 1310px!important;
}

#partners .av-subheading_below p{
	color:#fff!important;
}


figure.av-inner-masonry.main_color{
	border-radius:4px!important;
}
.av-masonry-outerimage-container{
	min-height:80px!important;
}
.av-masonry-image-container{
	padding:10px!important;
}

#footer #text-2 .textwidget{
	text-align:center!important;
	font-size:14px!important;
}
#footer #text-2 .textwidget a{
	text-decoration:underline!important;
}


.entry-content-wrapper .av_one_third.avia-builder-el-last .av-special-heading{
	margin-top:30px!important; /* ipv 50 px */
}

input[type="submit"], #submit, .button{
padding:16px 24px!important;
font-size:16px!important;
line-height:24px!important;
}




/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {


}


/*
Tablet styles
=================================================== */

@media only screen and (max-width: 989px){

#over .container,
#klanten .container,
#contact .container{
	background-image:none!important;
}

/* == HOMEPAGE SLIDER ============================================ */

.avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
  height: 495px!important;
}

.slideshow_inner_caption h2{
	color:#002447!important;
	font-family: 'PT Sans Caption', sans-serif!important;
	font-weight:200!important;
	font-size:38px!important;
	line-height: 44px;
	text-shadow: 1px 2px 4px rgba(255,255,255,0.87)!important;
	padding: 15px 50px!important;
 	background: rgba(252, 252, 252, 0.26)!important;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.avia-caption-content p{
	font-family:"Lato",sans-serif!important;
	text-shadow: 1px 2px 4px rgba(255,255,255,0.87)!important;
	font-weight:200!important;
	text-align:left!important;
}

.caption_framed .slideshow_caption .avia-caption-content p{
  background: rgba(252, 252, 252, 0.26)!important;
  display: inline-block;
  margin: -1px 0 1px 0;
  padding: 10px 285px!important;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
}


/* == END: Homepage slider ======================================= */


.inner-container{
	background:none!important;
}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { 

/* aanpassing contact */
#contact .av_two_third.avia-builder-el-first,
#contact .av_one_third.avia-builder-el-last{
	width: 47%!important;
}

.avia-section-huge .content, .avia-section-huge .sidebar {
  padding-top: 80px;
  padding-bottom: 80px;
}

}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  { 

/* == HOMEPAGE SLIDER ============================================ */

.avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
  height: 495px!important;
}

.slideshow_inner_caption h2{
	color:#002447!important;
	font-family: 'PT Sans Caption', sans-serif!important;
	font-weight:200!important;
	font-size:30px!important;
	line-height: 44px;
	text-shadow: 1px 2px 4px rgba(255,255,255,0.87)!important;
	padding: 15px 30px!important;
 	background: rgba(252, 252, 252, 0.26)!important;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.avia-caption-content p{
	font-family:"Lato",sans-serif!important;
	text-shadow: 1px 2px 4px rgba(255,255,255,0.87)!important;
	font-weight:200!important;
	text-align:left!important;
}

.caption_framed .slideshow_caption .avia-caption-content p{
  background: rgba(252, 252, 252, 0.26)!important;
  display: inline-block;
  margin: -1px 0 1px 0;
  padding: 10px 194px!important;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
}

.av_one_half{width:100%!important;}
/* aanpassing contact */
#contact .av_two_third.avia-builder-el-first,
#contact .av_one_third.avia-builder-el-last{
	width: 47%!important;
}
.avia-section-huge .content, .avia-section-huge .sidebar {
  padding-top: 80px;
  padding-bottom: 80px;
}


/* == END: Homepage slider ======================================= */


}


/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

/* 
#header_meta{display:block!important;} aanpassing April 2019 */

/* == HOMEPAGE SLIDER ============================================ */

.avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
  height: 355px!important;
}

.responsive #top .slideshow_caption h2,
.slideshow_inner_caption h2{
	color:#002447!important;
	font-family: 'PT Sans Caption', sans-serif!important;
	font-weight:300!important;
	font-size:15px!important;
	line-height: 24px;
	text-shadow: 1px 2px 4px rgba(255,255,255,0.87)!important;
	padding: 15px 10px!important;
 	background: rgba(252, 252, 252, 0.26)!important;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.avia-caption-content p{
	font-family:"Lato",sans-serif!important;
	text-shadow: 1px 2px 4px rgba(255,255,255,0.87)!important;
	font-weight:200!important;
	text-align:left!important;
}

.caption_framed .slideshow_caption .avia-caption-content p{
  background: rgba(252, 252, 252, 0.26)!important;
  display: inline-block;
  margin: -1px 0 1px 0;
  padding: 10px 95px!important;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  line-height: 33px;
}
.caption_framed .slideshow_caption .avia-caption-content p span{
	display:none!important;
}

/* == END: Homepage slider ======================================= */


.inner-container{
	background:none!important;
}
#over .container,
#contactgegevens .container{
	background-image:none!important;
}

/* aanpassingen FOOTER */ 

#footer #text-2 .textwidget{
	font-size:13px!important;
}

#footer #text-2 .textwidget span.sep{
	display:block!important;
	visibility:hidden!important;
	height:5px!important;
}
.responsive #top #wrap_all .container {
  width: 90%!important;
  max-width: 90%!important;
}
/* ====== aanpassingen mansory ====== */
.responsive #top .av-masonry-entry{
	width:50%!important;
}
.av-masonry-outerimage-container{
	min-height:60px!important;
}
/* == EINDE MANSORY */

/* ==== PORTFOLIO aanpassingen */
#klanten .grid-entry{
	width:48%!important;
	margin-right: 3px!important;
	margin-bottom:3px!important;
}
#klanten .grid-entry .inner-entry{
	min-height:170px!important;
}




}