/*
Theme Name:         Provant Child Techno Trailer
Theme URI:          http://www.provincieantwerpen.be
Description:        Child Theme Voor Techno Trailer
Version:            1.0.0
Author:             Raf Vorsselmans
Author URI:         http://www.provincieantwerpen.be
Template:			provant-master
*/

/* Kleuren 
#bb202c 
#4a463d
#79776d
#b7b6b2
#c8edeb
#ffffff
#41bfaa
#189380
#096566
#022c38
*/

/* Transitions ***/



/* Mobile First ******************/
body{
	background:#022c38;
}

body .inner-wrap .container{
	background:#ffffff;
	padding-bottom:-10px !important;
	Z-index:2;
	margin-bottom:390px;
	box-shadow: 0px 10px 20px rgba(0,0,0,0.5);
}

h1.entry-title{
	font-family:"MuseoRounded300";
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;
	color:#4a463d;
	text-transform:uppercase;
	color: #2c2c2c;
    letter-spacing: .05em;
    text-shadow: 
      2px 2px 0px #ffffff, 
      4px 4px 0px rgba(0, 0, 0, 0.2);
}
.home_logo{
	position:relative;
	z-index:100;
}
#breadcrumbs{
	margin-top:170px !important;
}

#breadcrumbs:before{
	content:'';
	display:block;
	position:absolute;
	width:250%;
	top:0;
	left:-75%;
	height:170px;
	background:url('assets/img/Achterliggend_hd_2.png') no-repeat center top;
	background-size:60%;
}

.home #breadcrumbs{
	margin-top:0 !important;
	display:none;
}

.home #breadcrumbs:before{
	content:'';
	display:block;
	position:absolute;
	width:250%;
	top:0;
	left:-75%;
	height:170px;
	background:none;
	background-size:60%;
}

article.post-15 > footer p{
	margin-bottom:-10px !important; 
}

h2{
	font-size:2em;
}

/* Mobile Nav  kleuraanpassingen knop ****/
nav.tab-bar.show-for-large-down .right-small{
	border-color:#022c38;
	color:#022c38;
}

.tab-bar .menu-icon span::after { /*"MENU" tekst in knop*/
	color: #022c38 !important;
}
.tab-bar .menu-icon span::before{
	box-shadow: 0 0 0 1px #022c38, 0 7px 0 1px #022c38, 0 14px 0 1px #022c38;
}
aside.right-off-canvas-menu{
	background:#022c38;
}
ul.off-canvas-list li a{
	border-bottom:1px solid #001e27 ;
	text-decoration:none;
	text-align:center;
}
ul.off-canvas-list li a:hover{
	color:#022c38;
	background:#41bfaa;
}
/* buttons ***/

input[type="button"], .vc_btn3-container a{
	background:#ffffff !important;
	border:1px solid #79776d !important;
	text-transform:uppercase;
	color:#4a463d;
}
input[type="button"]:hover, .vc_btn3-container a:hover{
	background:#022c38!important;
	border:1px solid #79776d !important;
	text-transform:uppercase;
	color:#ffffff;
}

/* forms ***/

form {
    padding: 41.25px;
    border: 2px solid #eae4e2;
    border-top-color: rgb(234, 228, 226);
    border-top-style: solid;
    border-top-width: 2px;
    border-right-color: rgb(234, 228, 226);
    border-right-style: solid;
    border-right-width: 2px;
    border-bottom-color: rgb(234, 228, 226);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color: rgb(234, 228, 226);
    border-left-style: solid;
    border-left-width: 2px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}
.gf_progressbar_percentage span{
	color:#ffffff;
}

.gform_wrapper .percentbar_blue {
    background-color: #41bfaa !important;
    color: #FFF;
}

/* Home Header ***/

