/*   
Theme Name: vl-law.gr
Theme URI: http://www.vl-law.gr
Desciption: full screen custom
Author: the karamits
Author URI: minimca.com
Template: 
Version: 0.1
.
General comments/License Statement if any.
.
*/


/* =Global
--------------------------------------------------------------
--------------------------------------------------------------
----*/

html, body {
 background: url('images/ricepaper_v3.png') repeat;
	font-family: 'Open Sans Condensed', sans-serif;
	height: 100%;
	color: #222;
	position:relative;
	margin:0;
	padding:0;
	width: 100%;}


a, a:link, a:visited {
	outline: none;
	text-decoration: none;
	border: none;
	}
	
h1 {font-family: 'Open Sans Condensed';}
	
img a, img a:hover {
	text-decoration: none;
	outline: none;
	border: none;
}

img {border: none;}

blockquote:before, blockquote:after {
	content: "";
	
}



.view_more {
	padding:10px;
	border-top:1px dashed #ccc;
	float: right;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	width:330px;}
	
	
.alignleft {
	float: left;
}

.alignright {
	float: right;
}


                

/*---Search
 ---*/


.search {
	text-transform: uppercase;
	font-size: .7em;
}



/*---header content
----------------------------------
--------------------------------*/
	    
#navbar {
	width:720px;
	height:20px;
	padding:25px 0 0 0;
	float:right;
	
		}
		

#navbar ul {margin: 0px auto;
		text-align: left;
		float:right;
		list-style: none;}
		
#navbar ul li {
		list-style: none;
		float: left;
		margin:0px 15px;}
		
#navbar ul li:last-of-type {margin-right: none;}
		
#navbar ul li a{color: #fff;
		text-transform: uppercase;
		font-family: 'Open Sans Condensed';
		font-weight:700;
		letter-spacing: -0.4px;
		font-size: 16px;
		transition-duration: 0.5s;}
		
#navbar ul li a:hover {color: #eee;}
		
#head {width:100%;
min-width:1080px;
height:70px;
padding:20px 0;
background: #222;
 /* background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.09, #eee),
    color-stop(0.55, #f9f9f9)
);
background-image: -moz-linear-gradient(
    center bottom,
    #eee 9%,
    #f9f9f9 55%
);
	*/ }
	
.button { padding:5px 10px;
color:#fff;
font-family: 'Open Sans Condensed';
font-size:16px;
text-transform: uppercase;
font-weight:300;
clear:both;
letter-spacing: -0.4px;
	border:1px solid #666;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.09, #222222),
    color-stop(0.55, #454545)
);
background-image: -moz-linear-gradient(
    center bottom,
    #222222 9%,
    #454545 55%
);
transition-duration: 0.5s;}

.single_law_field {overflow: auto;
		text-align: center;
		
		margin:20px auto;}
		
.single_law_field ul {list-style: circle;}
		
.single_law_field .title {float: left;
			background: #222;
			margin-top:20px;
			text-align: left;
			font-size: 28px;
			font-weight: bold;
			padding:10px;
			width:340px;
			height:140px;
			font-family: 'Open Sans Condensed';}
			
.single_law_field .title a {color: white;}

.single_law_field .title_container {border-top:3px solid #fff;
					border-bottom:3px solid #fff;
					width:340px;
					height:134px;}

.law_texts{float: right;
text-align: left;
font-size: 18px;
		width:680px;}
		
.little_content ul {list-style: circle;}

#law_fields_showcase {margin:0px auto 60px auto;
			overflow: auto;
			text-align: center;}

#law_fields_showcase ul {background: #222;
			margin:0;
			font-size: 32px;
			font-weight: normal;
			padding:0;
			font-family: serif;
			color: #efebdb;}

#law_fields_showcase ul li {list-style: decimal;
				float: left;
				list-style-position: inside;
				background: #222;
				margin:10px;
				text-align: left;
				color: white;
				padding:10px;
				width:320px;
				height:110px;}
				
#law_fields_showcase ul li div{float:right;
				border-top:2px solid #fff;
				border-bottom:2px solid #fff;
				height:104px;
				line-height: 28px;
				font-family: 'Open Sans Condensed';
				width:280px;
}

#law_fields_showcase ul li div a {font-family: 'Open Sans Condensed';
				font-size: 24px;
				font-weight: bold;
				
				text-decoration: none;
				color: #fff;}




.button:hover { border:1px solid #aaa;}
		
#languages { 	width:1080px;
		margin:5px auto;
		height:17px;
		font-size: 11px;
		font-family: 'Open Sans', sans-serif;
		clear: both;
		text-align: right;}
		
		
		
