/*
Theme Name: Edge Legal
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: Arial, sans-serif;
	font-size:14px;
	line-height:19px;
	color:#928f90;
}
h1{
	color:#3F4B5D;
	font-size:30px;
	margin-bottom:15px;
	font-family:"Open Sans", Arial, sans-serif;
	line-height:32px;
	text-transform:uppercase;
}
h2{
	color:#CBB17B;
	font-family:"Open Sans", Arial, sans-serif;
	font-size:18px;
	margin-bottom:10px;
	font-weight:normal;
	line-height:20px;
}
h3{
	color:#414141;
	font-weight:600;
	font-size:16px;
	line-height:18px;
	margin-bottom:5px;
}
p{
	margin-bottom:15px;
	font-weight:300;	
}
.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:20px;}
img .alignright, .alignright{float:right;display:inline;margin-left:20px;}
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;}
hr{border-top:0;border-left:0;border-right:0;border-bottom:1px solid #ddd;}
.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;
}
#content-full a{
	color:#cbb17b;
}
/* ======= HEADER ======= */
.logo{
	margin:0px auto 0;
	padding-top:30px;
	display:block;
	width:155px;
	position:relative;
	z-index:10;
}
.logo img{
	width:100%;
}
.logo:after{
	position:absolute;
	z-index:-1;
	content:" ";
	top:10px;
	left:-80px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 325px;
  height: 150px;
  border: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
}
/* ======= 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:201px; *//*241px;*/
	text-align:center;
	background:#3F4B5D;
}
#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;
}
#main-menu li a:hover,#main-menu .current-menu-item > a{
	color:#3f4b5d;
	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;
}
#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 #fff;
}
#main-menu li ul li a:hover, #main-menu li ul .current a{
	background:#fff;
	color:#0071AB;
}
/* ======= BANNER ====== */
#banner{
	height:215px; /*255px;*/
	overflow:hidden;
	position:relative; /*absolute;*/
	z-index:1;
	top:0; /*120px;*/
	left:0;
	/*border-bottom:50px solid #3f4b5d;*/
}
#menu-blue-bg{
	height:50px;
	width:100%;
	background:#3f4b5d;
	position:absolute;
	z-index:1;
	left:0;
}
#banner img{
	width:100%;
	height:auto;
}
/* ======= CONTENT ====== */
#wrapper{
	width:1000px;
	margin:0 auto;
	position:relative;
}
.content-wrap{
	/*margin-top:201px!important;*/
}
#content-full{
	width:100%;
	margin-top:35px;
	min-height:420px;
}
/* ======= HOME ====== */
#left-content{
	float:left;
	width:680px;
	margin-top:35px;
}
#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;
	padding-top:15px;
	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;
}
#news-list li a:hover .readmore:after{
	left:150px;
}
/* ======= 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{
	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;
	left:70px;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}
/* --- ACCORDION --- */
.title_code{
	padding:10px 20px 10px 0;
	margin-bottom:15px;
	position:relative;
}
.title_code:after{
	content:" ";
	background:url('images/news-arrow.jpg') no-repeat;
	height:20px;
	width:20px;
	position:absolute;
	top:12px;
	left:70px;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}
.title_code:hover:after{
	left:150px;
}
.title_code:hover{
	cursor:pointer;
}
.content_code{
}
#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:#3F4B5D;
	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 ====== */
#footer{
	border-top:1px solid #eaeaea;
	margin-top:40px;
}
#footer p{
	width:1000px;
	padding:3px 5%;
	margin:0 auto;
	font-size:12px;
	color:#D0D1C6;
}
#footer p a{
	float:right;
	text-decoration:none;
	color:#D0D1C6;
}
/* -------------------------------- 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%;}
	#menu-blue-bg{display:none;}
	#banner{height:190px;}
	/* 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: 500px) and (max-width: 769px){
	#banner{top:30px;}
}
/* ------------------------  iphone  -------------------------------- */
@media only screen and (min-width: 200px) and (max-width: 767px){
#menu-blue-bg{display:none;}
#wrapper{width:100%;position:static;}
/* --- menu principal dropdown mobile ---  */
	a#pull { display:block;background:url('images/nav-mobile.png') right center no-repeat #3F4B5D; 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:#3F4B5D;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;}
/* banner */
	#banner{width:100%;top:30px;height:120px;border-bottom:0;}
/* home */
	/* content */
#left-content,#content-full{ width:90%;margin-left:5%;float:none;}
	/* sidebar */
	#sidebar{width:90%;margin-left:5%;float:none;}
	/* footer */
	#footer{width:100%;}
	#footer p{width:90%;}
}