/*  
Theme Name: Libra
Theme URI: http://demo.yithemes.com/libra/
Version: 1.2.0
Description: Multipurpose Wordpress Theme
Author: Your Inspiration Themes
Author URI: http://yithemes.com/
Tags: white, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, front-page-post-form, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready


*/
/* 

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles or add your custom style option of the theme options, 
it will automatically override the style in this file. 
---------------------------------------------------------------------------------------------- */

/* === FONTS
Main: 'Arial', 'Verdana', 'Arial', sans-serif

Text size: 12px;
Menu size: 15px;
Sub-menu size: 11px;
----------------------------------------------------------- */

/* === COLORS
Light grey: #dedede
Grey:       #939191
Orange:     #ac670c
-------------------- */

/* ===== TYPOGRAPHY ===== */


/* ===== HEADER ===== */
#header {
    position: relative;
    /*margin-bottom:21px;*/
    min-height: 85px;
    padding-top: 20px;
    /*height: 105px;*/
}    




/* === TEXT IMAGE */
.text-image img{ max-width: 100%; }

/* === RECENT COMMENTS */
.recent-comments .the-post                { line-height:1em; margin-bottom:30px; }   
.recent-comments .the-post p              { line-height:1.5em; margin-top:3px; padding-bottom:0; }
.recent-comments .the-post p.comment      { font-size:12px; margin-bottom: 12px; }
.recent-comments .avatar                  { display:inline; float:left; padding-right:7px; margin:0; width: 33px; height: 33px; margin-right: 10px; }
.recent-comments .avatar img              { border: 1px solid #e6e4e4 !important; padding: 3px !important; width: 33px; height: 33px; }     
.recent-comments a.title                  { line-height: 15px; }
.recent-comments .the-post .author a      { color: #676768; font-weight: 800; }

.recent-comments .the-post span,
.recent-comments .the-post a { font-size: 10px; }

/* === TESTIMONIAL SLIDER */
.testimonial-widget { position: relative; }
.testimonial-widget > h3 { margin-bottom: 22px !important; }
.testimonial-widget ul { max-height: 229px; overflow: hidden; }
.testimonial-widget li { display: none; }
.testimonial-widget li > div { background: #fff; border:1px solid #d0cece; padding: 10px;}
.testimonial-widget li blockquote { background: none; padding: 0px; }
.testimonial-widget li blockquote p { line-height: 20px; }
.testimonial-widget li blockquote p:first-child { margin-top: 5px; font-size: 12px; }
.testimonial-widget li .thumbnail { float: right; padding: 2px; width: 35px; height: 35px; }
.testimonial-widget li .name-testimonial { float: right; line-height: 19px; margin-right: 6px; color: #000; font-size: 11px; }
.testimonial-widget li .url-testimonial, .testimonial-widget li .label-testimonial { color: #858585; font-size: 11px; }
.testimonial-widget .flex-direction-nav li { display: block; }
.testimonial-widget .flex-direction-nav a { opacity:  1; -webkit-transition: none; background: url(images/slider/slider-arrow-testimonial.png) no-repeat; width: 6px; height: 8px; position: absolute; top: 28px;}
.testimonial-widget .flex-direction-nav .flex-prev { background-position: left top; left: auto; right:8px; }
#ie8 .testimonial-widget .flex-direction-nav .flex-prev { left: 200px } 
.sidebar.span2 .testimonial-widget .flex-direction-nav .flex-prev { left: 92%; }
.testimonial-widget .flex-direction-nav .flex-next { background-position: right top; right: 0%; }

/* === TOGGLE MENU */
.yit_toggle_menu ul.menu > li > a {
    border-bottom: 0px solid #e6e4e4;
    color: #010101;
    display: block;
    font-family: 'Arial', 'Verdana', 'Arial', sans-serif;
    font-size: 14px;
    margin-top: 3px;
    padding-bottom: 4px;
}

.yit_toggle_menu ul.menu li.dropdown > a {
    margin-bottom: 8px;
}

.yit_toggle_menu ul.menu li.dropdown ul { margin-top: 8px; margin-bottom: 8px; }
.yit_toggle_menu ul.menu li.dropdown li.dropdown + li { margin-top: -8px; }
.yit_toggle_menu ul.menu li.dropdown li.dropdown ul { margin-left: 21px; }

.yit_toggle_menu ul.menu li.dropdown li.dropdown ul li a:before {
    content: "-";
    margin-right: 5px;
}

.yit_toggle_menu ul.menu li.dropdown li.dropdown ul li a { font-style: italic; }

.yit_toggle_menu ul.menu ul li a {
    color: #676768;
    display: block;
    font-family: 'Arial', 'Verdana', 'Arial', sans-serif;
    font-size: 12px;
}

.yit_toggle_menu ul.menu ul li a:hover { color: #6C6D03; }

.yit_toggle_menu ul.menu li.dropdown > a {
    background: url(images/icon-plus.jpg) no-repeat left 5px;
    line-height: 25px;
    padding-left: 20px;
}

.yit_toggle_menu ul.menu.open_none li.dropdown ul,
.yit_toggle_menu ul.menu.open_first li.dropdown ul  { display: none; }
.yit_toggle_menu ul.menu.open_first > li.dropdown:first-child > ul { display: block; }
.yit_toggle_menu ul.menu.open_all > li.dropdown ul { display: block; }
.yit_toggle_menu ul.menu li.dropdown.opened > a { background-image: url(images/icon-minus.jpg); }

.yit_toggle_menu ul.menu li.dropdown li.dropdown > a { background-image: url(images/icon-plus-sub.jpg); }
.yit_toggle_menu ul.menu li.dropdown li.dropdown.opened > a { background-image: url(images/icon-minus-sub.jpg); }

/* ===== PORTFOLIO COMMON RULES ===== */
#portfolio a.zoom { background:#000 url('images/icons/zoom.png') center no-repeat; text-indent: 0 }      
#portfolio a.video a.zoom { background:#000 url('images/icons/play.png') center no-repeat }
#portfolio a.project a.zoom { background:#000 url('images/icons/project.png') center no-repeat }
#portfolio a.onlytitle a.zoom { background:#000 }
#portfolio a.zoom span, .section a.zoom span { position: absolute; bottom: 25%; color: white; text-align: center; display: block; width: 100%; font-family: 'Open Sans',sans-serif; font-size: 16px; line-height: 15px; text-indent: 0;}
#portfolio a.zoom span.subtitle, .section a.zoom span.subtitle { bottom: 12%; font-size: 11px; }
.work-thumbnail .extra-images-slider ul.flex-direction-nav { bottom: 20px }
.work-thumbnail .extra-images-slider ul.flex-direction-nav li { margin-bottom: auto }
/*
#portfolio .read-more, #portfolio .more-link { background: /*url("images/bg-button-light.png") repeat-x scroll left top/ #F4F4F8; border: 1px solid #CFCFCF; border-radius: 2px 2px 2px 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); color: #787D8C !important; float: left; font-size: 12px; margin: 15px 0 20px; padding: 4px 12px; text-decoration: none; text-shadow: 1px 1px 0 white; }
#portfolio .read-more:hover, #portfolio .more-link:hover { background: none repeat scroll 0 0 #F9F9FB; border: 1px solid #CFCFCF; color: #464B5A !important; }
*/

#portfolio .read-more, #portfolio .more-link {
    background: #eee8e8 url(images/read-more-arrow.png) no-repeat 6px 50%;
    border: 0px solid #d1cece;
    border-left: 5px solid #b4b3b3 !important;
    color: #8a898a;
    display: inline-block;
    padding: 8px 25px;
}

#portfolio .read-more:hover, #portfolio .more-link:hover { background-color: #e0dfdf; }

#ie8 .picture_overlay .overlay div p, #ie8 .picture_overlay .overlay div p { text-align: center; min-width: 100px; }


/* portfolio overlay 
.overlay {display:none; background: none repeat scroll 0 0 #000;height:100%;left:0;overflow: hidden; position: absolute; top:0; width:100%; opacity: .7; text-align: center}
.overlay a { display: block; float: left; height: 100%; width: 50%; line-height: 9999px; overflow: hidden; }
.overlay a.overlay_project { background: url('images/icons/project.png') 5% center no-repeat }
.overlay a.overlay_img { background: url('images/icons/zoom.png') 95% center no-repeat }
.overlay a.overlay_video { background: url('images/icons/play.png') 95% center no-repeat }
.overlay span.overlay_title { position: absolute; bottom: 30%; color: white; text-align: center; display: block; width: 100%; font-family: 'Rokkitt', 'Georgia', 'Times New Roman', serif; font-size: 16px; line-height: 15px; }
*/
/* ====================== START ACCORDION SLIDER ====================== */

/* === OVERLAY === */
.picture_overlay { 
	position: relative; 
	cursor: pointer; 
	border:0px solid #cdcfd0;
	
	box-shadow: 
		inset 0 0 0 0 rgba(0,0,0, 0.4)/*,
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1)*/;

}
.picture_overlay.js_loaded {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.picture_overlay:hover { 
	border-color: #FFFFFF;
}
.picture_overlay_empty:hover { 
	border-color: #FFFFFF;
}
.picture_overlay.picture_overlay_empty {
	cursor: default !important;
}

.picture_overlay .overlay {
	position: absolute;
	top: 1px;
	height: 0px;
	width: 261px;
	height: 100%;
	box-shadow: 
		inset 0 0 0 0 rgba(0,0,0, 0.4)/*,
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1)*/;

		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	left: 3px;
	
}
.picture_overlay .overlay div {
	position: absolute;
	top: 92px;
	left: 124px;

	opacity: 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden; /*for a smooth font */
}
.picture_overlay .overlay div img {
	width: auto;
	height: auto;
	padding: 2px;
	display: inline !important;
}
#ie8 .picture_overlay .overlay div a {
	
}
.picture_overlay .overlay div p {
	color: #fff;
	font-family: 'Open Sans',sans-serif;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
	overflow: auto;
}

.picture_overlay .overlay div p.title { font-size: 16px; margin-top: 15% !important; margin-bottom: 0 !important; overflow: hidden }
.picture_overlay .overlay div p.subtitle { font-size: 11px; }

#ie8 .picture_overlay .overlay div { display: none }
#ie8 .picture_overlay:hover .overlay {
	background-color: #000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}



.picture_overlay:hover, .picture_overlay:hover .overlay {
	box-shadow: 
		inset 0 0 20px 450px rgba(0,0,0, 0.4)/*,
		inset 0 0 0 16px rgba(255,255,255,0.8),
		0 1px 2px rgba(0,0,0,0.1)*/;
}

.picture_overlay:hover .overlay div {
	opacity: 1;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}

[class^="icon-"], [class*=" icon-"] { background-image: none; }