/*
Theme Name: Witscraft
Theme URI:
Description: Witscraft 2015 Wordpress thema
Author: Splend!
Author URI: http://splend.nl
Version: 1.0
Tags: Witscraft 
*/

/*** GLOBAL : GENERAL STYLE DEFAULTS ***/
html
{
	margin: 0;
	padding: 0;
}

/* unvisited link */
a:link {
    color: #93cc17;
}

/* visited link */
a:visited {
    color: #93cc17;
}

/* mouse over link */
a:hover {
    color: #93cc17;
}

/* selected link */
a:active {
    color: #93cc17;
}


body
{
	background: #fff;
	margin: 0;
}

body, input, textarea
{ 	
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6
{ 
	font-weight: normal;
	clear: both;
}

/*** HEADER : MENU ***/
.menu ul
{
    list-style: none;
    margin: 0;
}

.menu ul ul
{
    display: none;	
}

.menu ul 
{
	position:absolute;
	display:none;
	width:12em;
	top:2.2em;
}

.sub-menu
{
	width:200px;	
}

.wc__mainmenu ul 
{	
	top:37px;
	margin-left:-10px;
}

.menu li ul a
{
	width:14em;
	height:auto;
	float:left;
	background:white;
	color:#93CC17 !important;
	margin-left:-10px;
	padding:10px;	
}

.menu li ul
{
	-webkit-box-shadow: 10px 10px 32px 1px rgba(214,214,214,0.69);
	-moz-box-shadow: 10px 10px 32px 1px rgba(214,214,214,0.69);
	box-shadow: 10px 10px 32px 1px rgba(214,214,214,0.69);	
	width:21em;
	background:white;	
	padding-top:20px;
}

.wc__page_menu .menu li ul
{
	-webkit-box-shadow: 10px 10px 32px 1px rgba(214,214,214,0.69);
	-moz-box-shadow: 10px 10px 32px 1px rgba(214,214,214,0.69);
	box-shadow: 10px 10px 32px 1px rgba(214,214,214,0.69);	
	width:300px;
	background:white;	
	padding-top:0px;
}

.wc__mainmenu li ul a{
	
	margin-left:-28px;
	padding:10px;
	padding-top:20px;
	text-align:left;	
}

.menu li ul a:hover
{
	text-decoration:none !important
}
 
.menu ul ul
{
	top:auto;
}      
 
.menu li ul ul 
{
	left:1em;
	margin:0px 0 0 0px;	
}
 
.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li:hover ul ul ul ul
{
	display:none;
}
 
.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul
{
	display:block;
	position:absolute;
	z-index:5000;
}

.menu li
{
    display: inline;
    float: left;
	//padding: 0 8px 0 4px;
}

.menu-item a:hover
{ 
	color: #CCC;	
}

/*** CUSTOM CSS ***/
body
{
	font-family: 'Raleway', sans-serif;
	color:#1f1f1f;	
}

h1, h2, h3, h4, h5
{
	font-family: 'Raleway', sans-serif;				
}

.current_page_item a, .current_page_parent a
{
	color:black	
}

.green
{
	background:#93CC17;	
	 border: 4px solid white;
	 box-shadow: 0 0 0 2pt #93CC17;
}

.mud
{
	background:#A5A555;	
	 border: 4px solid white;
	 box-shadow: 0 0 0 2pt #A5A555;
}

.camel
{
	background:#D2D18F;	
	 border: 4px solid white;
	 box-shadow: 0 0 0 2pt #D2D18F;
}

.brownie
{
background:#938034;
 border: 4px solid white;
	 box-shadow: 0 0 0 2pt #938034;
}

.wc__header
{
	background:#938034;
	height:190px;
	/*background-image:url(img/wc_curves.png);	*/
	/*background-image:url(img/wc_new_header.png);*/
	background-image: url("/wp-content/themes/witscraft/img/wc_header_page.png");
	background-repeat:no-repeat;
				
	background-position:center;				
	background-size: cover;
}

.wc__logo
{
	margin-left:130px;	
	margin-top:15px;
}
.wc__page_logo_text {
	position:absolute;
	color:#938034;
	left:80px;
	top:60px;
	font-size:10px;
	background: rgba(255,255,255, 0.2);
	padding: 1px 5px;
}
.wc__slogan h1
{
	font-weight:800 !important;
	font-family: 'Raleway', sans-serif !important;
	font-size:34px;
	color:#92CC17	
}

.wc__menu
{
	min-height:50px;
	margin-top:-50px;
	background:rgba(147,204,32,0.6);									
}

.wc__menu ul
{
	margin-top:12px;
			
}

.wc__menu ul li
{
	list-style:none;		
	display:inline-block;
			
}

.wc__menu ul li a
{
	color:white;
	font-size:18px;
	font-weight:400;
	//border-right:1px solid #fff;
	padding:14px;
	padding-top:0px;	
	padding-bottom:14px;	
}

.wc__menu ul li a:last-child 
{
	border-right:1px solid transparent;
}

.wc__mainmenu li
{
	float:none
}


.wc__frontpage h2
{
	text-align:center;
	display:block;	
	color:#92CC00;
	font-size:27px; /* 33px */
	font-weight:500;
	margin-top:60px;			
}

.wc__frontpage h4
{
	text-align:left;
	display:block;	
	color:#92CC00;
	font-size:27px;/* 33px */
	font-weight:500;			
}

h5
{
	color:#92CC00;
	font-size:20px;
	font-weight:500;
}

.wc__title_sub
{
	font-weight:200;
	font-size:20px;	
	display:block;
	text-align:center;
	margin-bottom:50px;
	color:#202020;
}

.wc__badges
{
	padding-bottom:10px;
	font-weight:300;
	font-size:14px;	
}

.wc__badges h3
{
	font-size:16px;
	font-weight:500;	
	height:26px;				
}

.wc__badges_text .textwidget
{
	padding:30px;	
	padding-top:12px;
}

.wc__badge
{
	width:120px;
	height:120px;
	border-radius:100%;
	margin:0 auto;
	clear:both;	
	cursor:pointer;			
}

.wc__badge:hover
{
	transition: all 0.3s ease;
	box-shadow: 0 0 0 0pt;
	opacity:0.9
}

.wc__badge img
{
	margin-top:34px;	
}

.wc__overwc
{
	background:#F9F9F1;
	min-height:500px;
	height:auto;
	border-bottom:4px solid #92CB0D;
	padding-bottom:60px;
	overflow:hidden;	
}

.wc__referenties
{
	overflow:hidden;
	padding-bottom:60px;					
}

.wc__footer
{
	height:auto;
	overflow:hidden;
	padding-top:40px;
	background:#9B9B8C;
	color:white;
	padding-bottom:14px;
}

.wc__submenu ul
{
	margin:0;
	padding:0;
	display:block !important
}

.wc__footer h3
{
	color:white;
	font-weight:500;
	font-size:15px;
}	

.wc__footer a
{
	display:block;
	color:white;	
}

.wc__footer .menu a
{
	display:block;
	clear:both;		
}
.wc__footer .menu li
{
	display:block;
	clear:both;	
}
			
.wc__copy
{
	font-size:10px;
}

.wc__copy a
{
	display:inline	
}

.wc__login
{
	color:#927F33;
	display:inline-block;
	padding:6px;
	width:auto;
	font-size:16px;
	
	font-weight:200;
	
	margin-top:10px;			
}

.wc__page_logo
{
	margin-left:-6px;
	margin-top:12px;	
}

.wc__page_header
{
	background:#938034;
	height:190px;
	background-image:url("img/wc_header_page.png");				
	background-position:center;					
}

.wc__page_menu
{
	height:50px;
	margin-top:10px;
	background:rgba(147,204,32,0);									
}

.wc__page_menu ul
{
	padding:0;
	margin-top:12px;						
}

.wc__page_menu ul li
{
	list-style:none;		
	display:inline-block;			
}

.wc__page_menu ul li 
{
	color:#93CC17;
	font-size:18px;
	font-weight:400;			
	
	padding-top:2px;	
	padding-bottom:10px;	
	padding-right:24px;				
}

.wc__page_menu li ul li a
{
	margin-left:10px;
}

.wc__page_contents
{
	padding-bottom:60px;
	min-height:500px;	
}

.wc__page_contents h1
{
	color:	#93CC17;
	font-size:24px;
}

.wc__page_contents h2
{
	color:	#938034;
	font-size:22px;
	text-align: left !important;
  display: block;
 
  margin-top: 4px !important;
}

.wc__page_contact
{
	color:white !important;	
	background:#93CC17;
	padding-top:10px;
	padding-bottom:40px;
}

.wc__page_contact h2, .wc__page_contact span
{
	color:white !important;				
}
			
.wc__contactbutton
{
	display:inline-block;
	padding:15px;
	font-size:16px;
	color:	#93CC17;
	background:white;
}

.show-on-mobile
{
	display:none;
}


.advps-slide-container
{
	margin:0 auto;	
}

#wc_mobilemenu_container
{
	display:none;	
	background:#f6f6f6
}

.wc__mainmenu_mobile
{
	width:100% !important;	
	 list-style: none;	
	 padding:0
}

.wc__mainmenu_mobile .sub-menu
{
	width:100%;
	background:#fff;	
	margin-top:8px;
}

#wc_mobilemenu_container  .sub-menu a
{
	font-size:14px;
	border-bottom:0px solid #f6f6f6;
}

#wc_mobilemenu_container li
{
	width:100%;
	text-align:right;
	border-bottom:1px solid #f6f6f6;
	padding:10px;
}
#wc_mobilemenu_container li a
{
	font-size:18px;
	
}

.wc__mainmenu-mobile-button
{
	padding:5px;
	color:white;
	background:#9C0;
	border-radius:3px;
	border:1px solid white;
	margin-top:-48px;	
	z-index:9999;
	opacity:0.9;
}


.wc__mainmenu_mobile ul, .wc__mainmenu_mobile li ul
{
    list-style: none;
    margin: 0;
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden;
	max-width:700px; 
} 

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}

