/*********************************************************************

Theme Name: Ela
Theme URI: http://ka-arte.com/themes/ela
Description: The multipurpose responsive theme for WordPress.
Author: ka-arte.com
Author URI: http://ka-arte.com/
Version: 1.0
Tags: left-sidebar, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options, translation-ready
Text Domain: ela

License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

*********************************************************************/


/* Browser 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 {
    font-size:100%;
    margin:0;
    padding:0;
    border:0;
    vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
audio, canvas, video {display:inline-block;}
audio:not([controls]) {display:none;}
body, {line-height:1;}
p img {margin:0;}
ol, ul {list-style:square;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
blockquote, q {quotes:none;}
table {
    border-spacing:0;
    border:1px solid gray;
    border:1px solid rgba(150, 150, 150, 0.12);
    width:100%;
    margin-bottom:22px;}
tr th {padding:1em; border-bottom:1px solid gray;border-bottom:10px solid rgba(150, 150, 150, 0.07); text-align:left;}
tr th, tr td {padding:9px 20px; border-right:1px solid gray; border-right:10px solid rgba(150, 150, 150, 0.07);}
tr th:last-child, tr td:last-child {border-right:0;}
table th {font-weight:bold;}
:focus {outline:0;}
a:link, a, a:visited {text-decoration:none; color:#777777;}
a:hover {text-decoration:none; color:#9F9F9F;}
address {font-style: normal;}


/* Repeatable Patterns
 * -----------------------------------------------------------------*/


html {overflow-y:scroll; font-size: 100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
html, body {width: 100%; min-height: 100%;}

body {
    font-size: 0.75em;
    font-family: Arial, Helvetica, sans-serif;
    color: #525252;}

h1, h2, h3, h4, h5, h6, p, a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, pre {
    font-weight: inherit;
    word-wrap: break-word;}
h1 {line-height: 1;}
h2, h3, h4, h5, h6 {line-height: 1.3em;}
h1, h2, h3, p, blockquote, pre, dd, address {margin-bottom: 22px;}
h4, h5, h6 {margin-bottom: 11px;}
h1 {font-size: 3em;}
h2 {
font-size: 2em;
padding-top: 11px}
h3 {
font-size: 1.6em;
padding-top: 11px}
h4 {font-size: 1.3em;}
h5 {font-size: 1em;}
h6 {font-size: 0.9em;}

p, li, blockquote p, address {line-height: 1.6em;}

ul, ol {margin: 11px 0 22px 22px;}
ul ul, ol ol, ul ol, ol ul {margin: 0.3em 0.3em 0.3em 1em;}
ol {list-style: decimal;}

img {
    max-width: 100%;
    width: auto\9; /* ie8 */
    height: auto;
    vertical-align: bottom;
    -ms-interpolation-mode: bicubic;}
a img:hover {opacity: 0.9; filter: alpha(opacity=90);}

blockquote {
    padding: 22px;
    font-style: italic;
    opacity: 0.8; filter: alpha(opacity= 80);}
blockquote cite {
    display: block;
    text-align: right;
    margin-top: 11px; }
blockquote cite:before, cite:before {content: "- ";}
blockquote p:last-child {margin: 0;}
blockquote {padding: 0;}
blockquote p:before {
    content: "\e076";
    font-size: 2em;
    padding: 1em;
    opacity: 0.2; filter: alpha(opacity=20);}

address:before {
    content: "\e001";
    font-size: 2em;
    display: block;
    padding: 0 22px 11px 0;
    opacity: 0.2; filter: alpha(opacity=2);}

button,
.button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display: inline-block;
    overflow: hidden;
    padding: 11px 22px;
    text-align: center;
    cursor: pointer;
    border: none;}

.searchform {
    float: left;
    width: 100%;
    height: 2.7em;}
#s {
    float: left;
    width: 60%;
    height: 100%;
    margin: 0;
    padding: 0 1em;
    border: none;
    background: none;
    opacity: 0.7; filter: alpha(opacity=70);}

.searchform input[type="submit"] {
    float: right;
    height: 100%;
    margin: 0;
    padding: 0.5% 11px 0.6% 11px;
    cursor: pointer;
    border: 1px solid transparent;}

button:hover,
.button:hover,
input[type="submit"]:hover,
input[type="reset"],
input[type="button"]:hover,
.searchform input[type="submit"]:hover {opacity: 0.9; filter: alpha(opacity=90);}

form {margin-bottom: 0;}
fieldset {margin-bottom: 22px;}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
	outline: none;
	display: block;
    padding: 1%;
	border: 1px solid transparent;}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"] {width: 38%;}
textarea {
    width: 98%;
    min-height: 10em;}
label, legend {
    display: block;
    margin-bottom: 6px;}
