/*
Theme Name: Quest Energy
Author: Alys
Author URI: http://www.alys.be
*/

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%; 
	font: inherit;
	vertical-align: top;
}





/* Global */
html,
body {
	margin:0; 
	padding:0; 
}

body {
	background:#ffffff;
	font-family: "Open Sans",Arial, sans-serif;
	font-size:16px;
	line-height:24px;
	color:#928f90;
}
h1{
	color:#4449CF;
	font-size:35px;
	margin-bottom:15px;
	font-family:"Open Sans", Arial, sans-serif;
	line-height:32px;
	font-weight:bold;
}
h2{
	color:#cf2e2e;
	font-family:"Open Sans", Arial, sans-serif;
	font-size:22px;
	margin-bottom:10px;
	font-weight:bold;
	line-height:20px;
}

h3{
	color:#cf2e2e;
	font-weight:600;
	font-size:20px;
	line-height:18px;
	margin-bottom:5px;
}
p{
	margin-bottom:17px;
	font-weight:10px;

}
.aligncenter{margin:0 auto;display:block;}
.wp-caption-text{font-size:11px; text-align:center;font-style:italic;}
img .alignleft, .alignleft{float:left;display:inline;margin-right:10px;}
img .alignright, .alignright{float:right;display:inline;margin-left:10px;}
img .alignright:after{content:" ";clear:both;}
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img{height:auto; max-width:100%;}
strong{font-weight:bold;}
em{font-style:italic;}

.clear{clear:both;}
.button{
	background:#ff7e00;
	border:none;
	color:#fff;
	font-size:14px;
	padding:5px 10px;
	text-decoration:none;
	font-weight:normal;
	display:inline-block;
	cursor:pointer;
}
.button:hover{
	background:#acada4;
}
.see-all{
	text-decoration:none;
	color:#0071AB;
}
.see-all:hover{
	color:#414141;
}

a{
	color:#928f90;
}
a:hover{
	color:#3F48CC;
}

/* ======= HEADER ======= */

.logo{
	margin:0px auto 0;
	padding-top:10px;
	display:block;
	width:235px;
	position:relative;
	z-index:10;
}
.logo img{
	width:100%;
}



/* ======= TOP MENU ====== */
#top-menu{
	float:right;
	font-family: 'Open Sans', sans-serif;
	position:relative;
	z-index:20;
}
#top-menu > li{
	list-style:none;
	display:inline-block;
	position:relative;
}
#top-menu > li > a{
	color:#9b9899;
	font-size:12px;
	text-decoration:none;
	display:block;
	padding:0 7px;
	border-left:1px solid #9b9899;
}
#top-menu > li:first-child a{
	border:none;
}

/* ======= MAIN MENU ====== */

#main-menu{
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	position:relative;
	z-index:20;
	margin-top:390px; /*241px;*/
	text-align:center;
}
#main-menu > li{
	list-style:none;
	display:inline-block;
	position:relative;
}
#main-menu > li > a{
	color:#fff;
	font-size:16px;
	text-decoration:none;
	display:block;
	line-height:50px;
	padding:0 35px;
	font-weight:bold;
}
#main-menu li a:hover,#main-menu .current-menu-item > a{
	color:#3F48CC;
	background:#fff;
}

/* -- submenu -- */

#main-menu li:hover > ul{
	display:block;
}
#main-menu li ul li{
	display:block;
}
#main-menu li ul{
	display:none;
	position:absolute;
	left:0;
	width:170px;
	background:#f00;
	z-index:200;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
#main-menu li ul li a{
	display:block;
	padding:10px 15px;
	color:#414141;
	font-size:14px;
	text-decoration:none;
	background:#eee;
	border-bottom:1px solid #ddd;
}
#main-menu li ul li a:hover, #main-menu li ul .current a{
	background:#fff;
	color:#0071AB;
}

/* ======= BANNER ====== */
#banner{
	height:375px; /*265px;*/
	width:100%;
	overflow:hidden;
	position:absolute;
	z-index:1;
	top:130px;
	left:0;
	border-bottom:50px solid #3F48CC;
}

#banner img{
	width:100%;
	height:auto;
}




/* ======= CONTENT ====== */

#wrapper{
	width:1000px;
	margin:0 auto;
	position:relative;
}
#content-full{
	width:100%;
	margin-top:35px;
	min-height:420px;
}


/* ======= HOME ====== */

#left-content{
	float:left;
	width:100%;
	margin-top:35px;
	min-height:500px;
}
#left-content ul, #left-content ol, #content-full ul, #content-full ol{
	margin-left:20px;
	margin-bottom:10px;
}
#left-content ul li, #left-content ol li,#content-full ul li, #content-full ol li{
	margin-bottom:5px;
}

/* ======= BLOG ====== */
#news-list{
	margin-left:0!important;
}
#news-list li{
	list-style:none;
	border-top:1px dashed #c5c9ce;
}
#news-list li:first-child{
	border:none;
}
#news-list li a{
	text-decoration:none;
	color:#928f90;
}

#news-list li a:hover{
	opacity:0.5;
}

/* ======= SIDEBAR RIGHT ====== */
#sidebar{
	float:right;
	width:300px;
	vertical-align:top;
	margin-top:55px;
	position:relative;
}
#sidebar h1{
	font-size:14px;
	line-height:16px;
	
}
#sidebar h2{
	font-size:18px;
	line-height:20px;
	color:#fff;
	background:#c5c9ce;
	display:block;
	text-align:center;
	padding:3px 0;
}

