/*
Theme Name: Lespa
Description: Lespa Theme from <a href="http://www.7theme.net">7Theme</a>
Author: 7Theme.net
Author URI: http://www.7theme.net/
Version: 1.0
License: Its Located in the license folder
License URI: Its Located in the license folder
Theme URI: http://www.web-rockstars.com/lespa/
Tags:  one-column, two-columns, left-sidebar, right-sidebar,  custom-background, custom-colors, custom-header
*/  

@import "style/default.css";

/* Generated Styles: */
.inner {
	max-width:1100px;
}

body {
	cursor: auto;
}
#container {
	overflow:hidden;
}
#page {
	max-width: 1400px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 100px;
	background-image: initial;
	background-attachment: initial;
	background-size: initial;
	background-origin: initial;
	background-clip: initial;
	background-position: initial;
	background-repeat: initial;
}

#overheader > .inner {
	min-height: 30px;
}
#the_header {  
	margin-left: -1000px;
	padding-left: 1000px;
	margin-right: -1000px;
	padding-right: 1000px;
	background-color: #000;
} 
#header {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: -1000px;
	margin-right: -1000px;
	padding-left: 1000px;
	padding-right: 1000px; 
	color: #fff;
	margin-bottom: -400px;
	padding-bottom: 400px;
}

#header > .inner {
	min-height:30px;
}

#logo_1_container {
	z-index: 99;
	position: relative;
	display: block;
	float: left;
	clear: none;
}

header #menu-main_container {
	margin-top: 40px;
	display: block;
	float: right;
	clear: none;
	position:relative;
}
header .menu-main-container {
	position:relative;
	z-index:222;
	right:-10px;
}
header div#menu-main_container:before {
	position: absolute;
	width: 135%;
	height: 447%;
	background: #8E1567;
	content: "";
	-webkit-transform: skew(-45deg);
	-moz-transform: skew(-45deg);
	-o-transform: skew(-45deg);
	-ms-transform: skew(-45deg);
	transform: skew(-45deg);
	top: -143%;
	left: -100px;
}
header ul#menu > li > a { 
	font-size: 30px;
}
header ul#menu > li:before {
	content: "";
	position: absolute;
	width: 50px;
	top: 50%;
	left: 50%;
	margin-left: -20px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0.3;
	border-bottom: 1px solid;
	border-top: 1px solid;
	height: 7px;
	margin-top: -5px;
	display:block;
}

header ul#menu > li.has-submenu:after, ul#menu > li.static-item:after {
	font-family: FontAwesome;
	content: "\f0d7";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0px;
	display:block;
}
#header #menu ul.sub-menu, #header #menu .seven_mega_menu {
	box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5), 0px 0px 3px #000;
	border-top:2px solid;
}

#custom-custom_header_content_container {
	display: block;
	float: right;
	clear: right;
	margin-bottom: 50px;
	position:relative;
}

#hero {
	margin-left: -1000px;
	padding-left: 1000px;
	padding-right: 1000px;
	margin-right: -1000px;
	margin-bottom: -400px;
	padding-bottom: 400px;
}
#cycleslider {
	background:#fff;
}
#element-slider {
	display: block; 
	clear: none;
}

#head_line {
	text-align: center;
}

#head_line > .inner {
	min-height:30px;
}
#main {
	z-index:22;
}
#main > .inner {
	min-height:30px;
}
#content {
	display: block;
}

#footer {
	color: #582B4A;
	background-color: #1F0015;
	margin-left: -1000px;
	padding-left: 1000px;
	margin-right: -1000px;
	padding-right: 1000px;
	margin-top: -100px;
	padding-top: 140px;
	position: relative;
}
footer#footer:after {
	content: "";
	position: absolute;
	width: 100%;
	z-index: 1;
	top: -100px;
	background: #1F0015;
	height: 500px;
	left: 0;
	-webkit-transform: skewY(-6deg); 
	-moz-transform: skewY(-6deg); 
	-o-transform: skewY(-6deg); 
	-ms-transform: skewY(-6deg); 
	transform: skewY(-6deg); 
}
#footer_container {
	display: block;
}
.footer_inner, .copyright_inner {
	position:relative;
	z-index:22;
}
#copyright {
	color: #B14C90;
	text-align: center;
	background-color: #8E1567;
	margin-left: -1000px;
	padding-right: 1000px;
	margin-right: -1000px;
	padding-left: 1000px;
	z-index: -2;
	position: relative;
	margin-top: -100px;
	padding-top: 100px;
}

#copy_container {
	display: block;
	padding-top:20px;	
	padding-bottom:20px;
}

#logo_container {
	z-index:99;
	position:relative;
}

header #menu_container {
	margin-top:30px;
}