input[type="checkbox"] {display:inline;}
label span, legend span {
	font-weight: normal;
	font-size: 13px;
	color: #444;}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
textarea:focus {
    border: 1px solid #F2F2F2;
	border: 1px solid rgba(150, 150, 150, 0.12);}

select {
    display: block;
	outline: none;
	width: 100%;
    padding: 11px 22px;
	border: none;}

hr {
    clear: both;
    height: 1px;
    margin: 22px 0;
    border: none;}

small {font-size: 80%;}

pre {
    padding: 22px;
    white-space: pre-wrap;
    border: 1px solid #E8E8E8;
    border: 1px solid rgba(150, 150, 150, 0.12);}


/* Transition */
a:hover {
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
    -o-transition: color .2s linear;
    -ms-transition: color .2s linear;
    transition: color .2s linear;}
    
a img, .recent-posts-widget li {
		opacity: 1;
		-moz-transition: all 1s ease;
		-webkit-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;}
	

/* WordPress Elements
 * -----------------------------------------------------------------*/

/* Alignment
 *  */
.alignleft {
    float: left;
    margin: 0 22px 0 0;}
.alignright {
    float: right;
    margin: 0 0 0 22px;}
.aligncenter {
    text-align: center;
    display: block;
    margin-left: auto; margin-right: auto}
.alignnone {margin: 0 22px 22px 0;}

/* Caption
 *  */
.wp-caption {max-width: 100%;}
.wp-caption.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;}
.wp-caption.alignright {
    float: right;
    margin: 0 0 22px 22px;}
.wp-caption.alignleft {
    float: left;
    margin: 0 22px 22px 0;}

.gallery-caption, .wp-caption-text {
    font-size: 0.9em;
    margin: 0;
    padding: 6px;}
.gallery-caption {margin: 0 1px!important;}    

/* Sticky Post
 *  */
.sticky {}

/* Post Author
 *  */
.bypostauthor {}

/* Current Page Item
 *  */
.current_page_item a {font-weight: bold;}

/* Gallery
 *  */
.gallery-item {margin: 1px 0!important;}
.gallery-icon img {border: none!important;}
.gallery-icon{margin: 0 1px;}
.gallery-columns-3 .gallery-item {width: 33.333%!important;}
.gallery-columns-6 .gallery-item {width: 16.666%!important;}
.gallery-columns-7 .gallery-item {width: 14.285%!important;}
.gallery-columns-4 .gallery-item {width: 12.5%!important;}
.gallery-columns-5 .gallery-item {width: 11.111%!important;}


/* Calendar
 *  */
#calendar_wrap {
    padding: 0;
    border: none;}
#wp-calendar {
    width: 100%;
    border: none;}
#wp-calendar caption {
    margin: 0 auto 11px;
    padding: 11px;
    text-align: right;
    text-transform: uppercase;}
#wp-calendar td {
    padding: 0.1em;
    text-align: center;
    border-right: 0;}
#wp-calendar th {
    padding:0;
    text-align: center;
    border-right: 0;
    border-bottom: 0;}

/* Comments
 *  */
h2.comment-ueber-title {
    font-size: 1em;
    margin-bottom: 6px;
    text-transform: uppercase;}
#comment-title {
    margin-bottom: 44px;
    padding-top: 0;}
ol.commentlist {margin: 22px 0 0 0;}
ol.commentlist ul {
    margin: 0 0 0 50px;
    list-style: none;}
ol.commentlist li, ol.commentlist li div {margin-bottom: 22px;}
ol.commentlist ul li {margin-left: 2em;}
.comment-body {
    overflow: hidden;
    margin: 0!important;
    padding: 0 0 22px 0;
    border-bottom: 1px solid gray;
    border-bottom: 1px solid rgba(150, 150, 150, 0.4);}
.comment-author-avatar {
    float: left;
    width: 50px;
    margin-right: 22px;}
.comment-time, .comment-content {margin-bottom: 0;}
.comment-author-link {
    float: left;
    margin: 0 22px 0px 0;
    padding: 0;}
.comment-time {
    font-size: 0.85em;
    margin-bottom: 11px;
    text-transform: uppercase;}
.comment-time, .comments-logged-in-as, p#allowed_tags {opacity: 0.7; filter: alpha(opacity=70);}
.comment-content {
    clear: both;
    margin-bottom: 0;}
.comment-replay, .comment-edit {
    float: right;
    margin-bottom: 0!important;}
.comment-body .button {padding: 6px 22px!important;}


/* Widgets
 *  */
.textwidget p:last-child {margin:0;}

li.recentcomments:before {
    content: "\e06f";
    padding-right: 6px;
    opacity: 0.3; filter: alpha(opacity=30);}



/* Ela Elements
 * ---------------------------------------------------------------- */

/* Fonts
 *  */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/fonts/icomoon.eot');
	src:url('fonts/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/fonts/icomoon.svg#icomoon') format('svg'),
		url('fonts/fonts/icomoon.woff') format('woff'),
		url('fonts/fonts/icomoon.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	line-height: 1;
	margin-right: 11px;
	padding: 2px;
	opacity: 0.8; filter: alpha(opacity=80);
	-webkit-font-smoothing: antialiased;}