#contact-picture{
	width:100%; /*240px;*/
}
#contact-picture img{
	max-width:100%;
	height:auto;
/*	width:100%;
	height:auto;
	padding:5px;
	border:1px solid #c5c9ce;
	*/
}
#contact-picture p{
	font-size:12px;
	margin-top:10px;
}

/* news */
.readmore{
	position:relative;
	font-size:12px;
}
.readmore:after{
	content:" ";
	background:url('images/news-arrow.jpg') no-repeat;
	height:20px;
	width:20px;
	position:absolute;
	top:1px;
}
#news li{
	list-style:none;
	border-top:1px dashed #c5c9ce;
	padding-top:10px;
	margin-top:10px;
}
#news li:first-child{
	border:none;
}
#news li a{	
	text-decoration:none;
	color:#928f90;
}
.date{
	font-size:11px;
	float:left;
	margin-bottom:3px;
}
.category{
	float:right;
	font-size:11px;
	margin-bottom:3px;
}
#news li a:hover{
	opacity:0.5;
}


/* --- FOLLOW ME --- */
#social-networks{
	position:absolute;
	top:20px;
	right:0;
}
#social-networks li{
	list-style:none;
	margin: 6px 0;
}
#social-networks li a{
	display:block;
	height:20px;
	width:20px;
	background-size:contain;
	background-color:#3F48CC;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	padding:5px;
}
.facebook{
	background:url('images/facebook.png') center center no-repeat;
}
.twitter{
	background:url('images/twitter.png') center center no-repeat;
}
.linkedin{
	background:url('images/linkedin.png') center center no-repeat ;
}
#social-networks li a:hover{
	background-color:#928f90;
}


/* ======= FOOTER ====== */

#filigrane{
	position:absolute;
	bottom:0;
	right:0;
	background:url('images/filigrane.png') no-repeat;
	background-size:cover;
	height:350px;
	width:426px;
	z-index:-1;
	opacity:0.6;
}

#footer{
	/*border-top:1px solid #eaeaea; */
	margin-top:40px;
	background:#c5c9ce;
	position:relative;
}
#footer p{
	width:1000px;
	padding:3px 5%;
	margin:0 auto;
	font-size:12px;
	color:#fff;
}
#footer p a{
	float:right;
	text-decoration:none;
	color:#fff;
}



/* --- when admin bar is there ---*/
.admin-bar #main-menu{
    margin-top: 380px;
}

.home #main-menu{
    margin-top: 0px;
}
.admin-bar .logo img {
    width: 80%;
}

.flexslider {
	margin-top: 14px;
}	

/* -------------------------------- MEDIA QUERIES -------------------------------------------- */
.nav-mobile {display:none; /* Hide from browsers that don't support media queries */cursor:pointer;position:absolute;top:139px;right:0;background:#023058 url(images/nav-mobile.png);height:30px;width:100%;}
#pull{display:none;}

/* ------------------------  ipad horizontal -------------------------------- */
@media only screen and (min-width: 959px) and (max-width: 1024px){
}
/* ------------------------  ipad vertical -------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 959px){
	
	#wrapper{width:100%;}
	

	/* header */
	#main-menu > li > a{padding: 0 20px;}

	/* content */
#left-content{margin-top:20px; width:90%;margin-left:5%;float:none;}

	/* sidebar */
	#sidebar{width:90%;margin-left:5%;float:none;}

	/* footer */
	#footer{width:100%;}
	#footer p{width:90%;}
	
}

@media only screen and (min-width: 768px) {
	.nav-bar-bg{
		height: 50px;
		background-color: #3F48CC;
	}
}

@media only screen and (min-width: 1024px) {
	/*slider height*/
.slides, .slides li{
	height: 375px;
	overflow: hidden;
}	

}	
/* ------------------------  iphone  -------------------------------- */
@media only screen and (min-width: 200px) and (max-width: 767px){



#wrapper{width:100%;position:static;}
	
/* --- menu principal dropdown mobile ---  */
	a#pull { display:block;background:url('images/nav-mobile.png') right center no-repeat #3F48CC; height:50px; width:100%; position:absolute;z-index:20;top:0 /*172px*/; right:0;outline:none;}
	.nav-list {display:none; }
	#main-menu{position:absolute;margin-top:0px;padding-top:0px;z-index:300;background:#3F48CC;width:100%;top:50px/*220px*/;}
	#main-menu > li{display:block;padding-left:0;text-align:center;background:none;}
	#main-menu .has-children:after{right:10%;top:35px;}
	#main-menu > li > a{line-height:70px;border-top:1px solid #516077;}
	#main-menu > li > a, #main-menu > li > a:hover,#main-menu li a:hover, #main-menu .current a{border-bottom:none;}
	#main-menu > li > ul{position:relative;left:0!important;padding: 0 ;top:0;height:auto;width:100%;background-position:right center;}
	#main-menu > li > ul li a{border-top:1px solid #eee;}

	
	
	
/* header */
	.logo{width:100px;top:50px;}
	.logo:after{left:-60px;width:225px;height:100px;}
	
	.flexslider {
	margin-top: 70px;
	}	
/* banner */
	#banner{width:100%;top:130px;height:180px;border-bottom:0;}


/* home */
	

	/* content */
#left-content,#content-full{margin-top:280px; width:90%;margin-left:5%;float:none;}
.home #left-content{margin-top:30px;}

	/* sidebar */
	#sidebar{width:90%;margin-left:5%;float:none;}

	/* footer */
	#footer{width:100%;}
	#footer p{width:90%;}




}