/*  
Theme Name: Local
Description: Responsive WordPress theme
Theme URI: http://vergo.me
Author: Vergo & Themnific
Author URI: http://vergo.me
Version: 1.0
Tags: dark, light, white, black, gray, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options, translation-ready
License: GNU/GPL Version 2 or later. 
License URI: http://www.gnu.org/licenses/gpl.html 
Copyright: (c) 2015 Dannci.
 
*/

/*

[Table of contents]

1. CSS Resets & Clearfix
2. Body & Default Styling
3. Headings
4. Header / #header
5. Navigation / #navigation
6. Content / #content, .post
7. Sidebar / #sidebar
8. Custom Widgets
9. Comments / #comments
10. Forms / .searchform
11. Portfolio
12. Footer / #footer
13. Images & Galleries / img, .gallery
14. Social Buttons / .social-menu
15. Flex Slider / .flexslider
16. Buttons, Pagination, Ribbons & Scroll to top
17. Plugins
18. Homepage Blocks
19. Other (sticky, tagcloud, calendar, tabs, tooltips, speciable)

*/


/* 1. CSS Resets & Clearfix
********************************************************************************************
********************************************************************************************/


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.clearfix:after { content: "\00A0"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

.clearfix{ display: inline-block;}  

html[xmlns] .clearfix { display: block;}  

* html .clearfix{ height: 1%;}  

.clearfix {display: block}  

.wrapper{ max-width:100%; overflow:hidden;}


/* 2. Body & Default styling
********************************************************************************************
********************************************************************************************/

html, body {
	height: 100%;
	margin:0; padding:0;
}

img,.imgwrap{ max-width:100%; position:relative; overflow: hidden;}
 
ol, ul { list-style:none; margin:0; }

ul.children{ margin-left:15px;}

ul.children li:last-child{ padding: 0 0 0 0 !important;}

.tranz,#nav{-webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }

a,a:hover,.nav li a,.ribbon,.ribbon a{
	text-decoration:none;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in; 
	transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
}

.ghost{ overflow:hidden;}

small,.small{ font-size:80% !important;}

.sserif{text-transform:uppercase; margin:5px 0 20px 0;}
	
.fl{ float:left !important;}
.fr{ float:right !important;}
.cntr{ text-align:center;}

.rad,
.nav-previous a,
.nav_item a,
a.mainbutton,
.page-numbers,
ul.tmnf_slideshow_thumbnails li img,
#main-nav li.special,
.coco-social ul.coco-social-buttons li a,
.flex-direction-nav a,
li.mp-services i.main,
.mp-inner,
.mp-more,
h2.widget,
#header ul.social-menu li a,
.commentlist li.comment {-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}

#header.boxshadow{
	-moz-box-shadow:  0 0 1px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:  0 0 1px rgba(0, 0, 0, 0.15);
	box-shadow:  0 0 1px rgba(0, 0, 0, 0.15);
}

.item.boxshadow{
	-moz-box-shadow:  0 0 2px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow:  0 0 2px rgba(0, 0, 0, 0.05);
	box-shadow:  0 0 2px rgba(0, 0, 0, 0.05);
}

.item.boxshadow:hover{
	-moz-box-shadow:  0 0 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:  0 0 2px rgba(0, 0, 0, 0.1);
	box-shadow:  0 0 2px rgba(0, 0, 0, 0.1);
}

.lower{ text-transform: lowercase !important}
.italic{ font-style:italic !important}
.fat{ font-weight:bold !important}

.hrline,.hrlineB{
	clear:both;
	width: 100%;
	margin:30px 0 30px 0;
	padding:0;
	height:1px;
	position:relative;
	
}