.home_header{
	background: rgba(2,44,56,1);
		background: -moz-linear-gradient(45deg, rgba(2,44,56,1) 43%, rgba(1,88,97,1) 68%, rgba(0,145,150,1) 100%);
		background: -webkit-gradient(left bottom, right top, color-stop(43%, rgba(2,44,56,1)), color-stop(68%, rgba(1,88,97,1)), color-stop(100%, rgba(0,145,150,1)));
		background: -webkit-linear-gradient(45deg, rgba(2,44,56,1) 43%, rgba(1,88,97,1) 68%, rgba(0,145,150,1) 100%);
		background: -o-linear-gradient(45deg, rgba(2,44,56,1) 43%, rgba(1,88,97,1) 68%, rgba(0,145,150,1) 100%);
		background: -ms-linear-gradient(45deg, rgba(2,44,56,1) 43%, rgba(1,88,97,1) 68%, rgba(0,145,150,1) 100%);
		background: linear-gradient(45deg, rgba(2,44,56,1) 43%, rgba(1,88,97,1) 68%, rgba(0,145,150,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#022c38', endColorstr='#009196', GradientType=1 );
	padding:40px 5px 20px 5px;
	margin-bottom:0px;
	box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
}

.home_header img{
	max-width:290px !important;
}
.home_header p{
	color:#ffffff
}

.home_header .home_intro{
	margin-top:100px;
	margin-bottom:50px;
	position:relative;
	z-index:4;
}

/* Home video ***/
.home_video{
	background:#bb202c ;
}
.home_video h2{
	color:#ffffff;
	margin-top:20px;
}

.home_video p{
	color:#ffffff !important;
}

.home_video .wpb_video_widget.wpb_content_element{
	-webkit-box-shadow: 0px 25px 32px -16px rgba(0,0,0,0.26);
	-moz-box-shadow: 0px 25px 32px -16px rgba(0,0,0,0.26);
	box-shadow: 0px 25px 32px -16px rgba(0,0,0,0.26);
}

/* Home Nieuws ***/
.home_nieuws{
	background:#c8edeb ;
	margin-bottom:0 !important;
}
.home_nieuws h2{
	color:#4a463d;
	margin-top:20px;
}
.nieuwsblokje .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_date div{
	text-align:center !important;
	border-bottom:1px solid #ffffff;
	font-size:0.8em;
	width:80%;
	margin:0 auto;
}
.nieuwsblokje h3, .nieuwsblokje h3 a{
	text-transform:uppercase;
	text-align:center !important;
	font-size:1.1em;
	font-weight:bold;
	color:#bb202c;
}
.nieuwsblokje p{
	text-align:center;
}
.nieuwsblokje{
	background:#ffffff;
	-webkit-box-shadow: 0px 25px 32px -16px rgba(0,0,0,0.26);
	-moz-box-shadow: 0px 25px 32px -16px rgba(0,0,0,0.26);
	box-shadow: 0px 25px 32px -16px rgba(0,0,0,0.26);
}
.nieuwsblokje figure{
	min-height:170px;
}


/* Met Steun van ***/
/*.home_steun{
	position:fixed !important;
	bottom:50px !important;
	left:0 !important;
	width:101.5% !important;
	Z-index:-1;
	Background:#022c38;
	padding-bottom:40px;
	margin:25px -15px 0 0px !important;
	max-height:390px !mportant;
}
.home_steun h2{
	color:#ffffff;
	margin-top:20px;
	font-size:1.5em;
}
.home_steun .logolijst{
	margin:0 auto !important;
	padding:0;
	max-height:154px;
}
.home_steun .logo{
	background:#ffffff;
	margin-left:2.5%;
	margin-right:2.5%;
	margin-top:15px;
	max-width:40%;
	max-height:90% !important;
	border-radius:3px;
	position:relative;
	padding:5px 0;
	overflow:hidden !important;
}
.home_steun .logo .wpb_single_image.wpb_content_element.vc_align_center{
	margin-bottom:0 !important;
}
.home_steun .vc_figure {

    min-height:100%;
}
.home_steun .logo .vc_figure img{
	max-width:80% !important;
	margin:0 !important;
}
.home_steun .wpb_text_column.wpb_content_element{
	margin-bottom:0;
}*/

.home_steun{
	position:fixed !important;
	bottom:50px !important;
	left:0 !important;
	width:101.5% !important;
	Z-index:-1;
	Background:#022c38;
	padding-bottom:40px;
	margin:25px -15px 0 0px !important;
	max-height:350px !important;
	overflow:visible !important;
}
.home_steun h2{
	color:#ffffff;
	margin-top:20px;
	font-size:1.5em;
}
.home_steun .wpb_text_column.wpb_content_element{
	margin-bottom:10px;
}
.home_steun .logo{
	max-width:60%;
	margin-left:18%;
	margin-bottom:10px;
	margin-top:0;
	border-radius:3px;
	background:#ffffff;
	padding:10px;
}
.home_steun .logo .wpb_single_image.wpb_content_element.vc_align_center{
	margin-bottom:0 !important;
}
/* footer ***/
#siteFooter{
	position:fixed !important;
	bottom:-30px;
	width:100%;
	z-index:-1;
}

/* cookie notice ***/
#cn-notice-text{
	color:#fff;
	font-size:14px;
}

/* Achterliggende pagina's ***/