.page-numbers {
    display: block;
    float: left;
    padding: 5px 7px;
}
.page-numbers:first-child {
    margin-left: 33px;
}
.language-chooser {
 display: inline-block;   
}
.qtranxs_widget ul, ul.language-chooser {
    display: inline-block;
    padding-left: 5px; }
.qtranxs_widget ul li,
ul.language-chooser li
{
display: inline;
list-style-type: none;
margin: 0 5px 0 0;
}
.qtranxs_widget img, ul.language-chooser img { box-shadow: none; vertical-align: middle; display: initial; }
.qtranxs_flag { height:12px; width:18px; display:block; }
.qtranxs_flag_and_text { padding-left:20px; }
.qtranxs_flag span { display:none; }
.wc__menu ul.language-chooser li a {
    padding: 0 7px;
}
@media(max-width:991px) and (min-width:779px ) 
{	
	.wc__header
	{
    height: 260px;
    background-size: cover;
	}	
	.wc__menu {
    height: 135px;
    margin-top: -135px;
	}
}

/* Tablets screens */
@media(max-width:1200px) 
{	
	.wc__login
	{
		border-radius:3px;
		background:#ffffff;
		margin-top:0px;	
	}	
}

/* Mobile screens */
@media(max-width:768px) 
{
	
	
	.wc__header
	{
		height:94px;		
		background-position:57% 0%;			
	}	
	 
	.hide-on-mobile
	{
		display:none;	
	}
	
	.show-on-mobile
	{
		display:block;
	}
	
	.wc__page_menu .menu li ul
	{
		-webkit-box-shadow: none !important;;
		-moz-box-shadow: none !important;;
		box-shadow: none !important;;
		width:100% !important;
		background:white !important;;	
	}
	.wc__page_logo_text {
		background: rgba(255,255,255, 0.9);
	}
	
}

@media(orientation : portrait) { 
	.wc__header
	{
		//height:100px;		
				
	}
	
	.wc__login
	{
		
		//margin-top:-10px;	
		position:absolute;
		top:0px;
		right:16px;
	}
	
	.wc__mainmenu-mobile-button
	{
		margin-top:-56px;
		float:left;
	
	}

}