.hrline:after{ width:30%; height:1px; position:absolute; top:0; left:50%; margin:0 0 0 -15%;background-color:#f00;content: '';	}

.hrlineB{margin:0 0 30px 0 !important;}

.hrline span,.hrlineB span{
	width:30px;
	background:#999;
	height:1px;
	position: absolute;
	top:0;
	left:0;
}

hr{ background:#eee !important; border:none !important;}

.top-fix{ margin-top:40px !important;}

.bottom-fix{margin-bottom:80px !important;}

.tmnf_hide{ display:none !important;}

.tmnf_icon{ font-size:9px !important; padding:3px;}

.blogger .tmnf_icon{ font-size:13px !important; padding:5px 10px; z-index:2; position:absolute; top:5px; left:5px; width:36px; height:36px; text-align:center;}

.media-small .tmnf_icon{ font-size:36px !important; padding:0; z-index:2; position:absolute; top:10px; right:46px; margin:0 0 0 0; width:36px; height:36px;background:none !important; }

h4 .tmnf_icon{ margin-right:5px}

/* 2. Body & Default styling
********************************************************************************************
********************************************************************************************/

h1{
	margin:15px 0;
	padding:0;
}
	
h1.entry-title,
h2.posttitle{
	margin:0 0 25px 0;
	padding:0 0 0 0;
	letter-spacing:0.04em;
}	


h1.entry-title{margin:20px 0;}
	
h2{
	margin:20px 0;
	padding:0;
}

h2.block{margin:0 auto 0 auto ; padding:40px 20px 0 20px;float:none; overflow:hidden; text-align:center;}

h2.block.overlay{ position:absolute; top:0; left:0; margin:0 0 0 0; padding:15px 20px; z-index:1; float:left;}

h2.block .maintitle{float:none; padding-bottom:60px;  position:relative; z-index:2;	display:block;}

h2.block-action {
    float: left;
    max-width: 60%;
    text-align: left;
}

h2.block-action .maintitle{float:left; padding-bottom:10px;}

h2.block span.maintitle:after{
	width: 140px;
	height:1px;
	margin:0 0 0 -70px;
    content: "";
	position:absolute;
	opacity:1;
	bottom:28px;
	left:50%;
	background:#000;
}

h2.block-action span.maintitle::after{ display:none;}

h2.con_fix{ margin-left:25px !important}
	
h2.posttitle{margin:35px 0 20px 0;}

.archive  h2.block,
.search h2.block{
	line-height:0.8 !important;
}

h2.archiv{
	margin:5px 20px 30px 20px;
	padding:0 0 15px 0; 
	overflow:hidden;
	border-bottom-width:2px;border-bottom-style:solid;
	text-align:left;
	float:left;
}


h2.taxonomy{ margin:60px 0 0 0;}

h2.block span.subtitle,
h2.archiv span{
	padding:3px 0;
	margin:0 0 0 0;
	letter-spacing: 0.05em;
	opacity:.4;
	display:block;
	text-transform:none;
	position:relative;
}

h2.block-action span.subtitle{ float:left; clear:both; margin-bottom:20px;}

h2.archiv span{ margin:10px 0 0 0;padding:0 0 0 0; float:left;}

h2.widget{ position:relative; overflow:hidden; margin:0 auto 15px auto; padding: 0 15px; float:none;font-size:14px !important; letter-spacing:2px; display:inline-block;}

h2.widget-alt{ position:absolute; top:0; left:0; z-index:3;}

h3{
	margin:25px 0 15px 0;
	padding:0;
	letter-spacing:-0.025em;
}	

h3.leading{
	margin:0 0 10px 0;
	padding:0;
}	
	
h4{
	margin:15px 0 10px 0;
	padding:0;
}	
	
h5,h6{
	margin:5px 0;
	padding:0;
}	
	
h3 span span{ opacity:.6; padding:0 !important;}

h3.title{ padding:0 0 11px 0; margin: 0; font-size:14pt; text-shadow:none;}

h4.leading{
	margin:-5px 0 10px 0;
}



/* 4. Header / #header
********************************************************************************************
********************************************************************************************/

#topnav{height:34px; position:relative; z-index:10;}

#topnav p{ float:left; font-size:12px; max-height:35px; margin:0 15px 0 0px; padding:4px 18px 4px 0 ; border-right-style:solid; border-right-width:1px;}

#topnav p i{ margin:0 4px 0 0;}

#topnav .nav li ul{ margin:0 0 ; width:120px;}

#header{
	width:100%;
	padding:0;
	overflow: visible;
	margin:0 0 0 0;
	position:relative;
	float:left;
	z-index:9;
}

#header h1{
	line-height:1.2;
	display:block;
	position:relative;
	z-index:10;
	margin:0 auto;
	float:none;
	max-width:100%;
	text-align:center;
}

#header h1 img{margin:0 0; display:block; float:left; max-width:100%; }

#titles{ overflow:hidden; float:none; display:block; margin-left:auto; margin-right:auto;}

#mainhead{ overflow:hidden; position:relative;}

.navhead{ width:100%;position:relative; margin:0 0 0 0;-webkit-transform: translateZ(0); z-index:89;}

.headad img,
.headad ins{ max-width:100%; display:block; float:none; margin:40px auto 0 auto;}

.main-breadcrumbs{ margin:0 0 0 0; padding:60px 0 30px 0; border-top:1px solid #eee;border-bottom:1px solid #eee;}

.mini-header .main-breadcrumbs{padding:30px 0 30px 0;}

.page-template-template-portfolio .main-breadcrumbs,
.tax-categories .main-breadcrumbs,
.single-work .main-breadcrumbs,
.error404 .main-breadcrumbs,
.search .main-breadcrumbs,
.page-template-template-404 .main-breadcrumbs,
.page-template-homepage  .main-breadcrumbs,
.author .main-breadcrumbs,
.page-template-template-fullwidth .main-breadcrumbs{ display:none;}


/* 5. Navigation / #navigation
********************************************************************************************
********************************************************************************************/

#navigation{
	z-index:9;
	width:100%;
	max-width:100%;
	margin:0 auto -30px auto;
	position:relative;
	float:left;
	
}

.nav {
	padding: 0;
	list-style: none;
	line-height: 1;
	display:block;
	z-index:99;
}

.nav a {
	position: relative;
	display: block;
	z-index: 1;
	padding: 12px 0;
	text-decoration: none;
}

