/*
Theme Name: Alfa Child
Theme URI: http://www.shindiristudio.com/alfa/
Description: The Alfa child theme.
Version: 1.0
Author: Shindiri Studio
Template: alfa
*/
@import url("../alfa/style.css"); 
@import url("fonts/BaronNeue.css");  

html body {
    font-size: 16px;
    line-height: 25px;
    font-family: "ProximaNova","Helvetica Neue Light","Helvetica Neue",sans-serif;
}


.homeHeader { text-align:center; }

#reserverenHome {
	position:absolute;
	right:0;
	top:0;
}

.main-content.container { padding-bottom:0px; }

body h1, body h1::before{ 
	color:#222423;
	background:none;
    font-family:'Baron Neue Black';
    font-weight:normal;
    text-transform:none;
	margin:0;
	padding:0;
}

h2.title:after {
    background-color: transparent;
	height:0;
}

h1,h2,h3,h4,h5,
.single .post-text h2, .default-page h2 {
    font-family:'Baron Neue Black';
    font-weight:normal;
    text-transform:none;
}

body h2:after { width:30px; }

span.blue { color:#2ecfca; }

body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
	color: #FFF;
    border-color: #2ecfca;
    background-color: #2ecfca;
	border-radius:0;
}

body header .navigation-bar { background:#FFF;}

.content-wrapper {
    background-color: #f3f3f3;
}

#algemeen { padding-top:35px; }

.columnBtn .wpb_content_element {
    min-height: 434px;
}

@media screen and (max-width: 768px) {
	.columnBtn .wpb_content_element {
		min-height: auto;
	}
}

.columnBtn .vc_btn3-container.vc_btn3-inline, .columnBtn .vc_general.vc_btn3{
	width:100%;
}

/*regels*/
ul.rules { list-style:none; }
ul.rules li.icon { padding: 0 0 20px 70px; min-height:135px;}
ul.rules .icon:before {
    content: " ";
    background: url(/wp-content/themes/alfa_child/images/icons.png) -0px 0 no-repeat;
    width: 93px;
    height: 93px;
    position: absolute;
    left: 0px;    
}

ul.rules .icon.leeftijd10:before {background-position: 0 -651px;}
ul.rules .icon.tijd:before {background-position: 0 -465px;}
ul.rules .icon.verstand:before {background-position: 0 -279px;}
ul.rules .icon.kluisje:before {background-position: 0 -93px;}

ul.rules .icon.leeftijd14:before {background-position: 0 -744px;}
ul.rules .icon.drugs:before {background-position: 0 -558px;}
ul.rules .icon.instructies:before {background-position: 0 -372px;}
ul.rules .icon.deelname:before {background-position: 0 -186px;}

/*rooms*/
#escaperooms .columnBtn .wpb_content_element { min-height:228px; }
.wpb_content_element.roomImg.bar{ 
	background: url(/wp-content/themes/alfa_child/images/room_bar2.jpg) ;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.wpb_content_element.roomImg.bar .maze:hover{ 
	background-image: url(/wp-content/themes/alfa_child/images/room_bar_hover.png) ;
    background-repeat: no-repeat;
    background-position: center center;	
}

.wpb_content_element.roomImg.controle{ 
	background: url(/wp-content/themes/alfa_child/images/room_cave.jpg) ;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.wpb_content_element.roomImg.controle .maze:hover{ 
	background-image: url(/wp-content/themes/alfa_child/images/room_controle_hover.png) ;
    background-repeat: no-repeat;
    background-position: center center;	
}

.wpb_content_element.roomImg.kids{ 
	background: url(/wp-content/themes/alfa_child/images/room_school.jpg) ;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.wpb_content_element.roomImg.kids .maze:hover{ 
	background-image: url(/wp-content/themes/alfa_child/images/room_school_hover.png) ;
    background-repeat: no-repeat;
    background-position: center center;	
}

.wpb_content_element.roomImg{
	position:relative;
}

.wpb_content_element.roomImg a {
    text-indent: -999px;
    overflow: hidden;
    display: block;
}

.wpb_content_element.roomImg .maze{
	background: url(/wp-content/themes/alfa_child/images/maze_black.png);
	position: absolute;
    height: 100%;
    width: 100%;	
}


/*contact section*/
div#contact {
    color: #fff;
}
#headerContact h2{ color:#FFFFFF; }
#headerContact h2:after { background-color:transparent; }
div#contact h2, div#contact h3, div#contact h4 {
    color: #2ecfca;
}

#contact #forms{ margin-top:-45px; }

#forms input, #forms textarea, #comment-form input, #comment-form textarea {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#contact #forms button.send, #contact #comment-form button.send {
    background-color:#2ecfca;
    color:#ffffff;
}
#contact .btn, #contact .btn span, h1 span{
    transform: skew(0deg);
    -o-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -webkit-transform: skew(0deg);
}

#contact .text-center { text-align:left;}

/*404*/
.home-text h2 { font-size:1.2em; padding:10px 0px;}
#logo404 { text-align:center;}
div.home-text a.btn.back {
    margin: 10px 0;
}
#home.home.page404{
    background:url('/wp-content/themes/alfa_child/images/bg_404.jpg' );
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}