@font-face {
	font-family: 'entypo';
	src:url('fonts/entypo/fonts/entypo.eot');
	src:url('fonts/entypo/fonts/entypo.eot?#iefix') format('embedded-opentype'),
		url('fonts/entypo/fonts/entypo.woff') format('woff'),
		url('fonts/entypo/fonts/entypo.ttf') format('truetype'),
		url('fonts/entypo/fonts/entypo.svg#entypo') format('svg');
	font-weight: normal;
	font-style: normal;}

address:before, blockquote p:before, blockquote:after, .recentcomments:before  {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;}
.previous-post:before, .next-post:after, .aside-menu li:before   {
	font-family: 'entypo';
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;}

/* Thumbnails 
 * */
.featured-image {position: relative}
.featured-image .link a:after {padding: 0;}
.thumbnail {
    position: relative;
    margin-bottom: 22px;}
* {vertical-align: middle;}

/* Columns 
 * */
.columns-2, .columns-3, .columns-4, .columns-5 {
    display: block;
    float: left;
    overflow: hidden;}
.columns-2 {width: 50%;}
.columns-3 {width: 33.333%;}
.columns-4 {width: 24.9%;}
.columns-5 {width: 19.9%;}

/* Margin/Padding 
 * */
.m0{margin:0;} .m05 {margin:11px;} .m05l {margin:0 0 0 11px;} .m05r {margin:0 11px 0 0;} .m05b {margin:0 0 11px 0;}
.m1 {margin:22px;} .mtb1 {margin:22px 0;} .mlr1 {margin:0 22px;} .mlb1 {margin:0 22px;} .mrb1 {margin:0 22px 22px 0;}
.mt1 {margin-top:22px;} .mb1 {margin-bottom:22px;} .ml1 {margin-left:22px;} .mr1 {margin-right:22px;}
.mb2 {margin:0 0 44px 0;}  .mb3 {margin:0 0 33px 0;}

.pa0 {padding:0;}
.pa05 {padding:11px;} .pab05 {padding-bottom:0 0 11px 0;}
.pall1 {padding:22px; overflow: hidden;} .pat1 {padding:22px 0 0 0;} .pab1 {padding:0 0 22px 0;} .pal1 {padding:0 0 0 22px;}
.paltr1 {padding:22px 22px 0 22px;} .palrb1 {padding:0 22px 22px 22px;} .palr1 {padding:0 22px;} .patb1 {padding:22px 0;} .patrb1 {padding:22px 22px 22px 0;}

.center {
    text-align: center;
    margin: 0 auto;}

.elements-wrapper {
    overflow: hidden;
    margin: 0 0 22px 0;}

.hidden {display: none;}

.overflow {overflow: hidden;}

.opacity {opacity: 0.7; filter: alpha(opacity=70);}

.clear:after {
    content: "";
    display: table;
    clear: both;
    *zoom: 1;}

.divider {
    clear:both;
    margin:22px 0;
    padding:15px;}
.divider-0 {
    clear: both;
    padding: 15px;}

.infobox {
    margin-bottom: 22px;
    padding: 22px;}
.infobox p:last-child {
    margin-bottom: 22px;
    padding: 22px;}

.link a:after {
    content: "\2192";
    display: inline-block;
    padding-left: 0.5em;
    pointer-events: none;}


/* Backgrounds
 *  */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
textarea:focus,
#container,
.toggle-wrapper,
#footer {
    background: #F2F2F2;
    background-color: rgba(150, 150, 150, 0.07);}

hr,
code, pre,
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea,
button, .button,
input[type="submit"], input[type="reset"], input[type="button"],
select,
.searchform input[type="submit"],
.gallery-caption, .wp-caption,
#jPanelMenu-menu,
div.project-caption,
.pagination a,
.searchform,
#wp-calendar caption,
.tagcloud a:hover, .tags a:hover,
p.trigger, .tabs li, .tabs-content, ul.tabs li a.active, ul.tabs-content .active {
    background-color: #ECECEC;
    background-color: rgba(150, 150, 150, 0.12);}

p.trigger:hover, .tabs li:hover {
    background-color: #525252;
    background-color: rgba(150, 150, 150, 0.14);}

ul.dropdown-menu ul li a {
    background-color: #F2F2F2;
    background-color: rgba(150, 150, 150, 0.7) ;}   

.flex-control-nav {padding: 11px 0!important;}

.equal-height {
    margin-bottom: -500em;
    padding-bottom: 500em;}


/* Layout
 * -----------------------------------------------------------------*/

#wrapper {
    max-width: 1366px;
    overflow: hidden;
    position: relative;}

/* Container Left */    
#container {
    position: relative;
    float: left;
    width: 68%;
    max-width: 960px;
    min-height: 100%;}
#container > div {
    overflow: hidden;
    border-right: 1px solid gray;
    border-right: 1px solid rgba(150, 150, 150, 0.3);
    border-bottom: 1px solid gray;
    border-bottom: 1px solid rgba(150, 150, 150, 0.3);}    
#content {
    position: relative;
    z-index: 2;
    clear: both;
    overflow: hidden;
    border-top: 1px solid #F2F2F2;
    border-top: 1px solid rgba(150, 150, 150, 0.3);
    border-bottom: 1px solid #F2F2F2;
    border-bottom: 1px solid rgba(150, 150, 150, 0.3);
    min-height: 100%;}
