/*
 Theme Name:     Twenty Fourteen Child Theme
 Theme URI:      http://hyperlinkcode.com/blog/?p=996
 Description:    A bare-bones child theme for use with Twenty Fourteen Theme from <a href="https://wordpress.org/">Wordpress</a>. To use this Child Theme, you must have <a href="https://wordpress.org/themes/twentyfourteen/">twentyfourteen</a> parent theme installed.
 Author:         Edward Zivkovic
 Author URI:     http://hyperlinkcode.com/
 Template:       twentyfourteen
 Version:        1.0.0
*/

body, button, input, select, textarea {
    color: #2b2b2b !important;
    font-family: Lato, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
} 

h2{
	font-size: 24px !important;
	line-height: 50px !important;
	border-bottom: 2px #eaeaea solid;
	margin-bottom: 30px !important;
}

h1.entry-title{
	font-size: 38px !important;
	font-weight: 500 !important;
}

h1.site-title{
	font-size: 20px !important;
}


.site-header{
	background-color: #dddddd;
	border-bottom: 1px solid #fff;
	max-width:unset !important;
}
.site {
	max-width:unset !important;
}
#secondary{
	background-color: #eaeaea !important;
}


@media screen and (min-width: 1008px){
.site:before {
    background-color: #dddddd;
    }
}

@media screen and (min-width: 673px){
#secondary, #supplementary {
    padding: 0px;
}

}


.site-content .has-post-thumbnail .entry-header{
	padding-top: 80px;
}


.counter-hierarchy.counter-decimal.ez-toc-grey{
	position: fixed !important;
    top: 90px !important;
	right: 20px !important;
	z-index: 99999 !important;
}

.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
	max-width: 100% !important;
	
}


@media screen and (max-width: 736px){
	.counter-hierarchy.counter-decimal.ez-toc-grey{
		position: unset !important;
		top: unset !important;
		right: unset !important;
	}

	.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
		margin-right: unset !important;
	}
	
	#secondary{
		display: none !important;
	}
}

.search-toggle{
	
	background: #646464;
}

.search-box{
	background-color: #0160aa !important;
}

@media screen and (min-width: 783px){
.primary-navigation li {
	background: #0160aa;

}
.primary-navigation li a{
	color: #fff;

}

}

@media screen and (max-width: 80000px){
	button#responsive-menu-button {
	    height: 48px !important;
		top:0px !important;
	    right: 0px !important;
	}

	#responsive-menu-container {
		margin-bottom: 50px !important;
	}
}

#responsive-menu-container{
	top:48px !important;

}

#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow{
	width: 40px !important;
	color: #000 !important;
	background: #eaeaea !important;
}

@media screen and (min-width: 768px){
	
	.site-content, .site-main .widecolumn {
	    margin-left: 222px;
	}

	#responsive-menu-button{
		display: none !important;
	}

}


@media screen and (max-width: 400px){
	.list-view .site-content .cat-links, .list-view .site-content .type-post .entry-content, .list-view .site-content .type-page .entry-content, .list-view .site-content .type-post .entry-summary, .list-view .site-content .type-page .entry-summary, .list-view .site-content footer.entry-meta {
     display: inline !important; 
	}

}


.site-footer {
    position: fixed !important;
    bottom: 0px !important;
    width: 100%;
}


@media screen and (max-width: 768px){
	
	#primary-menu{
		display: inherit !important; 
	}

	#primary-navigation{
		padding-top: 50px;
	}

	.primary-navigation a{
		padding: 4px 0 !important;
	}

	.site-navigation a {
    	color: #000 !important;
    	text-align: center !important;
    }

    .primary-navigation.toggled-on{
    	padding: 50px 0 0px;
    }

    .menu-toggle{
    	display: none;
    }

    .search-toggle{
    	margin-right: 46px !important;
    }

    .breadcrumb {
    margin-left:0px !important;
}

}


.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    margin-left:222px;
}
.breadcrumb a {
    color: #428bca;
    text-decoration: none;
}

.content-area{
	padding-top: 0px !important;
}


.nav-helpzi{

	margin-left: 0px !important;
}

.tab-helpzi{
	padding:15px;
}