/* WaT2 - pagina ***/
.wat_blokje{
	text-align:center;
	border:10px solid #efefef !important;
}
.vc_grid-item.vc_clearfix.vc_grid-item-zone-c-bottom.vc_visible-item:nth-child(4n+1) .wat_blokje .vc_btn3-container a{
	background:#bb202c !important;
	border:0px solid #79776d !important;
	text-transform:uppercase;
	color:#ffffff;
}
.vc_grid-item.vc_clearfix.vc_grid-item-zone-c-bottom.vc_visible-item:nth-child(4n+2) .wat_blokje .vc_btn3-container a{
	background:#4a463d !important;
	border:0px solid #79776d !important;
	text-transform:uppercase;
	color:#ffffff;
}
.vc_grid-item.vc_clearfix.vc_grid-item-zone-c-bottom.vc_visible-item:nth-child(4n+3) .wat_blokje .vc_btn3-container a{
	background:#79776d !important;
	border:0px solid #79776d !important;
	text-transform:uppercase;
	color:#ffffff;
}
.vc_grid-item.vc_clearfix.vc_grid-item-zone-c-bottom.vc_visible-item:nth-child(4n+4) .wat_blokje .vc_btn3-container a{
	background:#c8edeb !important;
	border:0px solid #79776d !important;
	text-transform:uppercase;
}


/* zij-menu (SU_box) ***/
.su-box.su-box-style-default{
	border:0;
}
.su-box.su-box-style-default .su-box-content{
	padding:0;
}
.su-box.su-box-style-default .su-subpages{
	margin:0;
	padding:0;
	list-style:none;
}
.su-box.su-box-style-default .su-subpages li{
	background:#c8edeb;
	margin:0;
	text-align:center;
}
.su-box.su-box-style-default .su-box-title{
	background:#022c38 !important;
	font-family:"MuseoRounded300" !important;
	text-align:center;
	border-bottom:1px solid #b7b6b2 !important;
	color:#fff;
    letter-spacing: .05em;
}
.su-box.su-box-style-default .su-subpages li:nth-child(even){
	background:#096566 !important;
}
.su-box.su-box-style-default .su-subpages li:nth-child(odd){
	background:#0b7071  !important;
}
.su-box.su-box-style-default .su-subpages li:hover{
	background:#c8edeb  !important;
}
.su-box.su-box-style-default .su-subpages li:hover a{
	color:#022c38;
}
.su-box.su-box-style-default .su-subpages li a{
	text-decoration:none;
	color:#ffffff;
	padding:17.5px;
	display:block;
}
.su-box.su-box-style-default .su-subpages li {
	-webkit-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;
 }
.su-box.su-box-style-default .su-subpages li:hover {
	-webkit-transition: background-color 400ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
 }
 .su-box.su-box-style-default .su-subpages li a {
	-webkit-transition: color 400ms linear;
    -ms-transition: color 400ms linear;
    transition: color 400ms linear;
 }
 .su-box.su-box-style-default .su-subpages li a:hover{
	-webkit-transition: color 100ms linear;
    -ms-transition: color 200ms linear;
    transition: color 200ms linear;
 }
/********** Top Bar  *************/

/*grijze balk verwijderen*/
.page-template-page-full-php .top-bar-container::after, .single-post .top-bar-container::after {
    position: absolute;
    left: 0;
    right: 0;
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    height: 60px;
    background: none;
    content: "";
    z-index: -1;
}
.top-bar-container {
	box-shadow:0px 0px 15px rgba(0,0,0,0.25);
	z-index:999;
}
.top-bar-container {
    z-index: 2;
    height: 92px;
    background-color: white;
    margin-bottom: 0px;
    position: relative !important;
    top: 0;
}

/*@media screen and (min-width:320px){
	.home_steun .logolijst{
		max-height:100px;
	}
	.home_steun .logolijst .logo img{
		height:40%;
		max-width:40%;
	}
}*/

@media screen and (min-width:425px){
	.home_steun .logo{
		max-width:30%;
		margin-left:10%;
	}
}
@media screen and (min-width:768px){

	.home_header img{
		max-width:400px !important;
	}
	
	.home_header:after{
		content:'';
		display:block;
		height:1000px;
		width:1920px;
		top:-200px;
		right:-200px ;
		position:absolute;
		background-image:url('assets/img/TechBG_V7.png');
		background-repeat:no-repeat;
		background-position:275% -500px;
		background-size:80%;
		z-index:0;
		opacity:0.8;
	}
	.home_steun .logo{
		background:#ffffff;
		margin-left:2.5%;
		margin-right:2.5%;
		margin-top:15px;
		width:20%;
	}
}
@media screen and (min-width:1024px){

	.home_header:after{
		top:-100px;
		right:-100px ;
	}

}