.context-left {
    position: relative;
    width: 62%;
    float: left;}
.context-left .inner {
    border-right: 1px solid gray; min-height: 100%;
    border-right: 1px solid rgba(150, 150, 150, 0.3);}
.context-right {
    position: relative;
    width: 62%;
    float: right;}
.context-right .inner {
    border-left: 1px solid gray;
    border-left: 1px solid rgba(150, 150, 150, 0.3);}
#sidebar {
    position: relative;
    float: left;
    width: 38%;
    font-size: 0.9em;}    

/* Container Right */
#sidebar-aside {
    font-size: 0.9em;
    position: fixed;
    right: 0;
    width: 32%;
    height: 100%;}
#sidebar-aside > div {
    position: relative;
    height: 100%;
    border-left: 45px solid gray;
    border-left: 45px solid rgba(150, 150, 150, 0.3);}


/* STYLES
--------------------------------------------------------------------*/

/* Brand
 *  */
.brand {
    float: left;
    width: 32%;}
#sidebar-aside .brand {
    float: none;
    width: auto;
    text-align: right;}
.site-title {margin:0;}
.site-description {
    font-size:1em;
    margin:0;}

/* JpanelMenu
 *  */
#jPanelMenu-menu {margin: 0;}
.jpanel, .brand-media {
    visibility: hidden;
    display: none;}
#jPanelMenu-menu .brand, #jPanelMenu-menu .aside-menu, #jPanelMenu-menu .widget,
#jPanelMenu-menu .brand .pall1, #jPanelMenu-menu .widget .pall1 {
    clear: both;
    width:100%;
    margin: 0;
    padding: 6px;
    text-align: left;}
#jPanelMenu-menu .tagcloud a {
    display: block;
    clear: both;}

/* Header Image 
 * */
.header-image {
    position: relative;
    display: block;
    clear: both;
    width: 100%;}

/* Dropdown Menu 
 * */
#dropdown-menu-wrapper {
    position: relative;
    z-index: 999999;
    clear: both;
    margin-bottom: 22px;
    padding: 22px;}

/* Social Icons 
 * */
ul.social-icons {
    float: right;
    margin: 0;}
.social-icons li {
    font-size: 2em;
    float: left;
    margin-bottom: 0;
    list-style: none;
    opacity: 0.8; filter: alpha(opacity=80);}
.social-icons li:hover {opacity: 1; filter: alpha(opacity=100);}
.social-icons a {cursor: default;}
.social-icons li a p {margin-bottom:0;}

/* Archive
 *  */
.posts {overflow: hidden;}
.posts p:last-child, .posts blockquote {margin: 0;}
.posts .taggroup, .posts .utilities-title {margin-bottom: 6px;}

/* Blog Posts Overview 3 Columns */
ul.three-coll-blog {
    overflow: hidden;
    font-size: 0.9em;
    margin: 0;
    padding: 22px 0 0 0;
    width: 100%;
    list-style: none;}
ul.three-coll-blog > li {
    float: left;
    width: 33.2%;
    height: auto;
    display: block;}
ul.three-coll-blog .inside {
    margin: 0 22px 22px 0;
    border: 1px solid #F2F2F2;
    border: 1px solid rgba(0, 0, 0, 0.12);}
.three-coll-blog .posts {
    border:none;
    margin:0;
    box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);}
.three-coll-blog .posts:hover {
    border: none;
    margin: 0;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);}
.three-coll-blog .posts p:last-child {margin: 0;}
.three-coll-blog .posts h1 {font-size: 2em;}

.thumbnails-group {
    float: left;
    width: 50%;
    margin: 0 22px 22px 0;}

.quote-thumbnail {
    width: 10em;
    height: 10em;
    overflow: hidden;
    float: left;
    margin: 0 22px 22px 0;}
.quote-thumbnail img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 100%;}

/* 404
 *  */
#page-0 {
    text-align: center;
    padding: 2em 0;}
#page-0 h1 {
    font-size: 6em;
    line-height: 1em;
    margin-bottom: 0.2em;
    text-transform: uppercase;}

/* Search/404
 *  */
ul.post-list {margin: 0;}
.post-list > li {list-style: none}

/* Sidebar Sitemap
 *  */
.sidebar-sitemap {
    float: left;
    width: 47%;
    padding-right: 3%;}
.sidebar-sitemap ul {margin-left: 0; }

/* Project single */
.project-details {margin: 22px 0;}
.project-details h4 { 
    font-size: 1em;
    margin-bottom: 0;
    text-transform: uppercase; }
.project-details p {margin-bottom: 6px;} 
.project-details span {padding-left: 28px;}    

/* Projects Overview
 *  */
#portfolio-wrapper ul {
    clear: both;
    overflow: hidden;
    list-style: none;
    margin: 0;}
#portfolio-wrapper ul li {border-top:1px solid rgba(150, 150, 150, 0.3);}
.project-title {
    margin-bottom: 0;
    padding: 6px;
    text-align: center;}