#languages a {color: #aaa !important;
font-size:12px !important;
text-transform: uppercase;
font-family: 'Open Sans Condensed';
		margin:1px 5px;}
		
#languages a img {opacity:0.5;
transition-duration:0.5s;

}

#languages a img:hover {opacity:1;}
		
#languages a:hover {color: #fff !important;
			text-decoration: overline;}
#logo {
	position:relative;
	margin: 0px 0px;
	text-align: left;
	float:left;
	width:300px;}
	
.left {float: left;}




.wrapper {
	width: 1080px;
	padding:0px;
	position: relative;
	margin:auto;
	z-index:1;
}

#masthead_section {
min-width:1020px;
min-height:500px;
width:100%;
height:calc(100% - 120px);
		background: url('images/team_stairs_web.jpg') no-repeat scroll center;
		text-align: center;
		position:relative;
		font-family: 'Open Sans Condensed';
		color: white;}

#masthead_section .container {position:absolute;
top:50%;
left:50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);}

#masthead_section h2 {margin: 0px auto;
			font-size:64px;
			padding:10px 0 0 0;}

#masthead_section h1 {font-size:32px;
			margin:0px auto 0 auto;}

#masthead_section a{opacity: 0.6;
		transition-duration: 0.5s;}
		


#masthead_section a:hover {opacity:1;}

   .border {width:989px;
    height:56px;
    margin:30px auto;
    background: url('images/balance.png') no-repeat;}

#partner_showcase {	margin:0px auto 40px auto;
			overflow: auto;
			text-align: center;}
			
#partner_showcase h1 {font-family: 'Open Sans Condensed';
		font-weight: bold;
		font-size:32px;
		margin:10px auto 30px auto;
		color: #222;}
			
#partner_showcase .single_partner {width:250px;
					margin:0 10px;
					float: left;}
					
#partner_showcase		.single_partner .title {    background: #222;
width:100%;
color:white;
padding:14px 0;
margin-top:-5px;}

#partner_showcase		.single_partner .title a {color: white;
							font-family: 'Open Sans Condensed';
							border-top:1px solid #fff;
							border-bottom:1px solid #fff;
							padding:3px 0;
							font-size: 18px;
							font-weight: 300;}


#preview_section {
text-align: center;
padding:20px 0 0px 0;
min-width:1080px;
min-height:600px;}

#preview_section p:first-of-type {font-family: serif;
		font-weight: bold;
		font-size:38px;
		margin-bottom: 5px;
		color: #222;}
		
#preview_section p:nth-of-type(2){font-family 'Open Sans Condensed';
				font-weight: 300;
				font-size: 18px;
				margin:5px auto;}

#preview_section p{color: #222;
		font-family: 'Open Sans Condensed';
		font-weight:300;
		margin: 25px auto;
		width: 800px;
		font-size:24px;}
					
					
#lawyer_showcase {
	width:100%;
	min-width:1080px;
	overflow: auto;
	display: block;
	margin:40px auto;}
	
#lawyer_showcase .alignright {float: right;
				width:540px;
				margin-left:20px;}
				
.alignright {font-size:20px;}


.alignright h1 {border-top:1px solid #222;
		border-bottom:1px solid #222;
		padding:5px 0;}

.dikaio {position:relative;
height:100%;}


.featured_page {
min-width:1020px;
min-height:500px;
width:100%;
height:calc(100% - 120px);
background-position:center center;
background-size:cover;
text-align: center; }

.featured_page p {color: #fff;
		font-family: 'Open Sans Condensed';
	font-weight: 700;
position:absolute;
text-align: center;
top:50%;
left:50%;

transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);

margin: 0 auto;
					font-size:64px;}
					


#map_canvas {height:500px;
		width:100%;
		min-width:1080px;}
		
#footer {height:40px;
	padding:20px 0;
	width:100%;
	min-width:1080px;
	position:relative;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.09, #111111),
    color-stop(0.55, #454545)
);
background-image: -moz-linear-gradient(
    center bottom,
    #111111 9%,
    #454545 55%
);}

.narrow {font-size: 16px;
font-weight: bold;
	width:700px;}

.narrow a{color:#222;
padding:0 5px;
font-size:14px;
font-weight:300;
border-left:1px solid #222;}

.narrow a:first-of-type {border-left:0;
			padding-left:0;}

.little_content {padding:40px 0;
		margin:0px auto;
		width:100%;
		text-align: left;
		font-size:24px;}