header ul#menu > li > a { 
	font-size: 30px;
}
header #menu > li.has-submenu {
	padding-right: 16px;
	margin-right: 10px;
}
header ul.menu_element > li {
	padding:20px; 
}
header .seven_mega_menu {
	margin-top:20px;
}

 /* Classes styles*/
.default_menu_element > li > a { 
	font-size: 30px;
}
.default_menu_element > li ul.sub-menu {
	color: rgb(255, 255, 255);
	background-color: rgb(122, 98, 88);
}
#hero {
	color: rgb(255, 255, 255);
}
#cycle_container {
	max-height:100%;
}
.slider_overlay h2 {
	font-size: 57px;
	font-weight: lighter;
}
.slider_overlay h3 {
	font-size: 27px;
}
#head_line {
	text-align: center;
}
.headline_page_title {
	font-size: 61px;
}
.headline_page_subtitle {
	font-size: 30px;
}
.sidebar .widget-title {
	font-size: 36px;
	font-weight: 200;
}
.team_entry_div {
	text-align:center;
}
.portfolio_shortcode_container {
	position:relative;
}
.portfolio_shortcode_image {
	position:relative;
}
.portfolio_shortcode_title {
	font-size: 36px;
	font-weight: 200;
}
.post_shortcode_container {
	position:relative;
}
.post_shortcode_image {
	position:relative;
}
.post_shortcode_title {
	font-size: 36px;
	font-weight: 200;
}
.post_container {
	position:relative;
}
.post_title {
	font-size: 36px;
	font-weight: 200;
}
.post_image {
	position:relative;
}
.mainsection h1 {
	font-size: 53px;
	font-weight: 200;
}
.mainsection h2 {
	font-size: 45px;
	font-weight: 200;
}
.mainsection h3 {
	font-size: 36px;
	font-weight: 200;
}
.mainsection h4 {
	font-size: 29px;
	font-weight: 200;
}
.mainsection h5 {
	font-size: 26px;
	font-weight: 200;
}
.mainsection h6 {
	font-size: 23px;
	font-weight: 200;
}
.portfolio_fourth {
	color:#fff;
} 
#footer .widget-title {
	font-size: 26px;
	font-weight: lighter;
}
#copyright { 
	text-align: center; 
}
.scroll_top {
	text-align:center;
}
.scroll_top_button {
	position:relative;
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	background:rgba(0,0,0,0.3);
}
/* BEGINN SIDEBAR */ 
#page-sidebar-right #content , #page-sidebar-left #content {
	width:820px 
}
.sidebar {
	 width:280px;
}
.page article.type-post, .archive article.type-post {
	text-align: center;
	background: #f5f5f5;
	padding: 40px;
}
.page article.type-post .blogentry_right, .archive article.type-post .blogentry_right {
	max-width: 500px;
	margin: 30px auto;
}
.page article.type-post .blogentry_aside, .archive article.type-post .blogentry_aside {
	font-size:small;
}
.page article.type-post h3, .archive article.type-post h3 {
	margin-top:26px;
}

#cycleslider h2 {
	-webkit-transform: skew(45deg);
	-moz-transform: skew(45deg);
	-o-transform: skew(45deg);
	-ms-transform: skew(45deg);
	transform: skew(45deg);
	display:inline-block;
	padding:0 30px;
	margin-bottom:0;
}
#cycleslider h2 span {
	-webkit-transform: skew(-45deg);
	-moz-transform: skew(-45deg);
	-o-transform: skew(-45deg);
	-ms-transform: skew(-45deg);
	transform: skew(-45deg);
	display:block;
}
#cycleslider h3  {
	-webkit-transform: skew(45deg);
	-moz-transform: skew(45deg);
	-o-transform: skew(45deg);
	-ms-transform: skew(45deg);
	transform: skew(45deg);
	display:inline-block;
	padding:0 30px;
	margin-top:0;
}
#cycleslider h3   span {
	-webkit-transform: skew(-45deg);
	-moz-transform: skew(-45deg);
	-o-transform: skew(-45deg);
	-ms-transform: skew(-45deg);
	transform: skew(-45deg);
	display:block;
}
#cycleslider  .pos_left h3    {
	margin-left:48px;
}

#cycleslider .pos_right  h2    {
	margin-right:48px;
}
#cycle-prev, #cycle-next {
	top:auto;
	bottom:0;
	width:120px;
}
#cycle-prev {
	text-align:right;
	padding-right:20px;
}
#cycle-next {
	text-align:left;
	padding-left:20px;
}
.nivo-header .nivo-controlNav a, .cycle-content-navs a {
	width:60px;
}
.cycle-content-navs {
	bottom:15px;
}