#portfolio-list-1 li.portfolio-item, #portfolio-list-2 li.portfolio-item, #portfolio-list-3 li.portfolio-item, #portfolio-list-4 li.portfolio-item {
    position: relative;
    float: left;
     margin: 0;}
#portfolio-list-1 li.portfolio-item {width: 100%;}
#portfolio-list-2 li.portfolio-item {width: 50%;}
#portfolio-list-3 li.portfolio-item {width: 33.33%;}
#portfolio-list-4 li.portfolio-item {width: 25%;}
#portfolio-list-1 a img:hover, #portfolio-list-2 a img:hover, #portfolio-list-3 a img:hover, #portfolio-list-4 a img:hover {opacity:1;}
#portfolio-wrapper .featured-image {margin: 0 1px 2px 1px;}

/* Projects Filter */
.projects-filter {
    overflow: hidden;
    margin: 0 0 16px 0;
    padding-top: 22px;
    list-style-type: none;}
.projects-filter li {
    float: left;
    margin: 0 6px 6px 0;
    padding: 6px 22px;}
.projects-filter li:first-child {margin-left: 0;}
.projects-filter li .current {text-transform: uppercase;}
.projects-filter li:hover {opacity: 0.9; filter: alpha(opacity=90);}

/* Link to the next/previous post/image
 *  */
.posts-navigation {
    display: block;
    float: right;
    margin: 0 0 22px 22px;}
.previous-post, .next-post {
    opacity: 0.5; filter: alpha(opacity=50);
    text-transform: uppercase;}
.previous-post {float: left;}
.next-post {
    float: right;
    margin-left: 6px;}
.previous-post:before {content:"\e0d5";}
.next-post:after {content:"\e0d8";}

/* Page Title
 *  */
.page-caption {
    margin: -22px 0 22px 0;
    padding: 0;
    opacity: 0.5; filter: alpha(opacity=50);}
.three-coll-blog .post-title a {font-size: 0.9em!important;}

/* Blog Meta
 *  */
.blog-meta {
    font-size: 0.85em;
    text-transform: uppercase;
    opacity: 0.5; filter: alpha(opacity=50);}
    
/* Captions
 *  */
.slideshow-top-caption {
    position: absolute;
    bottom:0; top:auto; left:0;
    padding: 22px;
    color: #3F3F3F;
    text-align: center;
    text-transform: uppercase;
    background-color: #F2F2F2;
    background-color: rgba(225, 225, 225, 0.6);}
.slideshow-top-caption h1, .slideshow-top-caption h1 a {margin:0;}
.slideshow-top-caption h2 {
    font-size: 1em;
    text-transform: none;
    opacity: 0.7; filter: alpha(opacity=70);
    margin: 0;
    padding: 0;}
/* Slideshow Thumbnail Caption */
.slideshow-thumbnail-caption {
    position: relative;
    padding: 22px;}
.slideshow-thumbnail-caption h3 {padding: 0;}
/* Project Caption */
.project-caption {
    display: none;
    position: absolute;
    top: 0em; bottom: 0em; left: 0em; right: 0em;
    margin: 0 auto;
    overflow: hidden;
    color: #0F0F0F;}
.project-caption h3 {
    margin-bottom: 0;
    padding-top: 0;}
.project-caption: hover {
    background:none;
    background-color: rgba(250, 250, 250, 0.6);}
/* Thumbnail Caption */
.thumbnail-caption {
    position: relative;
    padding: 22px;}
.thumbnail-caption h3 {
    margin: 0;
    padding: 0;}
.thumbnail-caption p:last-child {margin-bottom:0;}
/* Caption Widget Project */
.caption-widget-project {
    position:absolute;
    left: 47%; top: 40%;
    font-size: 1.8em!important;}
/* Post Format Caption */
.post-format-caption {
    position: absolute;
    left: 0%; bottom: 0%;
    padding: 11px 22px;}
.post-format-caption [data-icon]:before {
    font-size: 2em;
    margin-right: 0;}
    
.zoom {
    position: absolute;
    right: 22px;
    bottom: 11px;}    
    
/* Pagination
 * */
.pagination {
    clear: both;
    position: relative;
    z-index:99;
    overflow: hidden;
	margin: 22px;
    text-align: left;}
.pagination a, .pagination span {
    display: inline-block;
	width: 3em;
    height: 3em;
    line-height: 3em;
	text-align: center;}
.pagination a, .pagination span:first-child {margin-left: 0;}
.pagination a:hover {opacity: 0.9; filter: alpha(opacity=90);}
.pagination span {font-weight: bold;}
/* Infinite */
.pagination-infinite {
     width: 50%;
     margin: 0 auto;}
/* Page Paginatiton */
.page .pagination {margin: 0!important;}
        

/* Post/Project Utilities 
 * */
.posts-utilities {
    clear: both;
    position: relative;
    overflow: hidden;
    font-size: 0.9em;
    margin: 22px -22px 0 -22px;
    padding: 22px 22px 0 22px;
    background: rgba(150, 150, 150, 0.07);
    -webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 4px -3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 4px -3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 4px -3px rgba(0, 0, 0, 0.2);}
.utilities-title {
    margin-bottom: 22px;
    padding-bottom: 6px;
    text-transform: uppercase;
    border-bottom: 1px solid gray;
    border-bottom: 1px solid rgba(150, 150, 150, 0.3);}

#social-share, .about-author, .taggroup {
    overflow:hidden;
    margin-bottom:22px;}