.nav>li>a{
	display: block;
	padding:16px 10px 14px 10px;
	text-decoration: none;
	line-height:1;
	border-bottom:none;
}

.nav>li>a{ letter-spacing:1px;}

.nav li ul li > a{ font-size:12px !important;}

.nav li a span.walker{ display: none; padding-top:6px; letter-spacing:0 !important; font-size:11px !important; color:#999 !important;}

.nav>li>a>span.walker{ display:block; text-transform: none; opacity:.6}

.nav li {
	display:block;
	position: relative;
	overflow: hidden;
}

.nav>li {
	margin:0;-webkit-backface-visibility: hidden;
}

.nav li ul {
	margin:0 0 0 0;
	padding:0 0;
	width:200px;
	position: absolute;
	z-index:9;
}


.nav li ul li>a {
	margin:0 22px;
	padding:22px 0px;
	border-bottom-width:1px;
	border-bottom-style: dotted;
	text-align:left;
	line-height:1;
	font-weight:normal !important;
	opacity:.9;
	max-width:220px !important;
}

.nav li ul li a i{
	margin-right:5px !important;
}

.nav li ul li:last-child a{border-bottom:none;}

.nav>li>ul{
	z-index:9;
	margin:0 1px 0 0;
	padding:0 0 0 0;
}

.nav>li>ul:after {
    border-color: #FFFFFF transparent;
    border-style: solid;
    border-width: 0 6px 6px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    left: 18px;
	top:-5px;
    width: 0;
}

.nav>li>ul>li,
.nav li ul ul li{width:100%;max-width:250px;}

.current_page_ancestor ul li a{
}

.nav li ul ul{
	margin: -58px 0 0 198px;
}

.nav li.menu-item-has-children a,
.nav li.page_item_has_children a,
.nav li.mega2 a {
  	padding-right: 18px !important;
}

.nav li ul li a.sf-with-ul {
	padding-right: 0;
}

.sf-arrows .sf-with-ul::after {
	position: absolute;
	display: block;
	right:0;
	top:42%;/* arrow position */
	text-indent: -999em;
	overflow: hidden;
	content: "";
}

.sf-arrows .sf-with-ul::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(255, 255, 255, 0.5) transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 4px;
    content: "";
    height: 0;
    width: 0;
}
.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
}

.nav li ul {
	position: absolute;
	left: -999em;
}

.nav li:hover, .nav li.hover {
  	position: static;
}

.nav li:hover ul ul,
.nav li.sfhover ul ul,
.nav li:hover ul ul ul,
.nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul,
.nav li.sfhover ul ul ul ul {
  	left: -999em;
}

.nav li:hover ul,
.nav li.sfhover ul,
.nav li li:hover ul,
.nav li li.sfhover ul,
.nav li li li:hover ul,
.nav li li li.sfhover ul,
.nav li li li li:hover ul,
.nav li li li li.sfhover ul {
  	left: auto;
}


#main-nav{ display: block; margin:0 0 0 0; width:100%;}

#main-nav>li>a{ padding:16px 0 20px 0; margin:0 30px;border-top:4px solid rgba(0, 0, 0, 0);}

/*.scroll-to-fixed-fixed #main-nav>li>a{ padding:14px 0 10px 0;}*/

#main-nav>li.current-menu-item>a,#main-nav>li>a:hover{border-top:4px solid rgba(0, 0, 0, 1);}

#main-nav>li{
	margin:0 0 0 0;
	display:block;
	border-right-width:1px;
	border-right-style:solid;
	float:left;
	text-align:center;
}

#main-nav>li:first-child{}

#main-nav li.special{ float:right; border-right:0;}
#main-nav li.special > ul::after{ display:none;}
#main-nav li.special:hover > ul { left:auto; right:-1px;}
#main-nav li.special ul ul {    margin: -58px 0 0 -200px;}

#main-nav>li>a>i{
	margin-right:5px !important;
}

.nav li.kill a{pointer-events: none;}


.top-menu{ float:left; display: inline-block; position:absolute; top:50%; right:0; margin:-20px 0 0 0;}

.top-menu li{ float:left; display: inline-block; margin:0 0 0 25px;}

.top-menu li a{ padding:5px 0;}

.top-menu a i{ font-size:130%; margin:0 3px 0 0;}

.top-menu li div.sub{ font-size:11px !important; line-height:1.4 !important; font-weight:normal !important;}


/* @mega menu 
***************************/

#main-nav li.mega ul{ width:100.2%;margin:0 0 0 -1px;}

#main-nav li.mega ul.sub-menu{ min-height:340px;}

#main-nav li.mega:hover ul{left: 0;}

#main-nav li.mega:hover ul li{ width:20%; float:none;}

div.sub{ visibility: visible; display:block;}

.mega ul.loop,
.mega div.sub{ position: absolute; width:79.8%; left:20%;  z-index:9999; padding:10px 0 0 0 !important;}

.mega2 ul.loop,
.mega2 div.sub{ position: absolute; left:1px;  z-index:99;padding:0 0 0 0 !important;width:100.1%;margin:0 0 0 -1px;}