/* Social Share
 *  */
#social-share p {margin-bottom: 11px;}
#twitter-share, #like-share, #plus-share, #stumble-share, #pinterest-share, #linkedin-share {
    float: left;
    display: block;
    padding: 0;}
#like-share {
    margin-top: 0px;
    margin-left: -13px;}
#stumble-share {margin-left: -1em;}
#linkedin-share, #pinterest-share, #plus-share {margin-left: 22px;}

/* About Author
 *  */
.about-author h3 {padding: 0;}

/* Related Posts
 *  */
.related-posts {
    overflow: hidden;
    margin-bottom: 22px;}
.related-posts > p {text-transform: uppercase;}
.related-posts ul {margin: 0;}
.related-posts li {
    float: left;
    width: 31%;
    margin-right: 3.33%;
    list-style-type: none;}
.related-posts-title {
    display: inline;
    text-transform: uppercase;}
.related-posts ul li:nth-child(3){margin: 0;}
.related-posts img { margin-bottom: 6px;} 


/* Widgets Basic
 *  */
.widget {
    clear: both;
    overflow: hidden;
    text-align: center;}
.widgettitle h3:first-child {
    margin-top: 0;
    padding: 0;
    border: none;}
h3.widgettitle {
    font-size: 1.3em;
    text-transform: uppercase;
    padding: 0;}
h3.widgettitle span {
    padding-bottom: 6px;
    line-height: 2em;
    border-bottom: 1px solid;
    opacity: 0.4;filter: alpha(opacity=40);}
.widget div > ul {margin:0;}
.widget li {
    list-style: none;
    margin: 0;}

#sidebar-aside .widget {text-align:right;}

#sidebar > div:last-child {
    padding:0;
    background:none;}

/* Template Widgetable
 *  */
.template-widgetable .widget {
    margin: 0;
    padding: 22px;
    text-align: left;}
.template-widgetable .widget:last-child, .template-widgetable .widget ul {margin: 0;}
.tw-sidebar-1 > div, .tw-sidebar-4 > div {padding: 0 11px 22px 0!important;}
.tw-sidebar-2 > div, .tw-sidebar-5 > div {padding: 0 0 22px 11px!important;}
.tw-sidebar-3 > div {
    clear:both;
    padding: 22px 0!important;
    border-top: 1px solid rgba(150, 150, 150, 0.3)!important;
    border-bottom: 1px solid rgba(150, 150, 150, 0.3)!important;}
.tw-sidebar-4 {clear: both;}

.template-widgetable .searchform input[type="submit"] {display: none;}

/* Template Sitemap
 *  */
.sidebar-sitemap .widget ul.menu li{
    margin-bottom: 0;
    text-transform: none;
    text-align: left;}
.sidebar-sitemap .widget {text-align: left;}

/* Widgets Footer
 *  */
.widget-footer {
    float: left;
    width: 24.9%;}
.widget-footer ul {
    margin: 0;
    list-style: none;}
.widget-footer li {
    display: block;
    margin-bottom: 0;}
.widget-footer img {
    display: block;
    width: 100.5%;}
.widget-footer .posts {
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;}

.widget-footer .searchform input[type="submit"] {display: none;}

/* Widget Custom Menu
 *  */
.widget ul.menu {
    margin: 0;
    text-transform: uppercase;}
.widget ul.menu > li {margin: 0 0 22px 0;}
.widget .menu li ul li a {text-transform: none;}
.widget .menu li.current-menu-parent ul {}
.widget .menu > li.current-menu-parent > a, .widget .menu li.current-menu-parent ul li.current-menu-item a {font-weight: bold;}


/* Tags & Tag Cloud
 *  */
.tagcloud {
    display: inline-block;
    text-align: center;}
.tagcloud a, .tags a {
    float: left;
    padding: 0.2em;}

/* Ela Recent Posts 
 *  */
.recent-posts-widget {margin: 0;}
.recent-posts-widget li {margin-bottom: 22px!important;}
.recent-posts-widget li:hover {opacity: 0.9; filter: alpha(opacity=90);}
.recent-posts-widget p {
    margin-bottom: 0;
    padding: 6px;
    text-align: center;}

/* Ela Last Projects
 *  */
.last-projects {
    position: relative;
    display: block;
    float: left;
    width: 33.333%;}


 /* Footer
--------------------------------------------------------------------*/

#footer {
    clear: both;
    overflow: hidden;
    font-size: 0.9em;}
#footer ul {margin-bottom: 0;}

.footer-top-left, .footer-top-right {float: left;}
.footer-top-left {width: 62%;}
.footer-top-right {width: 38%;}

.footer-midddle {
    position: relative;
    float: left;}

.footer-bottom {
    clear: both;
    overflow: hidden;
    border-top: 1px solid #F2F2F2;
    border-top: 1px solid rgba(150, 150, 150, 0.3);}

.copyright {
    float: left;
    margin: 0;
    padding: 11px 22px;}
.network {
    float: right;
    margin: 0;
    padding: 11px 22px;}


/* Menus
 * -----------------------------------------------------------------*/

 /* Dropdown Menu 
  * */
/* basic */
.dropdown-menu, .dropdown-menu *{
	margin: 0;
	padding: 0;
	list-style: none;}
.dropdown-menu ul {
	position:absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */}
.dropdown-menu ul li {
	width: 100%;}
.dropdown-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */}
.dropdown-menu li {
	float: left;
	position: relative;}
.dropdown-menu a {
	display: block;
	position: relative;}
ul.dropdown-menu li:hover li ul,
ul.dropdown-menu li.sfHover li ul{
	top: -999em;}
ul.dropdown-menu li li:hover ul,
ul.dropdown-menu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;}
ul.dropdown-menu li li:hover li ul,
ul.dropdown-menu li li.sfHover li ul {
	top: -999em;}
ul.dropdown-menu li li li:hover ul,
ul.dropdown-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;}
.dropdown-menu li:hover ul,
.dropdown-menu li.sfHover ul {
	left: 0;
	top: 16px; /* match top ul list item height */
	z-index: 999999;}

/* First Level */
ul.dropdown-menu {float: left;}
ul.dropdown-menu > li {padding-left: 22px;}
ul.dropdown-menu > li:first-child, ul.dropdown-menu > li a:first-child  {
    margin-left: 0; 
    padding-left: 0;}
ul.dropdown-menu a {
    padding-left: 22px;
    text-transform: uppercase;}

/* Second Level */
ul.dropdown-menu ul {
    font-size: 12px;
    margin-left: 0;
    margin-top: 29px;
    z-index: 999999;}
ul.dropdown-menu ul:last-child {
    padding-bottom: 0;
    border-bottom: none;}
ul.dropdown-menu li li:first-child {border-top: 0;}
ul.dropdown-menu ul li {
    margin-bottom: 2px;
    border: 1px solid gray;
    border: 1px solid rgba(150, 150, 150, 0.3);}
ul.dropdown-menu ul li:hover {opacity:0.9; filter:alpha(opacity=90);}
ul.dropdown-menu ul li a {
    padding: 6px 22px!important;
    border: none;
    text-transform: none;}
.dropdown-menu li.current-menu-parent ul, .dropdown-menu li.current-menu-item ul {display: block;}
.dropdown-menu li.current-menu-item a, .dropdown-menu li.current-menu-parent a{font-weight: bold;}
.dropdown-menu li.current-menu-item ul li a, .dropdown-menu li.current-menu-parent ul li a {font-weight:normal;}


#menu-icon-main {display:none;}


/* Aside Menu
 * */

.aside-menu {
    margin: 0;
    padding: 22px;
    list-style-type: none;
    text-transform: uppercase;}
.aside-menu li {
    line-height: 1.5em;
    padding: 3px;}
.aside-menu ul li {
    font-size: 0.9em!important;
    list-style-type: none;
    margin-left: 22px;}
.aside-menu li:before {
    content: "\e0d0";
    padding-right: 3px;
    opacity: 0.3; filter: alpha(opacity=60);}

.aside-menu li.current-menu-item a {font-weight: bold;}


/* Shortcodes
 * -----------------------------------------------------------------*/

/* Columns
 *  */
.one_half {width: 48%;}
.one_third {width: 30.66%;}
.two_third {width: 64%;}
.one_fourth {width: 22%;}
.one_fifth {width: 16.8%;}
.one_sixth {width: 13.33%;}
.one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth {
	position: relative;
	float: left;
	margin-right: 4%;}
.last {margin-right: 0!important;}

/* Group Tabs 
 * */
ul.tabs {
	display: block;
	margin: 0;}
ul.tabs li {
	display: block;
	float: left;
	width: auto;
	padding: 0;
	margin: 0 1px 0 0;
	border: 1px solid gray;
    border: 1px solid rgba(150, 150, 150, 0.14);}
ul.tabs li:hover {opacity: 0.9; filter: alpha(opacity=90);}
ul.tabs li a {
	display: block;
	width: auto;
	margin: 0;
	padding: 11px 22px;
	text-decoration: none;
    text-transform: uppercase;}

ul.tabs-content {
    display: block;
    margin: 1px 0;
    border: 1px solid gray;
    border: 1px solid rgba(150, 150, 150, 0.14);}
ul.tabs-content p:last-child {margin:0;}
ul.tabs-content > li {
    display: none;
    list-style: none;
    padding: 11px 22px;}
ul.tabs-content > li.active {display: block;}
ul.tabs li a.active {font-weight: bold;}

/* Clearfixing tabs
 *  */
ul.tabs:before,
ul.tabs:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;}
ul.tabs:after {clear: both;}
ul.tabs {zoom: 1;}


/* Toggles
 *  */
.toggle-wrapper {
    overflow: auto;
	padding: 11px 22px;
	margin-bottom: 1px;}
.toggle-wrapper p:last-child {margin:0;}
p.trigger {
	display: block;
	padding: 11px 22px;
	margin: 0;
	cursor: pointer;
	border: 1px solid gray;
	border: 1px solid rgba(150, 150, 150, 0.14);}
p.trigger:before, p.trigger.active:before {
    font-size: 1.2em;
    padding: 0 11px 0 0;}
p.trigger:before {content: '+';}
p.trigger.active:before {content: '-';}
p.trigger {margin-bottom: 1px;}
p.trigger a {
    text-decoration: none;
    text-transform: uppercase;}
p.trigger:hover {opacity: 0.9; filter: alpha(opacity=90);}


/* Media Queries
 * -----------------------------------------------------------------*/
 
 /* Min Width 1366px
 *  */
@media only screen and (min-width: 1367px) { }

/* Max Width 1024px
 *  */
@media only screen and (max-width: 1024px) { 

.searchform input[type="submit"] {display: none;}

}

/* Max Width 800px
 *  */
@media only screen and (max-width: 800px) {

#wrapper, .context-left, .context-right, #sidebar, #s {
    float: none;
    width: 100%;}
   
.columns-3, .columns-4, .columns-5 {width: 50%;}    
.one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth {width: 48%;}
    
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
    width: 90%;
    margin: 0 auto;
    padding: 5%; }
        
#sidebar-aside {display: none;}

#container {
    position: relative;
    width: 100%;
    margin-left: 0;}
#container > div {
    margin-left: 0;
    border-right: none;}

.brand {
    float: none;
    width: auto;
    text-align: center;}
.brand > div {
    margin-top: -44px;
    padding: 0 22px 22px 22px;}

.jpanel, #menu-icon-main {
     font-size: 2em;
     display: block;
     margin: 22px;
     z-index: 1;}
.jpanel, .brand-media {visibility:visible;}

#menu-icon-main {
    position: fixed;
    top:0; right:0;}
#menu-icon-main:before {
    cursor: pointer;
    padding-right: 0;}

/* Dropdown menu
 * */
#dropdown-menu-wrapper {
    position: fixed;
    top:0; right:0;
    clear: both;
    width: 100%;
    padding: 0;
    border: none;
    background: none;}
/* main nav */
ul.dropdown-menu {
    position: relative;
    z-index: 1;
    clear: both;
    display: none;
    float: none;
    width: 60%;
    margin: 0 auto;
    background: #333333;
    background: rgba(0, 0, 0, 0.8);}
ul.dropdown-menu li {margin-left: 22px;}
/* First Level */
#dropdown-menu-wrapper ul > li {
    clear: both;
    float: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(225, 225, 225, 0.3);
    border-right: none;}
#dropdown-menu-wrapper ul > li:last-child {border: none;}
#dropdown-menu-wrapper ul > li a {
    padding: 11px;
    text-align: center;
    color: #DFDFDF;}
#dropdown-menu-wrapper ul > li a:hover {color:white;}

/* Second Level */
#dropdown-menu-wrapper ul ul {
    overflow: hidden;
    margin: 0;}
#dropdown-menu-wrapper ul li ul {
    margin-left: 0;
    margin-top: 0.7em;
    border: 1px solid rgba(225, 225, 225, 0.3);
    box-shadow: 2px 2px 2px black;
    -moz-box-shadow: 2px 2px 2px black;
    -webkit-box-shadow: 2px 2px 2px black;}
#dropdown-menu-wrapper ul ul li a {
    text-align: left;
    color: #4F4F4F;}
#dropdown-menu-wrapper ul ul li a:hover {color: #6F6F6F;}

.flexslider  {
    position: relative;
    z-index: 0;}

}


/* Max Width 480px 
 *  */
@media only screen and (max-width:480px) {

.context-left, .context-right, 
ul.three-coll-blog > li,
.columns-4 img, .columns-5 img {
    float: none;
    width: 100%;}

.context-right > div, .context-left > div {border: none;}

#portfolio-list-3 li.portfolio-item, #portfolio-list-4 li.portfolio-item, .widget-footer {width: 49.9%;}

/* Display none */
.slideshow-top-caption, .project-caption, .zoom {
    display: none;
    visibility: hidden;}

}

/* Max Width 240px
 *  */
@media only screen and (max-width:240px) {

    .columns-3, .columns-4, .columns-5,
    .one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth,
    #portfolio-list-3 li.portfolio-item, #portfolio-list-4 li.portfolio-item,
    .footer-top-left, .footer-top-right, .widget-footer,
    .thumbnails-group {
    float: none;
    width: 100%;
    margin: 0 auto;}

.footer-top-left > div, .footer-top-right > div, .widget-footer {
    margin-bottom: 0;
    padding-bottom: 0;}